var prod_file = function(option){ var sets = { //類型 type : '1', //1->列表,2->詳細頁,3->活動詳細頁,4->lookbook,5->一頁式購物 action : 'poducts', //頁面類型 //商品內容 contBox : 'content', //總容器的class itemBox : 'productBox', //商品容器的class nameBox : 'nameBox', //商品名稱的class prodnoBox : 'prodnoBox', //商品編號的class loveBox : 'love', //願望清單的class price2Box : 'font-delete', //定價的class price1Box : 'font-big', //結帳價的class rbonusBox : 'price-rbonus', //紅利兌換的class bonusBox : 'get_bonus', //購物金的class colorBox : 'colorbox', //顏色的class colorSelect: 'color-select', //顏色下拉的class colorName : 'Spec_Name1', //顏色名稱的class sizeBox : 'sizebox', //尺寸-按鈕的class sizeSelect: 'size-select', //尺寸-下拉的class sizeName : 'Spec_Name2', //尺寸名稱的class sp3Box : 'sp3box', //規格三-按鈕的class sp3Select : 'sp3-select', //規格三-下拉的class sp3Name : 'Spec_Name3', //規格三名稱的class amountBox : 'amountBox', //數量的class stockBox : 'stockBox', //庫存的class picpathBox: 'productImg', //主圖片的class picBox : 'owl-carousel', //圖片容器的class specClass : 'box-item', //規格 -按鈕的class specID2 : 'SID', //規格 -要傳送的標籤屬性 specUrl : '/products/ajax/common/ajax_get_prod_item.php', //規格 -ajax網址 sale_msg :'sale_msg', //規格的特惠訊息 Wear_Report :'Wear_Report', //試穿報告 expect_date :'expect_date', //預計出貨日期 offlien_stock :'stock-box', //門市庫存 ActStrBox :'sale', //規格活動字串 StDate :'b-st-date', //規格上假日期 AddDate :'b-add-date', //規格加入購物車日期日期 //預約試衣 R_Btn : 'putDress', //預約試衣-加入預約試衣按鈕 R_Pic : 'R_Pic', //預約試衣-商品圖片class R_Name : 'R_Name', //預約試衣-商品名稱class R_Color : 'R_Color', //預約試衣-顏色名稱class R_Size : 'R_Size', //預約試衣-尺寸名稱class R_Price : 'R_Price', //預約試衣-商品價格class //加入購物車 addButton : 'add_to_cart', //加入購物車按鈕的class addUrl : '/ajax/ajax_add_to_cart.php', //加入購物車網址 addBox : 'Add_Button', //加入購物車按鈕的容器 ordButton : 'button1', //選購按鈕(行銷) //貨到通知 informBtn : 'informButton', //貨到通知按鈕的class informSend: 'informSend', //送出按鈕的ID informID : 'informID', //存ID欄位的ID informEmail: 'informEmail', //Email欄位的ID informClose: 'informClose', //關閉按鈕的ID informUrl : '/products/ajax/common/ajax_add_prod_inform.php', //ajax網址 //wishList loveButton: 'love', //列表加入願望清單 wishButton: 'wishButton', //加入願望清單按鈕的class wishUrl : '/products/ajax/common/ajax_add_wish_list.php', //ajax網址 //加入預約試衣 addReserveBtn: 'Add_Reservation_List', //加入預約試衣按鈕的class addReserveUrl: '/ajax/ajax_reservation_list.php', //加入預約試衣清單網址 //設定圖片 mobileUrl : '/products/ajax/detail/productView_moblie.php', //ajax手機網址 pcUrl : '/products/ajax/detail/productView_pc.php', //ajax桌機網址 slider : '', fullset_flag : false, otherData : '', }; $.extend(sets, option); var _this = this; if(sets.type == 1 || $(window).width() <= 768){ _this.item_num = 1; }else{ _this.item_num = 5; } //初始 this.init = function(){ if(!history.hasOwnProperty('state')) { window.history.replaceState({page:''},'',''); } //點選規格 $("."+sets.contBox).on('click',"."+sets.specClass,function(){ var _item = $(this).parents("."+sets.itemBox), SID = $(this).attr(sets.specID2), $this = $(this), ActID = $(this).data('aid'), Mark = $(this).data('mark'), Page_Shop_Type = _item.attr("type"), Page_Shop_CID = $(this).parents('.popupbox').data('cid'); now_url = document.location.search.substring(1); //取得GET參數 sets.fullset_flag = ($(this).parents(".block14").length > 0) ? true : false //因一頁式整套模板(block14)和商品模板衝突 var Params = new URLSearchParams(now_url); var data = 'now_url='+ Params.get('mode') +'&Type='+sets.type+'&SID='+SID+'&ActID='+ActID+'&Mark='+Mark+'&mode='+sets.mode+'&Page_Shop_Type='+Page_Shop_Type+'&Page_Shop_CID='+Page_Shop_CID+sets.otherData; if(SID){ $.ajax({ url:sets.specUrl, type:"POST", cache:false, async:false, data:data, dataType: 'json', error:function(d){ alert(d.responseText); }, success:function(d){ _this.setFile(_item,$this,d); } }); } }); //尺寸下拉選單 $("."+sets.contBox).on('change',"."+sets.colorSelect+",."+sets.sizeSelect+",."+sets.sp3Select,function(){ var _item = $(this).parents("."+sets.itemBox), SID = $(this).val(), $this = $(this), ActID = $(this).data('aid'), Mark = $(this).data('mark'), Page_Shop_Type = _item.attr("type"), Page_Shop_CID = $(this).parents('.popupbox').data('cid'); var data = 'Type='+sets.type+'&SID='+SID+'&ActID='+ActID+'&Mark='+Mark+'&mode='+sets.mode+'&Page_Shop_Type='+Page_Shop_Type+'&Page_Shop_CID='+Page_Shop_CID+sets.otherData; if(SID){ $.ajax({ url:sets.specUrl, type:"POST", cache:false, async:false, data:data, dataType: 'json', error:function(d){ alert(d.responseText); }, success:function(d){ _this.setFile(_item,$this,d); } }); } }); //數量 $("#Main_Content").on("click",".fa.fa-plus",function(){ var amount = $(this).prev("."+sets.amountBox).val(), max = $(this).prev("."+sets.amountBox).attr("max"); if(amount == '無庫存'){ return false; } var amount = parseInt(amount); if(amount+1 > max){ $(this).prev("."+sets.amountBox).val(max); }else{ $(this).prev("."+sets.amountBox).val(amount+1); } }); $("#Main_Content").on("click",".fa.fa-minus",function(){ var amount = $(this).next("."+sets.amountBox).val(); if(amount == '無庫存'){ return false; } var amount = parseInt(amount); if(amount-1 <= 1){ $(this).next("."+sets.amountBox).val(1); }else{ $(this).next("."+sets.amountBox).val(amount-1); } }); //加入購物車按鈕 $("."+sets.contBox).on("click","."+sets.addButton,function(){ var _item = $(this).parents("."+sets.itemBox), SID = $(this).attr('sid') || 0, num = _item.find("."+sets.amountBox).val() || 0; if(SID == 0){ alert(_jsLang.請選擇尺寸或規格); }else if(num ==0){ alert(_jsLang.請選擇數量); }else{ var data = 'SID='+SID+'&num='+num+'&webcacheno='+$('#webcacheno').val()+sets.otherData; if(sets.type == '5') { $('.popupbg').removeClass('is-show'); $('.popupbg').removeAttr('style'); $('.successPopupMask').css('display','flex').fadeIn() $('.successPopup').fadeIn() data += '&Page_Mode='+$('#Page_Shop_Mode').val(); } var act_id = $("#Act_ID").val(); var act_type = $("#Act_Type").val(); if(act_id && act_type){ data += "&Act_ID="+act_id + "&Act_Type="+act_type; } $.ajax({ url:sets.addUrl, type:"POST", cache:false, async:false, data:data, dataType: 'json', error:function(d){ alert(d.responseText); }, success:function(d){ $(".shop-num").html(d.Total); if(d.Pre_Flag==1){ if(d.Stock<=5)_item.find("."+sets.stockBox).html(_jsLang.預購品); }else{ if(d.Stock<=5 && d.Stock)_item.find("."+sets.stockBox).html(_jsLang.庫存+' : '+d.Stock); } if(d.Amount)_item.find("."+sets.amountBox).html(d.Amount); $(".shop-num").html(d.Total); if(d.Total == "0"){ $(".shop-num").addClass("theme-zero") }else{ $(".shop-num").removeClass("theme-zero") } alert(d.Alert); _this.setCartOther(); if(d.Alert == '加入購物車成功'){ if(d.GA && typeof ga == 'function') { var new_ga = d.GA[0]; new_ga['category']=$("."+sets.Category).val(); // new_ga = JSON.stringify(new_ga); ga('ec:addProduct',new_ga); ga('ec:setAction','add'); ga('send','event','購物車','加入購物車'); gtag('event', 'conversion', {'send_to': 'AW-670123971/gFIbCNO99cIBEMOPxb8C'}); gtag('event', 'conversion', {'send_to': 'AW-670123971/gFIbCNO99cIBEMOPxb8C'}); // var axel = Math.random() + ""; // var a = axel * 10000000000000; // document.write(''); } //GA4 if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } // if(sets.type != '5') // { let IsHide = d.IsHide ?? false; $.ajax({ url:"/ajax/ajax_get_cart.php", type:"POST", async:false, cache:false, data:{Type:'Prod',ID:SID}, success:function(d){ if(!IsHide){ $(".shopping-cartbox").css('display','none'); $("#Header_Shopcart_Prod").html(d); $("#Header_Shopcart_Prod").parent(".one-cartbox").animate({'opacity':1,'maxHeight':'999px'}).css('z-index','100'); setTimeout(function(){ $("#Header_Shopcart_Prod").parent(".one-cartbox").animate({'maxHeight':'0px','opacity':0},function(){ $(this).removeAttr('style'); $(".shopping-cartbox").removeAttr('style'); }); },3000); } } }) // } if(d.FBQ){ eval(d.FBQ); PDA_AddToCart(d.IDs2); } Rosetta_AddToCart(d.IDs3); SAYA_AddToCart(); Avivid_AddToCart(d.IDs4); //GOOGLE DATALAYER window.dataLayer = window.dataLayer || []; var dataLayer_products = []; for(var i=0;i 99999){ $("."+sets.picBox).owlCarousel({ loop : false, items : _this.item_num, nav : true, }); } }; //設定內容 this.setFile= function(_item,$this,d){ _item.find("."+sets.loveBox).removeClass("click"); if(d.ID){ _item.find("."+sets.ordButton).attr("sid",d.ID); _item.find("."+sets.addReserveBtn).attr("sid",d.ID); $(".rack_detail").attr('sid', d.ID); } if(d.Name)_item.find("."+sets.nameBox).html(d.Name); if(d.Prod_No)_item.find("."+sets.prodnoBox).html(d.Prod_No); if(d.Love)_item.find("."+sets.loveBox).addClass(d.Love); _item.find("."+sets.price1Box).html(d.Price1); _item.find("."+sets.price2Box).html(d.Price2); if(d.RBonus)_item.find("."+sets.rbonusBox).html(d.RBonus); if(d.Get_Bonus)_item.find("."+sets.bonusBox).html(d.Get_Bonus); if(d.Color)_item.find("."+sets.colorBox).html(d.Color); if(d.Color_Name){ _item.find("."+sets.colorName).html(d.Color_Name); _item.find("."+sets.R_Color).html(d.Color_Name); } _item.find("."+sets.sale_msg).html(d.sale_msg); _item.find("."+sets.Wear_Report).html(d.Wear_Report); if(d.Stock > 0){ _item.find("."+sets.stockBox).html(_jsLang.庫存+' : '+d.Stock); }else{ _item.find("."+sets.stockBox).html(''); } if(sets.type == 3){ if(d.Size_Sel)$this.next("."+sets.sizeSelect).html(d.Size_Sel); if(d.SP3_Sel)$this.nextAll("."+sets.sp3Select).eq(0).html(d.SP3_Sel); if(d.Amount)$this.nextAll("."+sets.amountBox).eq(0).html(d.Amount); $this.nextAll("."+sets.amountBox).eq(0).trigger('change'); }else{ if(d.Size_Button)_item.find("."+sets.sizeBox).html(d.Size_Button); if(d.Size_Sel)_item.find("."+sets.sizeSelect).html(d.Size_Sel); if(d.Size_Name){ _item.find("."+sets.sizeName).html(d.Size_Name); _item.find("."+sets.R_Size).html(d.Size_Name); } if(d.SP3_Button)_item.find("."+sets.sp3Box).html(d.SP3_Button); if(d.SP3_Sel)_item.find("."+sets.sp3Select).html(d.SP3_Sel); if(d.SP3_Name)_item.find("."+sets.sp3Name).html(d.SP3_Name); if(d.Amount){_item.find("."+sets.amountBox).replaceWith(d.Amount);} if(d.Max_Stock){ if(d.Max_Stock > 10){d.Max_Stock=10} _item.find("."+sets.amountBox).attr('max',d.Max_Stock); } } for($i=1;$i<=3;$i++){ if(d.Button[$i])_item.find("."+sets.addBox+$i).html(d.Button[$i]); } if(d.Pre_Flag=='1' || d.Expect_Date){ _item.find("."+sets.expect_date).show(); _item.find("."+sets.stockBox).html(_jsLang.預購品+" | "+_jsLang.預計出貨時間+d.Expect_Date); _item.find("."+sets.expect_date).html(_jsLang.預購品+" | "+_jsLang.預計出貨時間+d.Expect_Date); }else{ _item.find("."+sets.expect_date).hide(); } if(d.Act_Str){ _item.find("."+sets.ActStrBox).html(d.Act_Str); }else{ _item.find("."+sets.ActStrBox).hide(); } if(d.B_St_Date && d.B_End_Date ){ _item.find("."+sets.StDate).html(d.B_St_Date + '-' + d.B_End_Date); }else{ _item.find("."+sets.StDate).hide(); } if(d.B_Add_St && d.B_Add_End ){ _item.find("."+sets.AddDate).html(d.B_Add_St + '-' + d.B_Add_End); }else{ _item.find("."+sets.AddDate).hide(); } if(d.coming){ _item.find("."+sets.addBox).html("尚未開賣"); } if(d.Color_Name && sets.box_color){ _item.find("."+sets.box_color).html("顏色 / " + d.Color_Name); } if(d.Size_Name && sets.box_size){ _item.find("."+sets.box_size).html("尺寸 / " + d.Size_Name); } _item.find("."+sets.R_Btn).html(d.R_Btn); if(d.R_Pic)_item.find("."+sets.R_Pic).html(d.R_Pic); if(d.R_Name)_item.find("."+sets.R_Name).html(d.R_Name); if(d.R_Price)_item.find("."+sets.R_Price).html(d.R_Price); if(d.Buy_St){ _item.find("#Buy_Time_Box").show(); _item.find("#Buy_St").html(d.Buy_St); }else{ _item.find("#Buy_Time_Box").hide(); } if(d.Serial_No){ $("#Serial_No").val(d.Serial_No); $("#stock_serial").val(d.Serial_No); $(".rack_detail").attr('serial', d.Serial_No); } //切換規格事件 _item.find("."+sets.contBox).trigger("changeSpec") _this.setImg(_item,d.Pic_Path,d.Pic,d.Video,d.Outfit_Pic,d.Name); _this.setFileOther(_item,d); } //變更內容自訂Function this.setFileOther = function(){ } //加入購物車後自訂Function this.setCartOther = function(){ } //設定圖片、影片 this.setImg = function(_item,Pic_Path,Pic,Video,Outfit_Pic,Name){ //手機 if($(window).width() <=768){ //列表 if(sets.type == 1){ _item.find("."+sets.picpathBox).css("background-image","url('https://cdn-iroo.fonlego.com//upload_files/fonlego-rwd/prodpic/"+Pic_Path+"')"); _item.find("."+sets.picpathBox).html(''); } //一頁式購物 else if((sets.type == 5) && !sets.fullset_flag) { _item.find("."+sets.picpathBox).html(Pic_Path); _item.find("."+sets.picBox).html(Pic).trigger('destroy.owl.carousel'); //一頁式購物彈窗 if(_item.find("."+sets.picBox).parents(".kol-popupbox").length > 0){ _item.find("."+sets.picBox).owlCarousel({ items: 1, nav: false, dots: true }); }else{ _item.find("."+sets.picBox).owlCarousel({ loop:false, responsive:{ 0:{ items : 3, }, 572:{ items : 5, } }, nav : true, navText : ['',''] }); } } //詳細頁 else { _this.item_num = 1; var _Pic = (Pic_Path+','+Pic).split(','); $_Pic1 = '', $_Pic2 = ''; for($i=0;$i<_Pic.length;$i++){ if((sets.type == 4 || sets.fullset_flag) && $i >0 ) { break; } if(_Pic[$i]){ $_Pic1 += '
'; $_Pic1 += ''; $_Pic1 += '
'; $_Pic2 += ''; } } if(Video && sets.type != 4 && !sets.fullset_flag){ $_Pic1 += '
'; $_Pic1 += ''; $_Pic1 += '
'; } _item.find("."+sets.picpathBox).html($_Pic1).trigger('destroy.owl.carousel') .owlCarousel({ loop : false, items : _this.item_num, nav : true, }); _item.find("."+sets.picpathBox).on('changed.owl.carousel',function(e){ var num = e.item.index; $('.productImg').on('changed.owl.carousel',function(e){ var num = e.item.index; if(document.getElementById("Video")){ if($(".productView").find(".owl-item").eq(num).find("#Video").attr("style")){ $("#big_picture").hide(); document.getElementById("Video").play(); }else{ $("#big_picture").show(); document.getElementById("Video").pause(); } } }); }); $(".previewbox").html($_Pic2+''); } } //PC、平板 else{ //列表 if(sets.type == 1){ var _Pic = (Pic_Path+','+Pic).split(','), $Pic = '', now_class= '', Pic_Size = 'L', $loop = true; _item.find("."+sets.picpathBox).css("background-image","url('https://cdn-iroo.fonlego.com//upload_files/fonlego-rwd/prodpic/"+_Pic[0]+"')"); _item.find("."+sets.picpathBox).html(''); } else if((sets.type == 5) && !sets.fullset_flag) { _item.find("."+sets.picpathBox).html(Pic_Path); _item.find("."+sets.picBox).html(Pic).trigger('destroy.owl.carousel'); //一頁式購物彈窗 if(_item.find("."+sets.picBox).parents(".kol-popupbox").length > 0){ _item.find("."+sets.picBox).owlCarousel({ items: 1, nav: false, dots: true }); }else{ _item.find("."+sets.picBox).owlCarousel({ loop:false, responsive:{ 0:{ items : 3, }, 572:{ items : 5, } }, nav : true, navText : ['',''] }); } } //詳細頁 else{ _this.item_num = 5; var _Pic = (Pic_Path+','+Pic).split(','); $Pic = '', $Pic_Path = '', now_class= 'now', Pic_Size = 'S', $loop = false; if(Video && (sets.type == 2 || sets.type == 3) ){ $Pic_Path += '
'; $Pic_Path += ''; $Pic_Path += '
'; } for($i=0;$i<_Pic.length;$i++){ if((sets.type == 4 || sets.fullset_flag) && $i >0 ) { break; } now_class =($i==0 && (sets.type == 2 || sets.type == 3) && !Video)?'now':''; if(_Pic[$i]){ $Pic_Path += '
'; $Pic_Path += '
'; $Pic_Path += ''; $Pic_Path += ''; $Pic_Path += '
'; $Pic_Path += ''; $Pic_Path += '
'; } } _item.find("."+sets.picpathBox).html($Pic_Path); $('.zoonbox').zoom({magnify:1,duration:450});//放大套件 } if(Video && (sets.type == 2 || sets.type == 3)){ $Pic += '
'; } //設定輪播圖 if(_Pic) { for($i=0;$i<_Pic.length;$i++) { if((sets.type == 4 || sets.fullset_flag) && $i >0 ) { break; } now_class =($i==0 && (sets.type == 2 || sets.type == 3))?'now':''; if(_Pic[$i]){ if(sets.type == 1) { let strStart = Name.indexOf('href') + 6; let strEnd = Name.indexOf('"', strStart); let $hrefUrl = Name.slice(strStart, strEnd); $Pic += ` `; } else { $Pic += '
'; } } } } _item.find("."+sets.picBox).html($Pic); if(sets.type == 2 || sets.type == 3) { sets.slider.reloadSlider(); } else if (sets.type == 1) { $(".product-img-carousel").each(function(){ let _this = $(this) _this.trigger("destroy.owl.carousel") _this.owlCarousel({ items: 1, nav: false, dots: true }) }) } if(document.getElementById("Video")){ //影片預覽圖 document.getElementById("Video").oncanplay=function(){ var video = $("#Video").get(0); var canvas = document.getElementById("video_review"); canvas.getContext('2d').drawImage(video, 0, 0, 66, 92); }; $("#video_control").addClass('fa-pause').removeClass('fa-play'); document.getElementById("Video").play(); } } //穿搭卡片購物彈窗 if((sets.type == 5) && ($(".outfit-popup").length > 0) && Outfit_Pic){ let container = $(".outfit-popup").find(".bounce-product-left") container.empty(); container.html('
'+Outfit_Pic+'
'); container.find('.picbox').owlCarousel({ items: 1, nav: false, dots: true }) window.dispatchEvent(new Event('resize')) } } }; var prod_list = function(option){ var sets = { //商品內容 contBox : 'Main_Content', //總容器的ID styleBox : 'stylebox', //樣式下拉選單的ID sizeBox : 'sizebox', //尺寸下拉選單的ID orderBox : 'orderbox', //排序下拉選單的ID morderBox : 'mobile_sort>div', pageBox : 'pagebox', //分頁容器的class pageShow : 'page_show', //顯示分頁資訊的ID pageSelect : 'page-select', //分頁下拉選單的class prevPage : 'prev_page', //手機版上一頁的ID nextPage : 'next_page', //手機版下一頁的ID picBox : 'productSlidebox', //圖片容器的class mainPicBox : 'productImg', //主圖片容器的class searchBox : 'slideBox', //搜尋按鈕容器的class searchBtn : 'search_item', //搜尋按鈕的class searchFocus : 'search_focus', //搜尋按鈕focus的class searchType : 'type', //搜尋按鈕type標籤 searchID : 'search_id', //搜尋按鈕search_id標籤 moneyRange : 'money_range', //篩選價格的class mobileFilter: 'mobile-filter', //手機版行銷篩選器的class urlGetID : 'Url_Get', //塞入get資料的表單ID searchUrl : '/products/ajax/list/ajax_get_prod_list.php',//搜尋ajax網址 searchSend : 'search_btn_X',//搜尋ajax按鈕 cleanSearch : 'cleanButton', //清除篩選Button之ID sharetype : '' //是否被分享 }; $.extend(sets, option); var _this = this; let Params = new URLSearchParams(location.search), searchParam = (Params.get("keywords") !== null) ? '&keywords=' + Params.get("keywords") : ''; //初始 this.init = function(){ if(!history.hasOwnProperty('state')) { window.history.replaceState({page:''},'',''); } var str = location.hash; str1 = str.substring(1,str.length); if(str1 == 'share'){ sets.sharetype = 'share'; $("#minRange").text(); $("#maxRange").text(); $("."+sets.searchFocus).each(function(){ $(this).addClass("search_focus2"); }); var Str = _this.SearchStr(); $("#filter_val").val(Str); _this.Search(); } //篩選按鈕 $("."+sets.searchBtn).on('click',function(){ var $class= ""; $class = ($(this).hasClass(sets.searchFocus))?"":sets.searchFocus; //$(this).parents("."+sets.searchBox).children("."+sets.searchBtn).removeClass(sets.searchFocus); $(this).removeClass(sets.searchFocus); $(this).addClass($class); // _this.Search(); }); //每頁幾筆 $('input[name="viewNumder"]').on('click',function(){ _this.Search(); }); //排序 $("#"+sets.orderBox).on('change',function(){ _this.Search(); }); $('.show_listpage').on('click',function(){ $('.show_listpage').removeClass('now'); $(this).addClass('now'); _this.Search(); }); //手機版排序 $('#'+sets.morderBox).on('click',function(){ var $class= ""; $('#'+sets.morderBox).removeAttr('click'); $(this).attr('click','true'); $class = ($(this).hasClass(sets.searchFocus))?"":sets.searchFocus; $('#'+sets.morderBox).removeClass(sets.searchFocus); $(this).addClass($class); // _this.Search(); }) //下拉篩選樣式 $("#"+sets.styleBox).on('change',function(){ _this.Search(); }); //下拉篩選尺寸 $("#"+sets.sizeBox).on('change',function(){ _this.Search(); }); //紅綠標 $("input[name='pair_flag']").click(function(){ _this.Search(); }); //手機版行銷篩選 $("."+sets.mobileFilter).on('click',function(){ $("."+sets.mobileFilter+"[type="+$(this).attr("type")+"]").removeClass("now"); $(this).addClass("now"); _this.Search(); }); //分頁 $("."+sets.pageBox).on('click','.page,.page-next',function(){ window.location.hash = $(this).attr("send"); }); //手機版上下頁 $("#"+sets.prevPage+",#"+sets.nextPage).on('click',function(){ if($(this).attr("send")>0){ window.location.hash = $(this).attr("send"); $("#prev_page").show(); }else{ $("#prev_page").hide(); } }); //分頁下拉選單 $("."+sets.pageSelect).change(function(){ window.location.hash = $(this).val(); }); //篩選價格 if((typeof $.fn.nstSlider) == 'function'){ $('.nstSlider').nstSlider({ "rounding":{ "50":"1000" }, "crossable_handles":false, "left_grip_selector": ".leftGrip", "right_grip_selector": ".rightGrip", "value_bar_selector": ".bar", "highlight": { "grip_class": "gripHighlighted", "panel_selector": ".highlightPanel" }, "user_mouseup_callback": function(leftValue, rightValue) { $('.leftLabel').text(leftValue); $('.rightLabel').text(rightValue); // _this.Search(hash,'no'); }, "value_changed_callback": function(cause, leftValue, rightValue) { $('.leftLabel').text(leftValue); $('.rightLabel').text(rightValue); }, }); } //分頁錨點 var hash = parseInt(window.location.hash.replace('#','')); if(hash > 0){ var Str = _this.SearchStr(),Str_Old = $("#filter_val").val(); if(Str != Str_Old){ _this.SearchClean(); } _this.Search(hash); }else{ if($(window).width()<=1024){ _this.Search(); } } window.onhashchange=function(){ var hash = parseInt(window.location.hash.replace('#','')) || '1'; if(hash > 0){ var Str = _this.SearchStr(), Str_Old = $("#filter_val").val(); if(Str != Str_Old){ _this.SearchClean(); } _this.Search(hash); }else{ _this.Search(1); } } //我有興趣按鈕 $("#"+sets.contBox).on("click","."+sets.interestBtn,function(){ $("#"+sets.interestID).val($(this).attr('SID')); //打開視窗 $('.modal-layer').removeClass('in-active'); $('#sendCellphone').addClass('in-active'); }); //清除篩選 $("#"+sets.cleanSearch).on('click',function(){ sets.sharetype = ''; _this.SearchClean(); _this.Search(); }); //篩選送出 $("#"+sets.searchSend).on('click',function(){ sets.sharetype = 'share'; $("."+sets.searchFocus).each(function(){ $(this).addClass("search_focus2"); }); var Str = _this.SearchStr(); $("#filter_val").val(Str); _this.Search(); $(".filter-button").click() }); }; //搜尋callback this.searchCallback = function(){ } //記錄篩選資訊 this.SearchStr = function(){ var _str = "", _style = "&style=", _spec1 = "&spec1=", _spec2 = "&spec2=", _series = "&series="; $("."+sets.searchFocus).each(function(){ switch($(this).attr(sets.searchType)){ case "series": _series += $(this).attr(sets.searchID) +','; break; case "style": _style += $(this).attr(sets.searchID) +','; break; case "spec1": _spec1 += $(this).attr(sets.searchID) +','; break; case "spec2": _spec2 += $(this).attr(sets.searchID) +','; break; } }); _str += _style+_spec1+_spec2+_series; return _str; }; //清除篩選資訊 this.SearchClean = function(){ if(document.getElementById('filter_val')) { var max_price = $(".nstSlider").attr("data-range_max"); $("."+sets.searchBtn).removeClass(sets.searchFocus); //篩選按鈕歸零 $(".sort-item").removeClass(sets.searchFocus); //篩選按鈕歸零 if((typeof $.fn.nstSlider) == "function"){ $('.nstSlider').nstSlider('set_position',0,max_price); } $('#'+sets.morderBox).removeAttr('click'); } }; //篩選功能 this.Search = function(pageCode,other){ //置頂 if(other != "no"){ $(window).scrollTop(0); } var _str = "", _style = "&style=", _spec1 = "&spec1=", _spec2 = "&spec2=", _series = "&series=", pageCode = parseInt(pageCode) || 1, _limit = $(".show_listpage.now").text() || ($('input[name="viewNumder"]:checked').val() || 24), $page = ""; //搜尋結果頁無限制筆數功能 所以預設值24 if(_limit == undefined){ _limit = 24; } $(".loading").show(); $("."+sets.searchFocus).each(function(){ switch($(this).attr(sets.searchType)){ case "series": _series += $(this).attr(sets.searchID) +','; break; case "style": _style += $(this).attr(sets.searchID) +','; break; case "spec1": _spec1 += $(this).attr(sets.searchID) +','; break; case "spec2": _spec2 += $(this).attr(sets.searchID) +','; break; } }); _str += _style+_spec1+_spec2+_series; $("."+sets.moneyRange).each(function(){ _str += "&"+$(this).attr("id")+"="+$(this).text(); }); if($("#"+sets.orderBox).val() && $("#"+sets.orderBox).val() != "undefined"){ _str += "&order="+$("#"+sets.orderBox).val(); }else if($('#mobile_sort>div.search_focus').attr("search_id")){ _str += "&order="+$('#mobile_sort>div.search_focus').attr("search_id"); } if($(window).width()<=1024){ //手機版排序 if($('#'+sets.morderBox+'[click="true"]').data('val')){ _str += "&order="+$('#'+sets.morderBox+'[click="true"]').data('val'); } //手機版下拉 _limit = 99; } if($("#"+sets.styleBox).val()){ _str += "&style="+$("#"+sets.styleBox).val(); } if($("#"+sets.sizeBox).val()){ _str += "&spec2="+$("#"+sets.sizeBox).val(); } if($("input[name='pair_flag']:checked").val()){ _str += "&pair="+$("input[name='pair_flag']:checked").val(); } $("."+sets.mobileFilter+".now").each(function(){ _str += "&"+$(this).attr("type")+"="+$(this).attr("val"); }) //檢查state記錄 if(!pageCode) { pageCode = window.history.state.page || '1'; } _str += "&limit="+_limit; _str += "&page="+pageCode; $.ajax({ url:sets.searchUrl, type:"POST", async:false, data:$("#"+sets.urlGetID).val()+_str, error:function(d){ alert(d.responseText); }, success:function(d){ //插入資料 $("#"+sets.contBox).html(d) .find("."+sets.picBox) .owlCarousel({ loop : true, items : 1, nav : true }); //處理分頁 var Total = $("#Ajax_Total").val(), $start= 0, $end = 0, $Total= Math.ceil(Total/_limit); if($("#topTitle .red").eq(1).length > 0){ $("#topTitle .red").eq(1).text(Total) } if(_limit != 99){ //一般分頁 $("."+sets.pageBox).children().css({visibility:''}); $("#"+sets.pageShow).css({visibility:''}); //手機版上一頁 if($Total >1){ $("#"+sets.prevPage).show(); $("#"+sets.prevPage).attr("send",(pageCode-1)); if(pageCode>1){ $("#"+sets.prevPage).show(); }else{ $("#"+sets.prevPage).hide(); } }else{ $("#"+sets.prevPage).hide(); } //手機版下一頁 if(pageCode < $Total){ $("#"+sets.nextPage).show(); $("#"+sets.nextPage).attr("send",(pageCode+1)); }else{ $("#"+sets.nextPage).hide(); } //第一頁 if(pageCode >=4){ $page += '1'; } //上一頁 if(pageCode > 1){ $page += ''+_jsLang.上一頁+'...'; } if(pageCode <3){ var $max = ($Total-1>=4)?4:$Total-1; $start = 1; $end = 1+$max; }else if(pageCode >=($Total-1)){ $min = ($Total-4>0)?4:$Total-1; $start = $Total-$min; $end = $Total; }else{ $start = pageCode-2; $end = pageCode+2; } for($i=$start;$i<=$end;$i++){ var $class = (pageCode == $i)?'now':''; $page += ''+$i+''; } //下一頁 if(pageCode <$Total){ $page += '...'+_jsLang.下一頁+''; } //最後一頁 if(pageCode <=$Total-3){ $page += ''+$Total+''; } if(pageCode != '1') { window.location.hash = pageCode; } $shareurl = ''; if(sets.sharetype == 'share'){ $shareurl = "?type=share"+_str; }else{ $shareurl = ''; sets.sharetype = pageCode; } window.history.replaceState({pageCode:pageCode},"test",$shareurl+searchParam+"#"+sets.sharetype); $("."+sets.pageBox).html($page); $("#"+sets.pageShow).html('Showing '+((pageCode-1)*_limit+1)+'-'+((Total'+_jsLang.第X頁.replace("%u",$i)+''; } $("."+sets.pageSelect).html($option); //$(window).Scroll_Data.destroy(); }else{ $("."+sets.pageBox).children().css({visibility:'hidden'}); $("#"+sets.pageShow).css({visibility:'hidden'}); $(window).Scroll_Data({ loading_box : "#"+sets.contBox, loading_distance : 1000, url : sets.searchUrl, data : $("#"+sets.urlGetID).val()+_str, callback : function(){ if($(window).width() <= 1024){ $(".product-img-carousel").each(function(){ let _this = $(this) _this.owlCarousel({ items: 1, nav: false, dots: true }) }) }else{ $(".product-img-carousel").each(function(){ $(this).trigger("destroy.owl.carousel") }) } } }); } var url = $("#Page_Url").val(); if(url) { url += '?mode=search'+_str; window.history.replaceState({page:pageCode},'',url); } //console.log(pageCode); _this.searchCallback(d); } }); $(".loading").hide(); } }