const oproductObj = { responsive:{ 0:{ items : 1 }, 481:{ items : 2 }, 960:{ items : 3 }, 1025:{ items : 2 } }, margin: 20, nav : true, navText : ['',''], } $(document).ready(function () { $("#Main_Form").fromsAuth({ type:'NONE', callafter:function() { var gift = $("#Left_Gift").val(); var ale = $("#Alert").val(); if(gift > '0'){ alert(_jsLang.尚可挑選+gift+_jsLang.件贈品請挑選後再送出購物車); }else{ if(ale){ var result = confirm(ale); if(result == true){ $("#Main_Form").find(".loading_2").css("display","block"); return true; } }else{ $("#Main_Form").find(".loading_2").css("display","block"); return true; } } } }); if($(".sildeBox .productBox").length > 1){ var slide = $(".sildeBox"); slide.addClass('owl-carousel').owlCarousel(oproductObj); } if($('.content_1 .click-block').length > 1){ $('.oproduct-tagcontent .content_1').addClass('owl-carousel').owlCarousel(oproductObj); } if($('.content_2 .click-block2').length > 1){ $('.oproduct-tagcontent .content_2').addClass('owl-carousel').owlCarousel(oproductObj); } if($('.content_3 .click-block').length > 1){ $('.oproduct-tagcontent .content_3').addClass('owl-carousel').owlCarousel(oproductObj); } var _window = $(window); var change = 0; var moreview = false; $(document).on('click','.click-pic',function(){ var ID = $(this).data('id'); $.ajax({ type:'POST', url:'/tw/shopcart/ajax/ajax_prodnew.php', data:{'ID':ID}, success: function(data){ $('.prodpop-new').html(data); $('.prodpop-new').css('display','block'); //滿額加購跳出視窗 if($('.prodpop-new .prodpop-itempic').length >4){ $('.prodpop-new .prodpop-other').addClass('owl-carousel').owlCarousel({ loop:true, margin:10, items:4, navText : ['',''], }); } }}); $('.prodpop-new').on('click','.prodpop-other img',function(){ var line = $(this).attr('src'); console.log(line); $(".prodpop-new .prodpop-pic img").attr('src',line); }) }); $(document).on('click','.prodpop-new .close',function(){ $('.prodpop-new').css('display','none'); }); $(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:"/tw/shopcart/ajax/ajax_cart_add.php", type:"POST", cache:false, dataType: 'json', data:{"ID":SID,"Amount":Amount}, success:function(d){ switch(d.Status){ case "RET_SUCCESS": 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; default: alert(_jsLang.資料庫忙線中); break; }; } }); }) //刪除商品 $("#Main_Content").on('click','.prod_del',function(){ if(confirm(_jsLang.確定刪除嗎+"?")){ $(".loading").show(); $.ajax({ url:"/tw/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', success:function(d){ if(d.Status == 'RET_SUCCESS'){ //DATALAYER埋設 if(d.FBQ) { eval(d.FBQ); } //GA4 if(d.GA4 && typeof gtag == 'function') { for(var key in d.GA4) { gtag("event","remove_from_cart",{ "items":d.GA4 }); } } alert(_jsLang.刪除成功); updatePage(); }else{ alert(_jsLang.資料庫忙線中); } } }); } }); //下次買 $("#Main_Content").on('click','.prod_next',function(){ if(confirm(_jsLang.確定加入喜愛清單嗎)){ $(".loading").show(); $.ajax({ url:"/tw/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', success:function(d){ if(d.Msg=='OK'){ if(d.Type == 'add'){ if(d.FBQ){eval(d.FBQ)} } if(d.GA4 && typeof gtag == 'function') { gtag("event","add_to_wishlist",{ "items":d.GA4 }); } updatePage(); }else if(d.Msg == 'NO_MEMBER'){ alert(_jsLang.請先登入會員); }else{ alert(_jsLang.資料庫忙線中); } } }); } }); //修改商品數量 $("#Main_Content").on('change','.prod_amount',function(){ $(".loading").show(); $.ajax({ url:"/tw/shopcart/ajax/ajax_cart_edit.php", type:"POST", cache:false, data:{ID:$(this).attr("sid"),Act:$(this).attr("act"),Ch_Flag:$(this).attr("ch"),Amount:$(this).val()}, dataType: 'json', 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 }); } } 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; default: alert(_jsLang.資料庫忙線中); break; }; } }); }); //加購商品 $(document).on('click','#All_Add_List .button2,#Full_Add_List .button2',function(){ $(".loading").show(); $.ajax({ url:"/tw/shopcart/ajax/ajax_cart_add.php", type:"POST", cache:false, data:{ID:$(this).attr("sid"),Amount:$(this).prev(".AddBox").find(".num-select").val()}, dataType: 'json', 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 }); } } 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; 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='+encodeURIComponent($(this).parents("p").find("input").val()); }else{ var $data = 'cate='+$(this).attr("cate")+'&value='+encodeURIComponent($(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(){ $("#usable_no").val($(this).val()); }); $("#Main_Content").on('change',"#Send_Country_ID",function(){ var $data = 'country='+$(this).val(); updatePage($data); }); $("#Main_Content").on('change',"#Sign_Country",function(){ //GA4 var $data = 'scountry='+$(this).val(); updatePage($data); }); //選擇運送方式 $("#Main_Content").on('click',"input[name='Ship_Type']",function(){ var $data = 'shipType='+$(this).val(); updatePage($data); }); $("#Main_Content").on("click","#Choose_Store", function(){ updatePage(); window.location.href = '/tw/shopcart/e_returns/emap-p.php?url='+window.location.pathname+'/&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); }); //保價勾選 $("#Main_Content").on('click',"input[name='Premiu']",function(){ var $data = 'premiu='+$(this).val(); updatePage($data); }); //國家、縣市、地區 $("#Main_Content").on('change',".Country",function(){ updatePage(); }); $("#Main_Content").on('change',".City",function(){ var $data = ''; if($(this).attr('name') == 'Send_City') { $data = 'country='+$("#Send_Country_ID").val(); } updatePage($data); }); $("#Main_Content").on('change',".Area",function(){ var $data = ''; if($(this).attr('name') == 'Send_City') { $data = 'country='+$("#Send_Country_ID").val(); } updatePage($data); }); //同訂購人資料 $("#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('click',"#Form_Submit",function(){ $("#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(); }); }); 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,textarea").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(); }); $invo += '&Member_Agree='+$("#Member_Agree").val(); $.ajax({ url:"/tw/shopcart/ajax/ajax_cart_update.php", type:"POST", cache:false, async:false, data:$data+$member+$invo, success:function(d){ $("#Main_Content").html(d); $("#Show_Shopcart_Total").html($("#Shop_Cart_Total_Update").val()); if($('.content_1 .click-block').length > 1){ $('.oproduct-tagcontent .content_1').addClass('owl-carousel').owlCarousel(oproductObj); } if($('.content_2 .click-block2').length > 1){ $('.oproduct-tagcontent .content_2').addClass('owl-carousel').owlCarousel(oproductObj); } if($('.content_3 .click-block').length > 1){ $('.oproduct-tagcontent .content_3').addClass('owl-carousel').owlCarousel(oproductObj); } $("#Main_Form").fromsAuth({ type:'NONE', callafter:function() { var gift = $("#Left_Gift").val(); var ale = $("#Alert").val(); if(gift > '0'){ alert(_jsLang.尚可挑選 + gift + _jsLang.件贈品請挑選後再送出購物車); }else{ if(ale){ var result = confirm(ale); if(result == true){ $("#Main_Form").find(".loading_2").css("display","block"); return true; } }else{ $("#Main_Form").find(".loading_2").css("display","block"); return true; } } } }); var bill = JSON.parse(base64_decode($("#Bill_Update").val())); for(s in bill){ $("#Bill_"+s).html(bill[s]); } 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')); } }); var slide = $(".sildeBox"); slide.addClass('owl-carousel').owlCarousel(oproductObj); //商品圖延遲載入 $('.productImg img').lazyload({ effect : 'fadeIn', failure_limit : 10, placeholder:'/tw/upload_files/fonlego-rwd/images/common/loading.svg', }); //修改國旗圖片 $.post('/tw/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'); $(".loading").fadeOut(); var file_Obj = new prod_file({ amountBox:'num-select', specUrl: '/tw/shopcart/ajax/ajax_get_item.php', ordButton:'button2' }); file_Obj.init(); $(window).trigger('scroll') } }); } // ========================================================== // cart float 區塊位置 // ========================================================== ;(function($) { const cartOffset = $('.float-cart').offset().top $(window).on('scroll', function(e) { if($(this).width() > 1024) { if($(this).scrollTop() > $('#Main_Form').height() + $('#Main_Form').offset().top - $('.float-cart').innerHeight() - 50) { $('.float-cart').css('top', $('#Main_Form').height() - $('.float-cart').innerHeight()) console.log($('#Main_Form').height() - $('.float-cart').innerHeight()) } else if($(this).scrollTop() + 50 > cartOffset) { $('.float-cart').css('top', $(this).scrollTop() + 50 - cartOffset) } else { $('.float-cart').removeAttr('style') } } else { $('.float-cart').removeAttr('style') } }).trigger('scroll') })($)