function cartFromsAuth(){ $("#Main_Form").fromsAuth({ type:'NONE', callprev: function(){ let actMemberLimit = $("#ActMemberLimit") if(actMemberLimit.length > 0){ let actMemberLimitContent = actMemberLimit.data("content") if(actMemberLimit.val() == 1){ //會員不能購買 alert(actMemberLimitContent) throw new Error("Limit Purchase Stop") } } let purchaseLimit = $("#ActPurchaseLimit") if(purchaseLimit.length > 0){ let limitContent = purchaseLimit.data("content") if(purchaseLimit.val() == 1){ //限制購買 alert(limitContent) throw new Error("Limit Purchase Stop") }else{ //不限制購買 let purchaseConfirm = confirm(limitContent) if(!purchaseConfirm){ throw new Error("Limit Purchase Stop") } } } }, callafter:function(){ if(typeof ga == 'function') { var obj = JSON.parse($("#GA_Data").text()); for(var key in obj) { ga('ec:addProduct',obj[key]); } ga('ec:setAction','checkout',{ 'step':3 }); ga('send','event','購物車','確認訂單'); } Avivid_Purchase($("#Avivid_Data").html()); SAYA_Purchase(); if(_jsLang.電子發票結帳提醒文本){ return confirm(_jsLang.電子發票結帳提醒文本); } } }); } $(document).ready(function () { cartFromsAuth() Avivid_StartCart($("#Avivid_Data").html()); //商品加減 $(document).on('click','.Prod_Amount',function(){ var _this = $(this), box = _this.parents('.numberBox'), ID = box.find(".amountBox").attr("sid"), Act = box.find(".amountBox").attr("act"), Ch_Flag = box.find(".amountBox").attr("ch"), Amount = 0, max = box.find(".amountBox").attr("max"); $("#Shopcart_List").find(".amountBox[sid='"+ID+"']").each(function(){ Amount += parseInt($(this).val()) || 0; }); //會計算到手機版所以除以2 Amount = Amount/2; if(_this.hasClass("fa-minus")) { Amount -= 1; if(Amount <= 1) { Amout = 1; } } else { Amount += 1; if(Amount > max) { Amount = max; } } if(ID && Amount) { var data = 'ID='+ID+'&Amount='+Amount+'&Act='+Act+'&Ch_Flag='+Ch_Flag; loadChangeProd(box,data); } }); //商品修改數量 $(document).on('change','.Prod_Amount_Change',function(){ var box = $(this).parents('.numberBox'), ID = $(this).attr("sid"), Act = $(this).attr("act"), Ch_Flag = $(this).attr("ch"), Amount = 0, max = $(this).attr("max"); //變更手機版數量 $(this).parents(".Product_Box").find(".Prod_Amount_Change").val($(this).val()); // $("#Shopcart_List").find(".amountBox[sid='"+ID+"']").each(function(){ // Amount += parseInt($(this).val()) || 0; // }); //會計算到手機版所以除以2 Amount = $(this).val(); Amount = parseInt(Amount); max = parseInt(max); if(Amount <= 1) { Amout = 1; } if(Amount > max) { Amount = max; } if(ID && Amount) { var data = 'ID='+ID+'&Amount='+Amount+'&Act='+Act+'&Ch_Flag='+Ch_Flag; loadChangeProd(box,data); } }); function loadChangeProd(box,data) { //載入中 box.next('.number-load').css('display','inline-block'); box.next('.amountBox').css('cursor','no-drop').attr('disabled','disabled'); box.next('.fa').css('cursor','no-drop'); //鎖定數量 $(".Prod_Amount").removeClass("Prod_Amount"); $("#Shopcart_List").find(".amountBox").prop("disabled",true); //增加數量 $.ajax({ url:"/shopcart/ajax/ajax_cart_edit.php", type:"POST", cache:false, data:data, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d.Status){ case "RET_SUCCESS": //GA4 if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } updateCartNum(); updatePage(); break; case "RET_NO_MEMBER_NO": alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證); break; case "RET_NO_MEMBER_LEVEL": alert(_jsLang.此橘幣商品有限制會員對應等級); break; case "RET_RBONUS_OUT": alert(_jsLang.紅利不足); break; case "RET_ERROR": alert(_jsLang.資料庫忙線中); break; case "RET_PROD_ERROR": alert(_jsLang商品已下架); break; case "RET_NO_PROD": alert(_jsLang.請選擇商品); break; case "RET_STOCK_ERROR": alert(_jsLang.商品庫存不足); break; case "RET_LIMIT_ERROR": alert(_jsLang.數量超過限購量); break; default: alert(_jsLang.資料庫忙線中); break; }; } }); } var slide = $(".sildeBox"); slide.owlCarousel({ responsive:{ 0:{ items : 2 }, 481:{ items : 3 }, 960:{ items : 4 }, 1023:{ items : 5 } }, margin: 10, nav: true, dots: false, stagePadding: 20, }); $(".content_1").owlCarousel({ responsive:{ 0:{ items:1 }, 481:{ items:2 } }, margin: 10, nav:true, dots:false, stagePadding:20, }) var _window = $(window); var change = 0; var moreview = false; //刪除商品 $("#Main_Content").on('click','.prod_del',function(){ if(confirm(_jsLang.確定刪除嗎+"?")){ $(".loading_2").show(); $.ajax({ url:"/shopcart/ajax/ajax_cart_del.php", type:"POST", cache:false, dataType: 'json', data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch_del")}, success:function(d){ if(d.Status == 'RET_SUCCESS'){ if(d.GA && typeof ga == 'function') { for(var key in d.GA) { ga('ec:addProduct',d.GA[key]); } ga('ec:setAction','remove'); ga('send','event','購物車','移除購物車'); } //GA4 if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","remove_from_cart",{ "items":d.GA4 }); } } //GOOGLE DATALEYER if(d.dataLayer_del){ window.sy_dataLayer = window.dataLayer || []; for(var key in d.dataLayer_del) { sy_dataLayer.push({ 'delCartProducts': [d.dataLayer_del[key]] }); } } if(d.Pos_No && typeof rosetta == 'function') { const param = { type: 'unselect', target: d.Pos_No }; rosetta('event',param); console.log('rosetta.event.unselect'); console.log(param); } alert(_jsLang.刪除成功); updateCartNum(); updatePage(); }else{ alert(_jsLang.資料庫忙線中); } $(".loading_2").fadeOut(); } }); } }); //下次買 $("#Main_Content").on('click','.prod_next',function(){ if(confirm(_jsLang.確定加入願望清單嗎)){ $(".loading_2").show(); $.ajax({ url:"/shopcart/ajax/ajax_cart_next.php", type:"POST", cache:false, dataType: 'json', data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch")}, success:function(d){ switch(d.Msg){ case "RET_SUCCESS": if(d.FBQ) { eval(d.FBQ); } alert(_jsLang.加入願望清單成功); updatePage(); break; case "RET_NO_MEMBER": alert(_jsLang.請先登入會員); window.location.href = $("#Website_Mall_ID").val()+'/member-login/'; break; default: alert(_jsLang.資料庫忙線中); break; } $(".loading_2").fadeOut(); } }); } }); //門 $("body").on('change','#Rack_Class', function(){ var the_sub = 'Recommender_Store'; $.ajax({ type: "POST", url: "/ajax/ajax_get_rack-p.php", data: "&Rack_Class_ID=" + $(this).val(), async: false, dataType: 'json', success: function(jsonObj){ $("#" + the_sub).children("option:gt(0)").remove(); for(k in jsonObj){ $("#" + the_sub).append(''); } } }); }); //修改商品數量 $("#Main_Content").on('change','.prod_amount',function(){ $(".loading_2").show(); $.ajax({ url:"/shopcart/ajax/ajax_cart_edit.php", type:"POST", cache:false, dataType: 'json', data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch"),Amount:$(this).val()}, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.GA && typeof ga == 'function') { for(var key in d.GA) { ga('ec:addProduct',d.GA[key]); } ga('ec:setAction','add'); ga('send','event','購物車','加入購物車'); gtag('event', 'conversion', {'send_to': 'AW-670123971/gFIbCNO99cIBEMOPxb8C'}); } if(d.FBQ){ eval(d.FBQ); PDA_AddToCart(d.IDs2); } if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } Rosetta_AddToCart(d.IDs3); SAYA_AddToCart(); Avivid_AddToCart(); updateCartNum(); alert(_jsLang.加入購物車成功); updatePage(); break; case "RET_NO_MEMBER_NO": alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證); break; case "RET_NO_MEMBER_LEVEL": alert(_jsLang.此橘幣商品有限制會員對應等級); break; case "RET_RBONUS_OUT": alert(_jsLang.紅利不足); break; case "RET_ERROR": alert(_jsLang.資料庫忙線中); break; case "RET_PROD_ERROR": alert(_jsLang商品已下架); break; case "RET_NO_PROD": alert(_jsLang.請選擇商品); break; case "RET_STOCK_ERROR": alert(_jsLang.商品庫存不足); break; default: alert(_jsLang.資料庫忙線中); break; }; console.log('修改商品數量'); $(".loading_2").fadeOut(); } }); }); //加購商品 $(document).on('click','#All_Add_List .button2,#Full_Add_List .button2',function(){ $(".loading_2").show(); $.ajax({ url:"/shopcart/ajax/ajax_cart_add.php", type:"POST", cache:false, dataType: 'json', data:{ID:$(this).attr("sid"),Amount:$(this).prev(".text-center").find(".num-select").val()}, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.GA && typeof ga == 'function') { for(var key in d.GA) { ga('ec:addProduct',d.GA[key]); } ga('ec:setAction','add'); ga('send','event','購物車','加入購物車'); gtag('event', 'conversion', {'send_to': 'AW-670123971/gFIbCNO99cIBEMOPxb8C'}); } if(d.FBQ){ eval(d.FBQ); PDA_AddToCart(d.IDs2); } if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } Rosetta_AddToCart(d.IDs3); SAYA_AddToCart(); // Avivid_AddToCart(); updateCartNum(); alert(_jsLang.加入購物車成功); updatePage(); break; case "RET_NO_MEMBER_NO": alert(_jsLang.欲購買紅利兌換商品請先登入會員並完成會員認證); break; case "RET_NO_MEMBER_LEVEL": alert(_jsLang.此橘幣商品有限制會員對應等級); break; case "RET_RBONUS_OUT": alert(_jsLang.紅利不足); break; case "RET_ERROR": alert(_jsLang.資料庫忙線中); break; case "RET_PROD_ERROR": alert(_jsLang.商品已下架); break; case "RET_NO_PROD": alert(_jsLang.請選擇商品); break; case "RET_STOCK_ERROR": alert(_jsLang.商品庫存不足); break; case "RET_FOREIGN_ERROR": alert(_jsLang.商品不可海外配送); break; default: alert(_jsLang.資料庫忙線中); break; }; $(".loading_2").fadeOut(); } }); }); //取消優惠折扣 $("#Main_Content").on('click','.money-button',function(e){ var $data = 'cate='+$(this).attr("cate")+'&value='; if($(this).attr("class").indexOf("usd") != -1){ e.preventDefault(); updatePage($data); } }); //優惠折扣送出 $("#Main_Content").on('click','.money-send',function(){ if($(this).attr("cate") == 'RBonus' || $(this).attr("cate") == 'MemberMoney'){ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").val(); }else if($(this).attr("cate") == 'ActStr'){ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").val(); }else if($(this).attr("cate") == 'GBPoint'){ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").val()+'&GBNO='+$(this).attr('id'); }else if($(this).attr("cate") == 'RetexPoint'){ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").val(); }else{ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").prev("p").find("input").val(); } updatePage($data); }); //改加減 $("#Main_Content").on("click", '.Money-Send-Button',function(){ let num = parseInt($("#Money-Send-Retex").val()) || 0; let step = parseInt($(this).attr("step")); if($(this).val() == '+') { num+=step } else{ num-=step; } if(num < 0)num=0; var $data = 'cate=RetexPoint&value='+num; updatePage($data); }) $("#Main_Content").on("change", "#Money-Send-Retex",function(){ var $data = 'cate=RetexPoint&value='+$(this).val(); updatePage($data); }) //購物金勾選 $("#Main_Content").on('click',"input[name='use_bonus']",function(){ var $data = 'cate=Bonus&value='+$(this).val(); updatePage($data); }); //抵用券勾選 $("#Main_Content").on('click',"input[name='usable_no']",function(){ $("#usable_no").val($(this).val()); }); //選擇配送國家 // $("#Main_Content").on('click',"input[name='Country_Type']",function(){ // switch($(this).val()){ // case "1": // case "2": // var $data = 'countryType='+$(this).val(); // break; // case "3": // var $data = 'countryType=3&country='+$("#Country").val(); // break; // } // updatePage($data); // }); $("#Main_Content").on('change',"#Country",function(){ var $data = 'countryType='+$('option:selected',this).attr("type")+'&country='+$(this).val(); updatePage($data); }); $("#Main_Content").on('change',".bonus-switch",function(){ $this = $(this); var check_val = ""; if($(this).find(".Orange_ID").prop('checked') == true){ check_val = 1; }else{ check_val = 2; } var sid = $(this).find(".Orange_ID").attr('sid'); $.ajax({ url:"/shopcart/ajax/ajax_cart_orange.php", type:"POST", cache:false, dataType: 'json', data:{ID:sid,Orange_Flag:check_val}, success:function(d){ if(d.Status == 'RET_SUCCESS'){ if(check_val == '1'){ alert('使用橘幣'); }else{ alert('取消使用橘幣'); } updatePage(); }else if(d.Status == 'RET_OVER'){ alert('橘幣超過可用量'); $this.find('.Orange_ID').attr('checked',false); }else{ alert(_jsLang.資料庫忙線中); } } }); }); $("#Main_Content").on("click","#Choose_Store", function(){ updatePage(); window.location.href = '/shopcart/e_returns/emap-p.php?url='+window.location.pathname+'/&type='+$(this).attr("type")+'&coll='+$(this).attr("coll"); }); //選擇運送方式 $("#Main_Content").on('click',"input[name='Ship_Type']",function(){ var $data = 'shipType='+$(this).val(); //GA4 if(typeof gtag == 'function') { gtag("event","add_shipping_info",{ "shipping_tier":$(this).data('name') }); } updatePage($data); }); //選擇付款方式 $("#Main_Content").on('click',"input[name='Pay_Type']",function(){ if(typeof ga == 'function') { ga('ec:setAction','checkout',{ 'step':2, 'option':$(this).data('name') }); ga('send','event','購物車','選擇付款方式'); } //GA4 if(typeof gtag == 'function') { gtag("event","add_payment_info",{ "payment_type":$(this).data('name') }); } var $data = 'payType='+$(this).val(); // if($(this).val() == 5)$data += '&countryType=1'; updatePage($data); }); $("#Main_Content").on('click',"input[name='Dfree_Flag']",function(){ var val = $(this).prop('checked'), $data = 'dfree_flag='+val; updatePage($data); }); //選擇商品 $("#Main_Content").on('click',"input[name='itemPurchaseCheck']",function(){ // var check = new Array(); // $('input[type="checkbox"][name="itemPurchaseCheck"]:checked').each(function(i){ // check[i]=this.value; // }); // var $data = 'cartID='+check; updatePage(''); }); //保價勾選 $("#Main_Content").on('click',"input[name='Premiu']",function(){ var $data = 'premiu='+$(this).val(); updatePage($data); }); //國家、縣市、地區 $("#Main_Content").on('change',".Country",function(){ //$(this).next(".City").load('/ajax/ajax_country.php',{type:'city',id:$(this).val()}).next(".Area").html(''); var $data = 'buy_country='+$(this).val(); updatePage($data); }); $("#Main_Content").on('change',".City",function(){ $(this).next(".Area").load('/ajax/ajax_country.php',{type:'area',id:$(this).val()}); }); //同訂購人資料 $("#Main_Content").on('click',"#Same_Button",function(){ var $data = 'same=1'; updatePage($data); }); //同訂購人資料 $("#Main_Content").on('click',"#Invo_Same_Button",function(){ if($("#Invo_Same_Button").prop("checked")){ var Send_Address = $("#Send_Address").val() || ''; var Send_Area_ID = $("#Send_Area_ID option:selected").attr("name") || ''; var Send_City_ID = $("#Send_City_ID option:selected").attr("name") || ''; $("#Invo_Address").val(Send_City_ID+Send_Area_ID+Send_Address); } }); //從通訊錄中挑選 $("#Main_Content").on('click',".Send_Book",function(){ var $data = 'send_book='+$(this).attr("sid"); updatePage($data); }); //發票載具 $("#Main_Content").on('change',"#CarrierType",function(){ updatePage(); }); $("#Main_Content").on('change',"#Recommender_Store",function(){ updatePage(); }); //送出 $("#Main_Content").on('click',"#Form_Submit",function(){ var gift = $("#Left_Gift").val(); var Foreign_Flag1 = $('#Foreign_Flag1').val(); var Foreign_Flag2 = $('#Foreign_Flag2').val(); if(gift > '0' && Foreign_Flag1 == 2){ alert(_jsLang.尚可挑選+gift+_jsLang.件贈品請挑選後再送出購物車); }else{ var chkCountry = $("#Country").val(); if(chkCountry != '1' && chkCountry != '19'){ if(Foreign_Flag2 == 1){ alert(_jsLang.購物車內有不可配送海外之商品); }else{ $("#Main_Form").submit(); } }else{ $("#Main_Form").submit(); } } }); //到貨日期資料同步 $("#Main_Content").on('click',"input[name='Send_Week2']",function(){ $("#Send_Week").val($(this).val()); }); $("#Main_Content").on('change',"#Send_Week",function(){ $("#Send_Week2"+$(this).val()).prop("checked",true); }); //門市國別 $("#Main_Content").on('change',"#store_country",function(){ var $data = 'store_country='+$(this).val(); updatePage($data); }); //門市區域 $("#Main_Content").on('change',"#store_area",function(){ var $data = 'store_area='+$(this).val(); updatePage($data); }); //到貨時間資料同步 $("#Main_Content").on('click',"input[name='Send_Time2']",function(){ $("#Send_Time").val($(this).val()); }); $("#Main_Content").on('change',"#Send_Time",function(){ $("#Send_Time2"+$(this).val()).prop("checked",true); }); //雲端發票資料同步 $("#Main_Content").on('click',"input[name='Invo_Mod']",function(){ updatePage(); }); //選擇禮券 $("#Main_Content").on('change',"input[name='ECoupon_Data']",function(){ updatePage(); }); //選擇禮券(單選) $("#Main_Content").on('change',"input[name='Point_Data']",function(){ if($(this).prop('checked')){ $("input[name='Point_Data']").prop('checked',false); $(this).prop('checked',true); } updatePage(); }); $("#Main_Content").on('change',"#Invo_Mod2",function(){ $("#changeradio-0"+$(this).val()).prop("checked",true); updatePage(); }); $("#Main_Content").on('click',"input[name='Invo_Send_Type']",function(){ updatePage(); }); $("#Main_Content").on('click','#Invo_Agree',function(){ var val = $(this).prop('checked'), data = '&Invo_Agree='+val; updatePage(data); }); //更改規格 $(document).on("change", ".spec-select", function(){ let _this = $(this), oldVal = _this.data("origin-sid") newVal = _this.val() let amount =_this.data("origin-amount"); function selectPrevious(){ _this.val(oldVal) } $.ajax({ url:"/shopcart/ajax/ajax_change_spec.php", type:"POST", dataType: 'json', data:{ Old_Sid:oldVal, New_Sid:newVal, Amount:amount, }, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.Message){ alert(d.Message) } updatePage(); break; case "RET_ERROR": selectPrevious() alert(_jsLang.資料庫忙線中); break; case "RET_PROD_ERROR": selectPrevious() alert(_jsLang.商品已下架); break; case "RET_NO_PROD": selectPrevious() alert(_jsLang.請選擇商品); break; case "RET_STOCK_ERROR": selectPrevious() alert(_jsLang.商品庫存不足); break; case "RET_LIMIT_ERROR": selectPrevious() alert(_jsLang.數量超過限購量); break; default: selectPrevious() alert(_jsLang.資料庫忙線中); break; } }, error:function(d){ alert(d.responseText); }, }) }) }); function Rec(input){ if(input==1){ $('.Store').show(); $('.Num').hide(); }else if(input==2){ $('.Store').hide(); $('.Num').show(); } } function updatePage($data){ $(".loading_2").show(); var $member = ""; var $invo = ""; var $store = ""; var $coupon = ""; var $borderBox_open = ""; var coupon_val = ""; var coupon_arr = {}; $(".card_content").each(function(){ $member += '&'+$(this).attr("name")+'='+$(this).val(); }); $("#Buy_Data").find("input:text,input:checked,select,input:password").each(function(){ $member += '&'+$(this).attr("name")+'='+$(this).val(); }); $("#Send_Data").find("input:text,input:hidden,input:checked,select,textarea").each(function(){ $member += '&'+$(this).attr("name")+'='+$(this).val(); }); $("#Invo_Data").find("input:text,input:checked,select").each(function(){ $invo += '&'+$(this).attr("name")+'='+$(this).val(); }); $(".Store").find("input:text,input:checked,select").each(function(){ $store += '&'+$(this).attr("name")+'='+$(this).val(); }); var pageType = $("#Page_Type").val(); $(".gift-list").find("input:checked").each(function(){ coupon_arr[$(this).attr("name")] = (coupon_arr[$(this).attr("name")] ? coupon_arr[$(this).attr("name")] : '') + $(this).val()+","; $coupon = "&"+$.param(coupon_arr); // coupon_val += $(this).val()+","; // $coupon += '&'+$(this).attr("name")+'='+coupon_val; }); var borderBox_open = $(".borderBox.in-active").attr("box_id"); if(borderBox_open){ $borderBox_open= '&borderBox_open='+borderBox_open; } var check = new Array(); $('input[type="checkbox"][name="itemPurchaseCheck"]:checked').each(function(i){ check[i]=this.value; }); console.log(check) var $itemPurchaseCheck = 'cartID='+check; $member += '&'+$itemPurchaseCheck; $member += '&shipType='+$("input[name='Ship_Type']:checked").val(); $.ajax({ url:"/shopcart/ajax/ajax_cart_update.php", type:"POST", cache:false, async:true, data:$data+$member+$invo+$coupon+$borderBox_open+$store+"&Point_flag=1&Page_Type="+pageType, success:function(d){ $("#Main_Content").html(d); cartFromsAuth() if($("#Coupon_Msg").val()){ alert($("#Coupon_Msg").val()); } $("input[name='Pay_Type']").each(function(){ if($("input[name=Pay_Type]:checked").val() == 7 ){ $("#Send_Cellphone").attr('fun','checkCellphone'); }else{ $("#Send_Cellphone").attr('fun',$('#Buy_Cellphone').attr('fun')); } }); $("#Shop_Cart_Total>.num").html("("+$("#Shop_Cart_Total_Update").val()+")"); var slide = $(".sildeBox"); slide.owlCarousel({ responsive:{ 0:{ items : 2 }, 481:{ items : 3 }, 960:{ items : 4 }, 1023:{ items : 5 } }, margin: 10, nav: true, dots: false, stagePadding: 20, }); $(".content_1").owlCarousel({ responsive:{ 0:{ items:1 }, 481:{ items:2 } }, margin: 10, nav:true, dots:false, stagePadding:20, }) //修改國旗圖片 $.post('/ajax/ajax_change_country.php', {Type:'update',ID: $(this).attr('sid')}, function(h){ if(h){ $("#This_Country_Pic").attr("src","/upload_files/fonlego-rwd/website/"+h); } }, 'html'); var file_Obj = new prod_file({ amountBox:'num-select', specUrl: '/shopcart/ajax/ajax_get_item.php', ordButton:'button2' }); file_Obj.init(); $(".loading_2").fadeOut(); //重新計算step欄 scrollStep = 0 $(window).trigger("scroll") $.ajax({ url:'/ajax/ajax_get_cart_num.php', type:"POST", cache:false, async:false, dataType: 'json', error:function(d){ alert(d.responseText); }, success:function(d){ $(".shop-num").html(d.Total_Normal); if(d.Total_Special == 0) { $(".shop-num").addClass('theme-zero') } else { $(".shop-num").removeClass('theme-zero') } } }); } }); } //調整購物車數量 function updateCartNum(){ $.ajax({ url:'/ajax/ajax_get_cart_num.php', type:"POST", cache:false, async:false, dataType: 'json', error:function(d){ alert(d.responseText); }, success:function(d){ $(".shop-num").html(d.Total); if(d.Total_Special == "0"){ $(".shop-num").addClass("theme-zero") }else{ $(".shop-num").removeClass("theme-zero") } $(".cart-num").each(function(){ $this = $(this); var cart_item = $this.parents('.item'); if(cart_item.hasClass('Normal')){ $this.html('('+d.Total_Normal+')'); } if(cart_item.hasClass('Pre')){ $this.html('('+d.Total_Pre+')'); } if(cart_item.hasClass('Special')){ $this.html('('+d.Total_Special+')'); } }); } }); } //門市取貨-查詢 $("#Main_Content").on('click','#searchBtn',function(){ $('#storeBox').show(); }); //門市取貨-選擇門市 $("#Main_Content").on('click','.storeBtn',function(){ $(this).addClass('active'); $('.storeBtn').not(this).removeClass('active'); var $data = 'Store_ID='+$(this).attr('value'); updatePage($data); }); $("#Main_Content").on('click', '.recommendUrlButton', function(e){ e.preventDefault() let Short_Url_Flag = $("#Short_Url_Flag").val(); if(Short_Url_Flag == 1){ var recommendName = prompt(_jsLang.請輸入推薦連結名稱) } else { var recommendName = "guest"; } if(recommendName !== null){ var check = []; $('input[type="checkbox"][name="itemPurchaseCheck"]').each(function(i){ check[i]=$(this).attr('data-ids'); }); $.ajax({ url:"/ajax/ajax_generate_recommendUrl.php", type:"POST", cache:false, data:{ "recommendName": recommendName, "cartID":check }, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.Recommender_Url){ $(".recMask").find("#Recommender_Url").val(d.Recommender_Url) }else{ $(".recMask").find("#Recommender_Url").val("") } if(d.Recommender_Qrcode){ $("#ShowMessage").text(d.ShowMessage); $(".recMask").find("#Recommender_Qrcode").attr("src",d.Recommender_Qrcode) }else{ $(".recMask").find("#Recommender_Qrcode").attr("src","") } $(".recMask").show() break; case "ERROR": alert(d.Message); break; default: alert(_jsLang.資料庫忙線中); break; }; } }) } }) $("#Main_Content").on('click', '.maskClose', function(e){ e.preventDefault() $(".recMask").hide() }) if ($(".gift-list .gift-item").size()>5) { $(".total-gift").addClass("show-button"); // $(".fixedbox").css({"position":"absolute","top":"-120px"}) /*$("#Main_Content").on('click', '.gift-more', function(e){ $(".fixedbox").css({"position":"absolute","top":"-120px","height":"auto"}) }) $("#Main_Content").on('click', '.gift-more.up', function(e){ $(".fixedbox").removeAttr('style') })*/ } $("#Main_Content").on('click', '.gift-more', function(e){ $(".gift-list").toggleClass('gift-height') }) // ========================================================== // 結帳流程開關 // ========================================================== ;(function($) { $('body').on('click', '.cartBox > .title', function(e) { if(e.target === e.currentTarget || e.target === $(this).children('.title-box')[0]) { let itemWrap = $(this).parent('.cartBox'), step2Index = $(".stepTarget2").index() if (itemWrap.index() < step2Index) { if (!itemWrap.hasClass('in-active')) { $('.cartBox').removeClass('in-active') $('.cartBox').slice(0, step2Index).addClass('in-active') } else { $('.cartBox').slice(0, step2Index).removeClass('in-active') } } else { if (!itemWrap.hasClass('in-active')) { $('.cartBox').removeClass('in-active') $('.cartBox').slice(step2Index).addClass('in-active') } else { $('.cartBox').slice(step2Index).removeClass('in-active') } } } }) })($) // ========================================================== // 上方step按鈕 // ========================================================== var scrollStep = 1 ;(function($) { $(document).on("click", ".stepbox .step-anchor", function(){ let parent = $(this).parent(".col-33") target = parent.data("target"), header = $(".header-01"), stepBox = $(".stepbox"), topOffset = 0 if(target == "stepTarget1"){ $('.cartBox').slice(0, 4).addClass('in-active') }else if(target == "stepTarget2"){ $('.cartBox').slice(4).addClass('in-active') } topOffset = parseInt($("." + target).offset().top) - 2 * header.height() - stepBox.height() if($("body").hasClass("is-sticky")){ topOffset = parseInt($("." + target).offset().top) - header.height() - stepBox.height() } $('html, body').animate({scrollTop: topOffset}, 500); }) if($(".stepTarget2").length > 0){ $(window).on("scroll", function(){ let targetBoundingTop = $(".stepTarget2").get(0).getBoundingClientRect().top, offset = $(".header-01").height() + $(".stepbox").height() + 30 if(targetBoundingTop <= offset && scrollStep != 2){ $(".stepbox .col-33").removeClass("now") $(".stepbox .col-33").eq(1).addClass("now") scrollStep = 2 }else if(targetBoundingTop > offset && scrollStep != 1){ $(".stepbox .col-33").removeClass("now") $(".stepbox .col-33").eq(0).addClass("now") scrollStep = 1 } }) } })($) // ========================================================== // 我可能也會喜歡輪播 // ========================================================== ;(function($) { $('.maybe-you-like .recommend').owlCarousel({ loop: true, nav: true, dots: true, slideBy: 'page', margin: 20, responsive: { 0: { items: 3, }, 661: { items: 4, }, 1025: { items: 5, }, } }) })($) // ========================================================== // scroll and fixed // ========================================================== ;(function($) { let shopcartScrollStep = '' if($('.fixedbox').length > 0){ $(window).on('scroll', function(e) { const windowScroll = $(this).scrollTop() const shopcartLimitTop = $('#Main_Content').offset().top - $('.header-01').height() const shopcartLimitBottom = $('#Main_Form').offset().top + $('#Main_Form').outerHeight() - $('.fixedbox').outerHeight() - $('.header-01').height() if(windowScroll > shopcartLimitBottom && $(this).width() >= 800) { $('.fixedbox').css({ top: $('#Main_Form').offset().top + $('#Main_Form').outerHeight() - $('#Main_Content').offset().top - $('.fixedbox').outerHeight() }) } else if(windowScroll > (shopcartLimitTop + $('.stepbox').height()) && $(this).width() >= 800) { $('.fixedbox').css({ top: windowScroll - shopcartLimitTop + $('.stepbox').height() }) } else { $('.fixedbox').removeAttr('style') } }) } /*$(window).on('resize', function(e) { $(this).trigger('scroll') }).trigger('resize')*/ })($)