$(document).ready(function () { var file_Obj = new prod_file({ type:'2', contBox:'Step_Block', specUrl: '/shopcart/ajax/ajax_get_item.php', price1Box :'Price1_Box' }); file_Obj.setCartOther = function(){ updatePage(); } file_Obj.init(); loadingUserBox(); $("html,body").animate({scrollTop: $('.login-offset').offset().top-150},800); //商品加減 $(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) { alert('此商品最多可購買'+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 = Amount/2; if(Amount <= 1) { Amout = 1; } if(Amount > max) { alert('此商品最多可購買'+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": if(d.Total && $("span").hasClass("cart-number")){ $(".cart-number").html(d.Total); } if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } updatePage(); break; case "RET_NO_MEMBER_NO": 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; case "RET_PROD_IN_ONESHOPPAGE_ERROR": alert(_jsLang.此商品於一頁式購物推廣中+','+_jsLang.暫無法加入購物車); break; default: alert(_jsLang.資料庫忙線中); break; }; } }); } $("#Main_Form").fromsAuth({ type:'NONE', 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':4 }); ga('send','event','購物車','確認訂單'); } return true; } }); var _window = $(window); var change = 0; var moreview = false; var change_1023 = 1024; $(document).on('click','.click-pic',function(){ // prodpop-new popBox var ID = $(this).data('id'); $.post('/shopcart/ajax/ajax_prodnew.php',{'ID':ID},function(data){ $('.prodpop-new').replaceWith(data) $('.prodpop-new').css('display','block'); }) }); $(document).on('click','.prodpop-new .close',function(){ $('.prodpop-new').css('display','none'); }); //購物車無資料,導回step1 if(parseInt($("#Main_Form").attr('cart_num'))< 1 || $("#Main_Form").attr('cart_num')==''){ Shopcart_Step_Go('step1'); } //選擇步驟 $("#Main_Content").on('click','.Step_Button',function(){ var step = $(this).attr('step'); if(step == 'step2' && document.getElementById('Collect_Out') && !$('#Collect_Out').is(':checked')) { alert(_jsLang.請先勾選同意集貨後出貨) return false; } if(step == 'step2') { window.addEventListener('popstate', function(){ window.location.reload(); }, false) } var location_now = location.href; var state = { title: 'step1', url: location_now } window.history.pushState(state, 'step1', location_now) Shopcart_Step_Go(step); }); function Shopcart_Step_Go(step){ if(step == 'home'){ window.location.href="/"; } //步驟按鈕樣式 $("#Main_Content").find('.Step_Button').each(function(){ //初始步驟樣式 $(this).removeClass('now'); var chk_step = $(this).attr('step'); //目前步驟樣式 if(step == chk_step){ $(this).addClass('now'); } }); //步驟區塊開啟或關閉 $("#Main_Content").find('.Step_Block').each(function(){ //初始步驟區塊(關閉) $(this).addClass('hide'); var chk_step = $(this).attr('step'); //開啟目前步驟區塊 if(step == chk_step){ $(this).removeClass('hide'); } }); //切換網址 var type = $('#Cart_Type').val() || '' var new_url = '/'+$("#Website_Mall_ID").val()+'/shopcart/'+step+'/'+type; window.history.replaceState({},'shopcart',new_url); //重載頁面記錄目前步驟SESSION updatePage('&step='+step); $(window).scrollTop(0); if(typeof ga == 'function') { var obj = JSON.parse($("#GA_Data").text()), ga_step = '', ga_title = ''; if(step == 'step1') { ga_step = '1'; ga_title = '進入購物車'; } else { ga_step = '2'; ga_title = '填寫寄送資料'; } for(var key in obj) { ga('ec:addProduct',obj[key]); } ga('ec:setAction','checkout',{ 'step':ga_step }); ga('send','event','購物車',ga_title); } //上一頁需回到step1 // window.location.href = new_url; } $(document).on('click','.click-block2 .button2',function(e){ e.preventDefault(); //$(".loading").show(); var SID = $(this).attr('sid'); var Amount = $(this).parents('.click-block2').find('.num').val(); if(!$.isNumeric(Amount)){ alert(_jsLang.請選擇數量); return false; } $.ajax({ url:"/shopcart/ajax/ajax_cart_add.php", type:"POST", cache:false, data:{"ID":SID,"Amount":Amount}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.GA && typeof ga == 'function') { for(var key in d.GA) { Pro = JSON.parse(d.GA[key]); Sku = Pro['id']; ga('ec:addProduct',Pro); } ga('ec:setAction','add'); ga('send','event','購物車','加入購物車',Sku); } if(d.GA_conversion && typeof gtag == 'function') { gtag('event', 'add_to_cart', {'send_to':d.GA_conversion,'value':d.GA_values,'items':d.GA_items}); gtag('event', 'conversion', {'send_to':d.GA_conversion}); } if(d.FBQ){eval(d.FBQ)} if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","add_to_cart",{ "items":d.GA4 }); } } //LINE-Tag if(d.LINE_Tag_id){ _lt('send', 'cv', { type: 'AddToCart' },[d.LINE_Tag_id]); } alert(_jsLang.加入購物車成功); updatePage(); break; case "RET_NO_MEMBER_NO": 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; case "RET_PROD_IN_ONESHOPPAGE_ERROR": alert(_jsLang.此商品於一頁式購物推廣中+','+_jsLang.暫無法加入購物車); break; default: alert(_jsLang.資料庫忙線中); break; }; } }); }); //刪除商品 $("#Main_Content").on('click','.prod_del',function(){ if(confirm(_jsLang.確定刪除嗎+"?")){ $.ajax({ url:"/shopcart/ajax/ajax_cart_del.php", type:"POST", cache:false, data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch")}, dataType:'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ if(d.Status == 'RET_SUCCESS') { if(d.Total && $("span").hasClass("cart-number")){ $(".cart-number").html(d.Total); } if(d.GA && typeof ga == 'function') { for(var key in d.GA) { Pro = JSON.parse(d.GA[key]); Sku = Pro['id']; ga('ec:addProduct',Pro); } ga('ec:setAction','remove'); ga('send','event','購物車','移除購物車',Sku); //DATALAYER埋設 if(d.FBQ) { eval(d.FBQ); } } if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","remove_from_cart",{ "items":d.GA4 }); } } updatePage(); } else { alert(_jsLang.資料庫忙線中); } } }); } }); //下次買 $("#Main_Content").on('click','.prod_next',function(){ if(confirm(_jsLang.確定加入喜愛清單嗎)){ $.ajax({ url:"/shopcart/ajax/ajax_cart_next.php", type:"POST", cache:false, data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch")}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d.Msg){ case "RET_SUCCESS": if(d.FBQ){eval(d.FBQ)} $(".next_buy_span").text(parseInt($(".next_buy_span").text()) + 1); alert(_jsLang.加入喜愛清單成功); updatePage(); break; case "RET_NO_MEMBER": alert(_jsLang.請先登入會員); window.location.href = '/'+$("#Website_Mall_ID").val()+'/member-login'; break; default: alert(_jsLang.資料庫忙線中); break; } } }); } }); //加購商品 $(document).on('click','#All_Add_List .button2,#Full_Add_List .button2,#First_Add_List .button2',function(){ $.ajax({ url:"/shopcart/ajax/ajax_cart_add.php", type:"POST", cache:false, data:{ID:$(this).attr("sid"),Amount:$(this).parents(".productBox").find(".amountBox").val()}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d.Status){ case "RET_SUCCESS": if(d.GA && typeof ga == 'function') { for(var key in d.GA) { Pro = JSON.parse(d.GA[key]); ga('ec:addProduct',Pro); } ga('ec:setAction','add'); ga('send','event','購物車','加入購物車'); } if(d.GA_conversion && typeof gtag == 'function') { gtag('event', 'add_to_cart', {'send_to':d.GA_conversion,'value':d.GA_values,'items':d.GA_items}); gtag('event', 'conversion', {'send_to':d.GA_conversion}); } if(d.FBQ){eval(d.FBQ)} //LINE-Tag if(d.LINE_Tag_id){ _lt('send', 'cv', { type: 'AddToCart' },[d.LINE_Tag_id]); } alert(_jsLang.加入購物車成功); updatePage(); break; case "RET_NO_MEMBER_NO": 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; case "RET_PROD_IN_ONESHOPPAGE_ERROR": alert(_jsLang.此商品於一頁式購物推廣中+','+_jsLang.暫無法加入購物車); break; default: alert(_jsLang.資料庫忙線中); break; }; } }); }); //取消優惠折扣 $("#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{ var $data = 'cate='+$(this).attr("cate")+'&value='+$(this).parents("p").find("input").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(){ var $data = 'cate=Usable&value='+$(this).attr('code'); updatePage($data); }); //選擇配送國家 $("#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); $.ajax({ url:"/ajax/ajax_get_city-p.php", type:"POST", cache:false, data:{"Send_ID":$("#Send_Country_ID option:eq(1)").val()}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ var the_sub = 'Send_City_ID'; $("#" + the_sub).children("option:gt(0)").remove(); for(k in d){ $("#" + the_sub).append(''); } } }); }); $("#Main_Content").on('change',"#Country",function(){ $.ajax({ url:"/ajax/ajax_get_city-p.php", type:"POST", cache:false, data:{"Send_ID":$(this).val()}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ var the_sub = 'Send_City_ID'; $("#" + the_sub).children("option:gt(0)").remove(); for(k in d){ $("#" + the_sub).append(''); } } }); }); $("#Main_Content").on('change',"#Country",function(){ var $data = 'countryType=3&country='+$(this).val(); updatePage($data); }); //選擇運送方式 $("#Main_Content").on('click',"input[name='Ship_Type']",function(){ var $data = 'shipType='+$(this).val()+'&shipTypeClick=1'; updatePage($data); if(typeof gtag == 'function') { gtag("event","add_shipping_info",{ "shipping_tier":$(this).data('name') }); } }); $("#Main_Content").on("click","#Choose_Store", function(){ var $data = 'shipType='+$("input[name='Ship_Type']:checked").val(); updatePage($data); window.location.href = '/shopcart/e_returns/emap-p.php?url=shopcart/step2&type='+$(this).attr("type")+'&coll='+$(this).attr("coll"); }); //選擇付款方式 $("#Main_Content").on('click',"input[name='Pay_Type']",function(){ var $data = 'payType='+$(this).val(); if($(this).val() == 5)$data += '&countryType=1'; updatePage($data); 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','購物車','選擇付款方式'); } if(typeof gtag == 'function') { gtag("event","add_payment_info",{ "payment_type":$(this).data('name') }); } }); //保價勾選 $("#Main_Content").on('click',"input[name='Premiu']",function(){ var $data = 'premiu='+$(this).val(); updatePage($data); }); //國家切換 $("#Main_Content").on('change',".Country",function(){ var Send_ID = $(this).val(); $.ajax({ url:"/ajax/ajax_get_city-p.php", type:"POST", cache:false, data:{"Send_ID":Send_ID}, dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ var the_sub = 'Send_City_ID'; $("#" + the_sub).children("option:gt(0)").remove(); for(k in d){ $("#" + the_sub).append(''); } } }); }); //縣市切換 $("#Main_Content").on('change',".City",function(){ updatePage(); }); //地區切換 $("#Main_Content").on('change',".Area",function(){ var opt = $(this).find("option:selected").text(), area = opt.split(" "), zip = area[0]; $("#Send_Area_No").val(zip); }); //門市選單切換 $("#Main_Content").on('change',"#Store_Select",function(){ var $data = 'Store_Select='+$(this).val(); updatePage($data); }); //同訂購人資料 $("#Main_Content").on('click',"#Same_Button",function(){ var $data = 'same=1'; updatePage($data); }); //預設發票地址 var Del_Type = $("#Del_Type").val(); 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") || ''; var Send_Addr_Full = Send_City_ID+Send_Area_ID+Send_Address; if(Send_Addr_Full && Del_Type !='2'){ $("#Invo_Same_Button").prop("checked",true); $("#Invo_Address").val(Send_Addr_Full); } //同訂購人資料 $("#Main_Content").on('click',"#Invo_Same_Button",function(){ var dt = $(this).attr('dt'); if($("#Invo_Same_Button").prop("checked") && dt != '2'){ 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","#Store_Pick",function(){ var $data = 'CVSStoreID='+$(this).val(); updatePage($data); }); //發票載具 $("#Main_Content").on('change',"#CarrierType",function(){ updatePage(); }); //未登入購物 $(document).on('change','.not-member',function(){ var check_type = $(this).attr('check_type'); //ajax $.ajax({ url:"/shopcart/ajax/ajax_check_member.php", type:"POST", cache:false, data:{chkValue:$(this).val(),type:check_type}, // dataType: 'json', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ switch(d){ case "RET_IS_MEMBER": if(check_type == 1){ alert(_jsLang.該手機已有會員註冊請登入會員才可購買); }else if(check_type == 2){ alert(_jsLang.該信箱已有會員註冊請登入會員才可購買); }else{ alert(_jsLang.已有會員註冊請登入會員才可購買); } $('.new-member').hide(); break; case "RET_NOT_MEMBER": $('.new-member').show(); $("#Login_Password").attr('fun','checkEnNumNull'); break; case "RET_MEMBER_LOGGED": $('.new-member').hide(); $("#Login_Password").attr('fun',''); break; default: alert(_jsLang.資料庫忙線中); break; } } }); }); //送出 $("#Main_Content").on('click',"#Form_Submit",function(){ var gift = $("#Left_Gift").val(); if(gift > '0'){ alert(_jsLang.尚可挑選+gift+_jsLang.件贈品請挑選後再送出購物車); }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('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',"#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('change', "input[name='Invo_Type']",function(){ if($(this).val() == 1){ $(".invo_type1").hide(); } else{ $(".invo_type1").show(); } updatePage(); }); if($('.prod_in_page_area').length > 0){ var alert_check_prod_in_page = "親愛的會員您好,目前下列產品正在一頁式購物推廣中,故系統將自動移除\n"; $('.prod_in_page_area .prod_data').each(function(index){ alert_check_prod_in_page += "\n《"+$(this).val()+"》"; }) alert(alert_check_prod_in_page); window.location.reload(); } }); function updatePage($data){ //$(".loading").show(); var $member = ""; var $invo = ""; $(".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,input:password,select,textarea").each(function(){ $member += '&'+$(this).attr("name")+'='+$(this).val(); }); $("#Send_Data").find("#Send_Cellphone").each(function(){ $member += '&'+$(this).attr("name")+'='+$(this).val(); }); $("#Invo_Data").find("input:text,input:checked,select").each(function(){ $invo += '&'+$(this).attr("name")+'='+$(this).val(); }); $invo += '&Member_Agree='+$("#Member_Agree").val(); $.ajax({ url:"/shopcart/ajax/ajax_cart_update.php", type:"POST", cache:false, async:false, data:$data+$member+$invo+'&updatePage=1', error:function(d){ alert('網路連線過慢,網頁請重新整理'); }, success:function(d){ var _window = $(window); var change_1023 = 1024; $("#Main_Content").html(d); loadingUserBox(); $("#Main_Form").fromsAuth({ type:'NONE', 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':4 }); ga('send','event','購物車','確認訂單'); } return true; } }); if($("#Coupon_Msg").val()){ alert($("#Coupon_Msg").val()); } $("#Show_Shopcart_Total").html($("#Shop_Cart_Total_Update").val()); //修改國旗圖片 $.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({ type:'2', contBox:'Step_Block', specUrl: '/shopcart/ajax/ajax_get_item.php', price1Box :'Price1_Box' }); file_Obj.setCartOther = function(){ updatePage(); } file_Obj.init(); } }); } // ========================================================== // step1 下方優惠商品選購區塊 // ========================================================== function loadingUserBox(){ let loadingStep = '' $(window).on('resize', function(e) { if($(this).width() < 768 && loadingStep !== 'mobile') { loadingStep = 'mobile' $('.userBox .userBox-content').each(function(i, ele) { if($(ele).data('owl.carousel')) { $(ele).data('owl.carousel').destroy() } }) } else if($(this).width() >= 768 && loadingStep !== 'desktop') { loadingStep = 'desktop' $('.userBox .userBox-content').each(function(i, ele) { if($(ele).children().length > 1) { $(ele).owlCarousel({ margin: 15, slideBy: 'page', dots: false, navText: ['', ''], nav: true, responsive: { 0: { items: 3, }, 992: { items: 4, }, 1024: { items: 3, }, 1367: { items: 4, }, }, }) } }); } }).trigger('resize') } // ========================================================== // 看更多加購商品跳窗 // ========================================================== ;(function($, jQuery) { let addonStep = true // 開啟「更多加購」跳窗 $('body').on('click', '.MoreAddon', function(e) { e.preventDefault() if(addonStep) { addonStep = false jQuery.ajax({ url: '/shopcart/ajax/ajax_popup_addon.php', type: 'POST', dataType: 'HTML', data: { id: $(this).data('aid'), }, }) .done(function(res) { $('body').append(res).addClass('overflow-hidden') }) .fail(function(x, y, z) { console.log(x) }) .always(function() { addonStep = true }); } }) // 關閉跳窗 $('body').on('click', '.popup-wrapper', function(e) { if(e.currentTarget === e.target || $(e.target).hasClass('closer')) { e.preventDefault() $(e.currentTarget).remove() $('body').removeClass('overflow-hidden') } }) // 跳窗中的加購品數量加減 $('body').on('click', '.addon-popup .amountBlock > .fa', function(e) { const target = $(this).siblings('.amountBox') const targetVal = Number(target.val()) if($(this).hasClass('Amount_Minus')) { if(targetVal > target.attr('min')) { target.val(targetVal - 1) } else { target.val(target.attr('min')) } } else if($(this).hasClass('Amount_Plus')) { if(targetVal < target.attr('max')) { target.val(targetVal + 1) } else { target.val(target.attr('max')) } } }) })($, jQuery)