1<!DOCTYPE html> 2<html lang="zh-tw" style="height:100%;"> 3 <head> 4
4<script> 5 window.dataLayer = window.dataLayer || []; 6 </script>
6 7 <!-- Google Tag Manager --> 8
8<script>
vendor: 375 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','dataLayer','
12GTM-M2HJT5P
vendor: 3 bytes, line 12
12');
12</script>
12 13 <!-- End Google Tag Manager --> 14 <!-- CYBERBIZ Google Tag Manager --> 15
15<script>
vendor: 345 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 16 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 17 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 18 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 19 })(window,document,'script','cyb','
19GTM-TXD9LVJ
vendor: 3 bytes, line 19
19');
19</script>
19 20 <!-- End CYBERBIZ Google Tag Manager --> 21 22 <meta charset="utf-8"> 23 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 24 <meta name="viewport" content="width=device-width, initial-scale=1"> 25 <meta property="og:site_name" content="ç¶²ç«ç±å°ç£å¥½é¬æéå ¬å¸ç¶ç (統編53068909) â§æ¬ç¶²ç«æææ¶è²»å°ææ¥1%æè´æ¼å¼±å¢åé«" /> 26 27 <!-- og tag --> 28 29 <meta name="keywords" content="ç¾å¹´é¬æ²¹,ç´é鬿²¹,é»è±é¬æ²¹,è±éº¥é¬æ²¹,é»è±é¬æ²¹,鬿²¹,æ¨è¦é¬æ²¹" /> 30 <meta name="description" content="æºèªè¥¿èºççæ¥é¬æ²¹ï¼å³æ¿è³ä»å·²æç¾å¹´æ·å²ãå¾ç¼é µå°æ¥æ¬180天以ä¸ç製é¬éç¨ï¼çéµå¾ªå³çµ±éé å·¥èæå·§ï¼è®æçç¢åºçé»è±é¬æ²¹ãé»è±é¬æ²¹ï¼é½è½å¤ å±ç¾åºç´é鬿²¹ææçæ¿éè±é¦ã乿¯ä¾å°è¥¿èºéç©çåå°éå®¢å¿ è²·çå¨å°ä¼´æç¦®ã" /> 31 <meta property="og:title" content="ç¶²ç«ç±å°ç£å¥½é¬æéå ¬å¸ç¶ç (統編53068909) â§æ¬ç¶²ç«æææ¶è²»å°ææ¥1%æè´æ¼å¼±å¢åé«" /> 32 <meta property="og:url" content="http://www.rueichun.com.tw" /> 33 <meta property="og:type" content="product.group" /> 34 <meta property="og:description" content="æºèªè¥¿èºççæ¥é¬æ²¹ï¼å³æ¿è³ä»å·²æç¾å¹´æ·å²ãå¾ç¼é µå°æ¥æ¬180天以ä¸ç製é¬éç¨ï¼çéµå¾ªå³çµ±éé å·¥èæå·§ï¼è®æçç¢åºçé»è±é¬æ²¹ãé»è±é¬æ²¹ï¼é½è½å¤ å±ç¾åºç´é鬿²¹ææçæ¿éè±é¦ã乿¯ä¾å°è¥¿èºéç©çåå°éå®¢å¿ è²·çå¨å°ä¼´æç¦®ã" /> 35 36 37 <!-- og image --> 38 39 <meta property="og:image" content="https://cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561910_aae9d5e4_og_image.jpg?1630561910" /> 40 41 42 <title> 43 44 ç¶²ç«ç±å°ç£å¥½é¬æéå ¬å¸ç¶ç (統編53068909) â§æ¬ç¶²ç«æææ¶è²»å°ææ¥1%æè´æ¼å¼±å¢åé« æ¡è¿å è¨ 45 46 </title> 47 48 <link rel="shortcut icon" href="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561907_6f5e21ec_favicon.png?1630561907" type="image/x-icon" /> 49 50 <!-- for vendor --> 51 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561911_aa58bf1b_vendor.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 52 53 <!-- for navbar --> 54 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561911_f3b61e7b_navbar.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 55 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/1630561910_a562a672_navbar.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 56 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561912_37c06957_sidebar.css?1630561912' rel='stylesheet' type='text/css' media='all' /> 57 58 <!-- theme assets --> 59 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1700450399_843c9765_main.css?1700450399' rel='stylesheet' type='text/css' media='all' /> 60 61 <!-- for vendor --> 62
62<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561906_138a558f_vendor.js?1630561906' type='text/javascript'></script>
62 63 64
64<script> 65 window.sci = "eyJzaG9wX2lkIjoxNDM5NCwic2hvcF9wbGFuIjoiYm9zcyIsImRpbV9hZmZp\nbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9uYW1l\nIjpudWxsLCJzaG9wX25hbWUiOiLntrLnq5nnlLHlj7DngaPlpb3phqzmnInp\nmZDlhazlj7jntpPnh58gKOe1see3qDUzMDY4OTA5KSAgIOKAp+acrOe2suer\nmeaJgOaciea2iOiyu+Wwh+aPkOaSpTEl5o2Q6LSI5pa85byx5Yui5ZyY6auU\nIiwic2hhcmVfYXR0cmlidXRpb25fZW5hYmxlZCI6dHJ1ZX0=\n"; 66 </script>
66 67 68 69<meta name="csrf-param" content="authenticity_token" /> 70<meta name="csrf-token" content="Sz0Rv-yqn-RR9lSxkni8nPBIR0pMUiBCUKtss4qkR9UI2V-1afCUEfV4rITRdirvoo67DYhHEkFz7qsD0TTV1Q" />
71<script>(function () { 72 window.gaConfigurations = {"useProductIdInProductEvents":false}; 73})(); 74</script>
vendor: 1 bytes, line 74
74
75<script>(function () { 76 window.CYBERBIZ_PageContext = {"page_type":"home"}; 77})(); 78</script>
78 79<link href="//cdn1-next.cybassets.com/frontend/shop/quark-e958d46bfee2e69f.css" rel="stylesheet" type="text/css" media="all" /> 80
80<script> 81 window.shopScriptHelper = { 82 i18nLocale: "zh-TW", 83 i18nLocaleDefault: "zh-TW", 84 availableCurrencies: [], 85 defaultCurrency: "TWD", 86 currenciesInfo: [{"html_unit":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","name":"æ°å°å¹£ (TWD)","html":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"money_format":"%u%n","decimal_precision":0,"format":"NT${{amount_no_decimals}}","code":"TWD","symbol":"NT$","email":"NT${{amount_no_decimals}}"}], 87 vueOverrideTranslations: {"zh-TW":{"vue":{}}}, 88 hasI18nInContextEditing: false, 89 shopMultipleCurrenciesCheckout: false, 90 hasLocalizedShopPriceFormat: false, 91 } 92 </script>
92 93 94 95
95<script 96 src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-e958d46bfee2e69f.js"> 97 </script>
97 98
98<script defer> 99 /* 100 * Enable in-context translation for Liquid part on the page. 101 * This must be executed last to prevent conflicts with other Vue apps. 102 * So put it to `onload`, which will be executed after DOM ready's app mount 103 */ 104 window.onload = function() { 105 if ( 106 window.shopScriptHelper && 107 window.shopScriptHelper.hasI18nInContextEditing 108 ) { 109 window.initTolgeeForLiquid() 110 } 111 } 112 </script>
112 113
114<script> var google_con_event_labels = []</script>
vendor: 1 bytes, line 114
114
115<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-e958d46bfee2e69f.js"></script>
115 116
116<script> 117 window.c12t = {"customer_id":null}; 118 </script>
118 119 120 <meta name="request-id" content="57A60FF63D426CFD03E6FB35B299E773"/> 121 122<link rel="canonical" href="https://www.rueichun.com.tw/"> 123 124
124<script> 125 window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*'); 126 </script>
126 127
128<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 128
128
129<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctRUc0MkJFM1dK\nUywgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IlVB\nLTE2Mzk0NTk3Mi0xIn19LHsidmVuZG9yX3R5cGUiOiJEaWdpdGFsIEludGVs\nbGlnZW5jZSBUcmFja2VyIiwiYXBwX2lkIjoiMWI1MGE4NmRjMmQxNDE4Mzg4\nZmRlZGY3YTBkNDM5YWUiLCJzZXR0aW5ncyI6e319XQ==\n"} 130</script>
vendor: 1 bytes, line 130
130
131<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 131
131
132<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 132
132
133<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 133
133
134<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 134
134
135<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-e958d46bfee2e69f.js"></script>
vendor: 1 bytes, line 135
135
136<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
136 137 138 139 140 141 142 143 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1645773879_967997f4_variables.css?1645773879' rel='stylesheet' type='text/css' media='all' /> 144 145 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 145-146
145 146 <script async src="https://www.googletagmanager.com/gtag/js?id=
146G-EG42BE3WJS
vendor: 22 bytes, lines 146-147
146"></script> 147
147<script> 148
vendor: 183 bytes, lines 148-153
148window.dataLayer = window.dataLayer || []; 149 function gtag(){dataLayer.push(arguments);} 150 gtag('js', new Date()); 151 152 153 gtag('config', '
153UA-163945972-1
vendor: 27 bytes, line 153
153', {"groups":"ecommerce"});
153</script>
153 154
154<script> 155 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 156 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 157 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 158 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 159 160 ga('create', '', 'auto', {'name': 'cyberbiz'}); 161 ga('cyberbiz.require', 'displayfeatures'); 162 ga('cyberbiz.set', 'dimension1', '14394'); 163 ga('cyberbiz.require', 'ec'); 164 ga('cyberbiz.send', 'pageview'); 165 </script>
165 166 167
167<script>
vendor: 426 bytes, lines 167-174
167 168 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 169 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 170 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 171 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 172 document,'script','//connect.facebook.net/en_US/fbevents.js'); 173 174 fbq('init', '
1742649396372010157
vendor: 38 bytes, lines 174-175
174', {}, {'agent':'plcyberbiz'}); 175
175fbq('track', "PageView", '', { eventID: "PageView_57A60FF63D426CFD03E6FB35B299E773" }); 176 var facebook_pixel_id = '2649396372010157'</script>
176 177 178 </head> 179 180 <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 180-181
180 181 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
181GTM-M2HJT5P
vendor: 105 bytes, lines 181-183
181" 182 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 183
183<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 183-185
183 184 <noscript><iframe 185 src="//www.googletagmanager.com/ns.html?id=
185GTM-TXD9LVJ
vendor: 117 bytes, lines 185-191
185" 186 height="0" 187 width="0" 188 style="display:none;visibility:hidden"> 189 </iframe></noscript> 190 191
191<!-- Navigation --> 192
192<script type="text/javascript"> 193 $(document).ready(function() { 194 WebFont.load({ 195 google: { 196 families: [ 'Noto+Sans+TC:100,300,400,500,700,900&display=swap:chinese-traditional' ] 197 } 198 }); 199 }); 200</script>
200 201 202<span class="drawer drawer--left"> 203 <header id="header"> 204 <div class="hidden-md computer_nav"> 205 <div class="header_logo text-center"> 206 <!-- logo start --> 207 <div class="container"> 208 <div class="relative"> 209 <nav class="logo"> 210 211 <a href="/"> 212 <img src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561910_063eb981_navbar_logo.png?1630561910" height="50" width="auto" alt="logo"> 213 </a> 214 215 </nav> 216 <!-- logo end --> 217 <!-- tool-nav start --> 218 <nav class="tool-nav"> 219 <ul class="link_shelf_top"> 220 <!-- member --> 221 222 <li class="customer_account"> 223 <div class="dropdown static"> 224 <a href="javascript:void(0)" data-toggle="dropdown"> 225 <svg class="member-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="20.8" viewBox="0 0 40 50"> 226 <path d="M26.133,22.686c3.417-2.192,5.692-6.016,5.692-10.368C31.825,5.526,26.299,0,19.507,0S7.188,5.526,7.188,12.318c0,4.352,2.275,8.176,5.692,10.368C5.381,25.098,0,31.457,0,38.926v1.627C0,44.659,3.716,48,8.283,48h22.448c4.567,0,8.283-3.341,8.283-7.447v-1.627C39.014,31.457,33.632,25.098,26.133,22.686z M10.188,12.318 C10.188,7.18,14.368,3,19.507,3s9.319,4.18,9.319,9.318c0,5.139-4.181,9.319-9.319,9.319S10.188,17.457,10.188,12.318zM36.014,40.553c0,2.452-2.37,4.447-5.283,4.447H8.283C5.37,45,3,43.005,3,40.553v-1.627c0-7.879,7.405-14.289,16.506-14.289c9.102,0,16.507,6.41,16.507,14.289L36.014,40.553L36.014,40.553z"/> 227 </svg> 228 <span class="text"></span> 229 </a> 230 <div class="dropdown-menu" role="menu"> 231 <ul id="customer-logined-menu" style="display: none"> 232 <li class="button"> 233 <a href="/account/logout" class="btn-logout">æå¡ç»åº</a> 234 </li> 235 <li class="button"> 236 <a href="/account/index" class="btn-orders">è¨å®æ¥è©¢</a> 237 </li> 238 </ul> 239 <ul id="customer-not-login-menu"> 240 <li class="button"> 241 <a href="/account/login" class="btn-login">æå¡ç»å ¥</a> 242 </li> 243 <li class="button"> 244 <a href="/account/signup" class="btn-signin">è¨»åæ°æå¡</a> 245 </li> 246 </ul> 247 </div> 248 </div> 249 </li> 250 251 <!-- for money symbol --> 252 <div id="money-symbol" data-money-symbol="NT$-9527" hidden></div> 253 <!-- cart --> 254 255 <li class="cart"> 256 <!--é»è ¦ççè³¼ç©è»é¸å®--> 257 <div class="dropdown static"> 258 <a href="javascript:void(0)" data-toggle="dropdown" class="shopcart"> 259 <svg class="cart-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="32" viewBox="0 0 60 50"> 260 <path d="M53.651,6.955c-0.285-0.343-0.708-0.542-1.154-0.542H13.471L12.3,1.173 261 C12.147,0.487,11.539,0,10.836,0H1.5C0.671,0,0,0.671,0,1.5S0.672,3,1.5,3h8.134l6.593,29.503c0.153,0.686,0.762,1.173,1.464,1.173 262 h27.882c0.828,0,1.5-0.672,1.5-1.5s-0.672-1.5-1.5-1.5h-26.68l-0.336-1.503l30.61-1.59c0.691-0.036,1.269-0.541,1.396-1.222 263 l3.408-18.172C54.054,7.75,53.937,7.298,53.651,6.955z M47.832,24.648l-29.938,1.554l-3.752-16.79h36.547L47.832,24.648z"/> 264 <path d="M27.829,19.456h9.873c0.828,0,1.5-0.671,1.5-1.5s-0.672-1.5-1.5-1.5h-9.873 265 c-0.829,0-1.5,0.671-1.5,1.5S27,19.456,27.829,19.456z"/> 266 <path d="M22.174,36.563c-3.153,0-5.718,2.565-5.718,5.718S19.021,48,22.174,48s5.719-2.565,5.719-5.719 267 C27.893,39.129,25.328,36.563,22.174,36.563z M22.174,45c-1.499,0-2.718-1.22-2.718-2.719s1.219-2.718,2.718-2.718 268 s2.719,1.219,2.719,2.718S23.673,45,22.174,45z"/> 269 <path d="M44.456,36.563c-3.153,0-5.719,2.565-5.719,5.718S41.302,48,44.456,48s5.719-2.565,5.719-5.719 270 C50.175,39.129,47.609,36.563,44.456,36.563z M44.456,45c-1.499,0-2.719-1.22-2.719-2.719s1.22-2.718,2.719-2.718 271 s2.719,1.219,2.719,2.718S45.955,45,44.456,45z"/> 272 </svg>
273 <span class="global-cart-count" style="display: none;">0</span> 274 <span class="global-cart-loading"></span> 275 </a> 276 <div class="dropdown-menu" role="menu"> 277 <div class="cart_list global-cart-item-list custom-scrollbar"> 278 </div> 279 <div class="button"> 280 <a class="btn-checkout" href="/cart">ç«å³çµå¸³</a> 281 </div> 282 </div> 283 </div> 284 </li> 285 286 <!-- search --> 287 288 <li class="search"> 289 <div class="dropdown static"> 290 <a href="javascript:void(0)" data-toggle="dropdown"> 291 <svg class="saerch-svg" xmlns="http://www.w3.org/2000/svg" height="26" width="26" viewBox="0 0 50 50"> 292 <path d="M49.932,45.439l-9.987-9.987c-0.075-0.075-0.168-0.113-0.253-0.168 293 c2.773-3.688,4.419-8.269,4.419-13.229C44.111,9.894,34.217,0,22.056,0C9.894,0,0,9.894,0,22.055C0,34.217,9.894,44.11,22.055,44.11c6.15,0,11.718-2.533,15.722-6.607c0.019,0.021,0.026,0.049,0.046,0.07l9.987,9.987c0.294,0.294,0.678,0.44,1.062,0.44s0.768-0.146,1.061-0.439C50.518,46.975,50.518,46.025,49.932,45.439z M22.056,41.11c-10.507,0-19.055-8.548-19.055-19.055C3,11.548,11.549,3,22.056,3s19.055,8.548,19.055,19.055C41.111,32.562,32.563,41.11,22.056,41.11z"/> 294 </svg> 295 </a> 296 <div class="dropdown-menu" role="menu"> 297 <div class="search-area"> 298 <form action="/search" class="form-inline"> 299 <div class="form-area"> 300 <input class="form-control" type="search" placeholder="è«è¼¸å ¥ç¢åå" aria-label="Search" name="q" value=""> 301 <button class="btn-search" type="submit">æå°</button> 302 </div> 303 </form> 304 <a href="javascript:void(0)" class="close-dropdown"><i class="fa fas fa-times"></i></a> 305 </div> 306 </div> 307 </div> 308 </li> 309 310 </ul> 311</nav> 312 313 <!-- tool-nav end --> 314 </div> 315 </div> 316 </div> 317 <div class="header_nav"> 318 <div class="container text-center"> 319 <div class="relative"> 320 <!-- main-nav start --> 321 <nav class="main-nav"> 322 <ul class="link_shelf_top"> 323 324 325 <li> 326 <a href="/pages/history"> 327 <span class="text">è§å å·¥å» </span> 328 </a> 329 </li> 330 331 332 333 334 <!-- 顯示ä¸ç¶ --> 335 <li class="dropdown"> 336 337 <a href="javascript:void(0)" data-toggle="dropdown"> 338 <span class="text"> ååé¸è³¼</span> 339 </a> 340 341 <div class="dropdown-menu" role="menu" aria-labelledby=""> 342 <ul class="link_shelf_second"> 343 344 345 <li class="relative"> 346 <a href="/collections/shop_show_1_2"> 347 <span class="text">ï¼é»è±é¬æ²¹</span> 348 </a> 349 </li> 350 351 352 353 <li class="relative"> 354 <a href="/collections/shop_show_1_1"> 355 <span class="text">ï¼è±éº¥é¬æ²¹</span> 356 </a> 357 </li> 358 359 360 361 <li class="relative"> 362 <a href="/collections/ç¡æ·»å 款"> 363 <span class="text">ï¼ç¡æ·»å 款</span> 364 </a> 365 </li> 366 367 368 369 <li class="relative"> 370 <a href="/collections/shop_show_5"> 371 <span class="text">ï¼äºå ¥ç²¾è£</span> 372 </a> 373 </li> 374 375 376 377 <li class="relative"> 378 <a href="/collections/shop_show_2"> 379 <span class="text">ï¼ç²¾é¸ç¦®ç</span> 380 </a> 381 </li> 382 383 384 385 <li class="relative"> 386 <a href="/collections/shop_show_3">
387 <span class="text">ï¼ä½é¤é¬è</span> 388 </a> 389 </li> 390 391 392 393 <li class="relative"> 394 <a href="/collections/shop_show_4"> 395 <span class="text">ï¼é»è±é±é</span> 396 </a> 397 </li> 398 399 400 401 <li class="relative"> 402 <a href="/collections/shop_show_6"> 403 <span class="text">ï¼é±éå°ç©</span> 404 </a> 405 </li> 406 407 408 409 <li class="relative"> 410 <a href="/collections/æ¨å¤©è¯å"> 411 <span class="text">ï¼æ¨å¤©è¯å</span> 412 </a> 413 </li> 414 415 416 </ul> 417 </div> 418 </li> 419 420 <!-- linklist end --> 421 422 423 424 425 <!-- 顯示ä¸ç¶ --> 426 <li class="dropdown"> 427 428 <a href="javascript:void(0)" data-toggle="dropdown"> 429 <span class="text">製é¬å·¥æ³</span> 430 </a> 431 432 <div class="dropdown-menu" role="menu" aria-labelledby=""> 433 <ul class="link_shelf_second"> 434 435 436 <li class="relative"> 437 <a href="/pages/introduction_1"> 438 <span class="text">çæ¥é¬è</span> 439 </a> 440 </li> 441 442 443 444 <li class="relative"> 445 <a href="/blogs/introduction_2"> 446 <span class="text">鬿²¹ç¥è</span> 447 </a> 448 </li> 449 450 451 452 <li class="relative"> 453 <a href="/pages/introduction_3"> 454 <span class="text">æé¸æ¹å¼</span> 455 </a> 456 </li> 457 458 459 </ul> 460 </div> 461 </li> 462 463 <!-- linklist end --> 464 465 466 467 <li> 468 <a href="/blogs/gourmet"> 469 <span class="text">é¬é¦é£è</span> 470 </a> 471 </li> 472 473 474 475 476 <!-- 顯示ä¸ç¶ --> 477 <li class="dropdown"> 478 479 <a href="javascript:void(0)" data-toggle="dropdown"> 480 <span class="text">ç¾å¹´çæ¥</span> 481 </a> 482 483 <div class="dropdown-menu" role="menu" aria-labelledby=""> 484 <ul class="link_shelf_second"> 485 486 487 <li class="relative"> 488 <a href="/blogs/news"> 489 <span class="text">社æå ¬ç</span> 490 </a> 491 </li> 492 493 494 495 <li class="relative"> 496 <a href="/pages/about-us_2"> 497 <span class="text">æ·å²æ²¿é©</span> 498 </a> 499 </li> 500 501 502 503 <li class="relative"> 504 <a href="/pages/award"> 505 <span class="text">å¾çç´é</span> 506 </a> 507 </li> 508 509 510 511 <li class="relative"> 512 <a href="/blogs/about-us_3"> 513 <span class="text">åªé«å ±å°</span> 514 </a> 515 </li> 516 517 518 </ul> 519 </div> 520 </li> 521 522 <!-- linklist end --> 523 524 525 526 <li> 527 <a href="/contact">
528 <span class="text">è¯çµ¡æå</span> 529 </a> 530 </li> 531 532 533 </ul> 534</nav> 535 <!-- main-nav end --> 536 </div> 537 </div> 538 </div> 539 </div> 540 <div class="visible-md relative"> 541 <!-- mobile-nav start --> 542 <nav class="mobile-nav"> 543 <ul> 544 <li class="sidebar-menu-icon drawer-toggle"> 545 <svg class="menu-svg" xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 0 50 50"> 546 <path d="M51.529,3H1.5C0.672,3,0,2.329,0,1.5S0.672,0,1.5,0h50.029c0.828,0,1.5,0.671,1.5,1.5 547 S52.357,3,51.529,3z"/> 548 <path d="M51.529,24.023H1.5c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h50.029 549 c0.828,0,1.5,0.672,1.5,1.5S52.357,24.023,51.529,24.023z"/> 550 <path d="M29.101,45.046H1.5c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h27.601 551 c0.828,0,1.5,0.672,1.5,1.5S29.929,45.046,29.101,45.046z"/> 552 </svg> 553 </li> 554 555 <li class="logo"> 556 <a href="/" class="img-flex d-flex justify-content-start"> 557 <img src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561910_063eb981_navbar_logo.png?1630561910" height="50" width="auto" alt="logo"> 558 </a> 559 </li> 560 561 562 <li class="member"> 563 <a id="customer-phone-nav-icon" href="/account/login"> 564 <svg class="member-svg" xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 0 40 50"> 565 <path d="M26.133,22.686c3.417-2.192,5.692-6.016,5.692-10.368C31.825,5.526,26.299,0,19.507,0S7.188,5.526,7.188,12.318c0,4.352,2.275,8.176,5.692,10.368C5.381,25.098,0,31.457,0,38.926v1.627C0,44.659,3.716,48,8.283,48h22.448c4.567,0,8.283-3.341,8.283-7.447v-1.627C39.014,31.457,33.632,25.098,26.133,22.686z M10.188,12.318 C10.188,7.18,14.368,3,19.507,3s9.319,4.18,9.319,9.318c0,5.139-4.181,9.319-9.319,9.319S10.188,17.457,10.188,12.318zM36.014,40.553c0,2.452-2.37,4.447-5.283,4.447H8.283C5.37,45,3,43.005,3,40.553v-1.627c0-7.879,7.405-14.289,16.506-14.289c9.102,0,16.507,6.41,16.507,14.289L36.014,40.553L36.014,40.553z"/> 566 </svg> 567 </a> 568 </li> 569 570 571 <li class="cart"> 572 <a href="/cart"> 573 <svg class="cart-svg" xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 0 60 50"> 574 <path d="M53.651,6.955c-0.285-0.343-0.708-0.542-1.154-0.542H13.471L12.3,1.173 575 C12.147,0.487,11.539,0,10.836,0H1.5C0.671,0,0,0.671,0,1.5S0.672,3,1.5,3h8.134l6.593,29.503c0.153,0.686,0.762,1.173,1.464,1.173 576 h27.882c0.828,0,1.5-0.672,1.5-1.5s-0.672-1.5-1.5-1.5h-26.68l-0.336-1.503l30.61-1.59c0.691-0.036,1.269-0.541,1.396-1.222 577 l3.408-18.172C54.054,7.75,53.937,7.298,53.651,6.955z M47.832,24.648l-29.938,1.554l-3.752-16.79h36.547L47.832,24.648z"/> 578 <path d="M27.829,19.456h9.873c0.828,0,1.5-0.671,1.5-1.5s-0.672-1.5-1.5-1.5h-9.873 579 c-0.829,0-1.5,0.671-1.5,1.5S27,19.456,27.829,19.456z"/> 580 <path d="M22.174,36.563c-3.153,0-5.718,2.565-5.718,5.718S19.021,48,22.174,48s5.719-2.565,5.719-5.719 581 C27.893,39.129,25.328,36.563,22.174,36.563z M22.174,45c-1.499,0-2.718-1.22-2.718-2.719s1.219-2.718,2.718-2.718 582 s2.719,1.219,2.719,2.718S23.673,45,22.174,45z"/> 583 <path d="M44.456,36.563c-3.153,0-5.719,2.565-5.719,5.718S41.302,48,44.456,48s5.719-2.565,5.719-5.719 584 C50.175,39.129,47.609,36.563,44.456,36.563z M44.456,45c-1.499,0-2.719-1.22-2.719-2.719s1.22-2.718,2.719-2.718 585 s2.719,1.219,2.719,2.718S45.955,45,44.456,45z"/> 586 </svg> 587 <span class="number global-cart-count" style="display: none;">0</span> 588 </a> 589 </li> 590 591 592 <li class="search"> 593 <div class="dropdown static"> 594 <a href="javascript:void(0)" data-toggle="dropdown"> 595 <svg class="saerch-svg" xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 0 50 50"> 596 <path d="M49.932,45.439l-9.987-9.987c-0.075-0.075-0.168-0.113-0.253-0.168
597 c2.773-3.688,4.419-8.269,4.419-13.229C44.111,9.894,34.217,0,22.056,0C9.894,0,0,9.894,0,22.055C0,34.217,9.894,44.11,22.055,44.11c6.15,0,11.718-2.533,15.722-6.607c0.019,0.021,0.026,0.049,0.046,0.07l9.987,9.987c0.294,0.294,0.678,0.44,1.062,0.44s0.768-0.146,1.061-0.439C50.518,46.975,50.518,46.025,49.932,45.439z M22.056,41.11c-10.507,0-19.055-8.548-19.055-19.055C3,11.548,11.549,3,22.056,3s19.055,8.548,19.055,19.055C41.111,32.562,32.563,41.11,22.056,41.11z"/> 598 </svg> 599 </a> 600 <div class="dropdown-menu" role="menu"> 601 <div class="search-area"> 602 <form action="/search" class="form-inline"> 603 <div class="form-area"> 604 <input class="form-control" type="search" placeholder="è«è¼¸å ¥ç¢åå" aria-label="Search" name="q" value=""> 605 <button class="btn-search" type="submit">æå°</button> 606 </div> 607 </form> 608 <a href="javascript:void(0)" class="close-dropdown"><i class="fa fas fa-times"></i></a> 609 </div> 610 </div> 611 </div> 612 </li> 613 614 </ul> 615 </nav> 616 <!-- mobile-nav end --> 617 </div> 618 </header> 619 <!-- Sidebar --> 620 <nav class="drawer-nav" role="navigation"> 621 <div class="drawer-menu"> 622 <ul id="index_sidebar_shelf_top" class="sidebar"> 623 624 <li class="logo"> 625 <a href="/"> 626 <img src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561907_2d2321c5_slider_logo.png?1630561907" height="50" width="auto" alt="logo"> 627 </a> 628 <button class="drawer-toggle"></button> 629 </li> 630 631 632 633 634 635 <li><a href="/pages/history">è§å å·¥å» </a></li> 636 637 638 639 640 <li> 641 <button class="linklist bt-toggle collapsed " data-toggle="collapse" data-target=".collapse_index_sidebar_2" aria-expanded=" false "> 642 ååé¸è³¼ 643 </button> 644 <ul id="index_sidebar_shelf_second_2" class="collapse_index_sidebar_2 collapse shelf_second "> 645 646 647 648 <li><a href="/collections/shop_show_1_2">ï¼é»è±é¬æ²¹</a></li> 649 650 651 652 653 <li><a href="/collections/shop_show_1_1">ï¼è±éº¥é¬æ²¹</a></li> 654 655 656 657 658 <li><a href="/collections/ç¡æ·»å 款">ï¼ç¡æ·»å 款</a></li> 659 660 661 662 663 <li><a href="/collections/shop_show_5">ï¼äºå ¥ç²¾è£</a></li> 664 665 666 667 668 <li><a href="/collections/shop_show_2">ï¼ç²¾é¸ç¦®ç</a></li> 669 670 671 672 673 <li><a href="/collections/shop_show_3">ï¼ä½é¤é¬è</a></li> 674 675 676 677 678 <li><a href="/collections/shop_show_4">ï¼é»è±é±é</a></li> 679 680 681 682 683 <li><a href="/collections/shop_show_6">ï¼é±éå°ç©</a></li> 684 685 686 687 688 <li><a href="/collections/æ¨å¤©è¯å">ï¼æ¨å¤©è¯å</a></li> 689 690 691 </ul> 692 </li> 693 694 695 696 697 <li> 698 <button class="linklist bt-toggle collapsed " data-toggle="collapse" data-target=".collapse_index_sidebar_3" aria-expanded=" false "> 699 製é¬å·¥æ³ 700 </button> 701 <ul id="index_sidebar_shelf_second_3" class="collapse_index_sidebar_3 collapse shelf_second "> 702 703 704 705 <li><a href="/pages/introduction_1">çæ¥é¬è</a></li> 706 707 708 709 710 <li><a href="/blogs/introduction_2">鬿²¹ç¥è</a></li> 711 712 713 714 715 <li><a href="/pages/introduction_3">æé¸æ¹å¼</a></li> 716 717 718 </ul> 719 </li> 720 721 722 723 724 <li><a href="/blogs/gourmet">é¬é¦é£è</a></li> 725 726 727 728 729 <li> 730 <button class="linklist bt-toggle collapsed " data-toggle="collapse" data-target=".collapse_index_sidebar_5" aria-expanded=" false "> 731 ç¾å¹´çæ¥ 732 </button> 733 <ul id="index_sidebar_shelf_second_5" class="collapse_index_sidebar_5 collapse shelf_second "> 734 735 736 737 <li><a href="/blogs/news">社æå ¬ç</a></li> 738 739 740 741 742 <li><a href="/pages/about-us_2">æ·å²æ²¿é©</a></li> 743 744 745 746 747 <li><a href="/pages/award">å¾çç´é</a></li> 748 749 750 751 752 <li><a href="/blogs/about-us_3">åªé«å ±å°</a></li> 753 754 755 </ul> 756 </li> 757 758 759 760 761 <li><a href="/contact">è¯çµ¡æå</a></li> 762 763 764 765 766 <li> 767 <div class="customer-logined-menu" style="display: none"> 768 <a href="/account/logout" class="btn-logout">
769 <span>æå¡ç»åº</span> 770 <i class="fas fa-sign-out-alt"></i> 771 </a> 772 </div> 773 774 <div class="customer-not-login-menu"> 775 <a href="/account/login" class="btn-login"> 776 <span>ç»å ¥/註å</span> 777 <i class="fas fa-sign-in-alt"></i> 778 </a> 779 </div> 780 781 </li> 782 783</ul> 784
785<script> 786 $(document).ready(function(){ 787 // å´éé¸å® 788 if ($('.drawer').length){ 789 $('.drawer').drawer(); 790 $('.bt-toggle').click(function(){ 791 setTimeout(function(){ 792 $('.drawer').drawer('refresh') 793 },500) 794 }) 795 } 796 }); 797</script>
797 798 799 </div> 800 </nav> 801</span> 802 803<link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561911_f3b61e7b_navbar.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 804<link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/1630561910_a562a672_navbar.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 805 806 <!-- template --> 807 <div id="template" style="flex:1 0 auto;"> 808 <div id="index"> 809 810 <div id="main_slider"> 811 <div class="swiper-container main_slider"> 812 <div class="swiper-wrapper"> 813 814 815 816 817 818 819 820 821 822 <div class="swiper-slide"> 823 824 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669009028_c04b2986_main_slider_item_1_lg.jpg?1669009028" width="1920" title="" alt="" class="swiper-lazy hidden-md"> 825 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669009784_df62a93e_main_slider_item_1_md.jpg?1669009784" width="992" title="" alt="" class="swiper-lazy visible-md hidden-xs"> 826 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669009831_b1e700a6_main_slider_item_1_sm.jpg?1669009831" width="576" title="" alt="" class="swiper-lazy visible-xs"> 827 828 <div class="swiper-lazy-preloader"></div> 829 </div> 830 831 832 833 834 835 836 837 838 839 840 <div class="swiper-slide"> 841 842 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010352_c49f2569_main_slider_item_2_lg.jpg?1669010352" width="1920" title="" alt="" class="swiper-lazy hidden-md"> 843 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010349_e11e5e3b_main_slider_item_2_md.jpg?1669010349" width="992" title="" alt="" class="swiper-lazy visible-md hidden-xs"> 844 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010347_63814fcb_main_slider_item_2_sm.jpg?1669010347" width="576" title="" alt="" class="swiper-lazy visible-xs"> 845 846 <div class="swiper-lazy-preloader"></div> 847 </div> 848 849 850 851 852 853 854 855 856 857 858 <div class="swiper-slide"> 859 860 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010335_81f06e7b_main_slider_item_3_lg.jpg?1669010335" width="1920" title="" alt="" class="swiper-lazy hidden-md"> 861 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010331_bd76b5c6_main_slider_item_3_md.jpg?1669010331" width="992" title="" alt="" class="swiper-lazy visible-md hidden-xs"> 862 <img data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1669010323_ef91646f_main_slider_item_3_sm.jpg?1669010324" width="576" title="" alt="" class="swiper-lazy visible-xs"> 863 864 <div class="swiper-lazy-preloader"></div> 865 </div> 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 </div> 887 <div class="swiper-pagination main_slider_pagination"></div> 888 <div class="swiper-button-next main_slider_next"></div> 889 <div class="swiper-button-prev main_slider_prev"></div> 890 </div> 891</div> 892
893<script> 894 $(document).ready(function(){ 895 var myswiper = new Swiper('.swiper-container', { 896 preloadImages: false, 897 // Enable lazy loading 898 lazy: { 899 elementClass: "hidden-md", 900 }, 901 loop: true, 902 autoplay: { 903 delay: 3000, 904 }, 905 breakpoints: { 906 991: { 907 lazy: { 908 elementClass: "visible-md" 909 } 910 }, 911 575: { 912 lazy: { 913 elementClass: "visible-xs" 914 } 915 } 916 }, 917 pagination: { 918 el: '.swiper-pagination', 919 type: 'bullets', 920 clickable: true 921 }, 922 navigation: { 923 nextEl: '.swiper-button-next', 924 prevEl: '.swiper-button-prev', 925 } 926 }); 927 }) 928</script>
928 929 930 931 932 933 934 935 936 <div id="index_block"> 937 <div class="container"> 938 <div class="row"> 939 940 941 942 943 <div class="col-sm-4 col-12 item"> 944 <a href="https://rueichun.cyberbiz.co/pages/introduction_1"> 945 <img class="index_block_img img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="100" h="50" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561910_abc3864e_index_block_1.jpg?1630561910"> 946 </a> 947 </div> 948 949 950 951 952 <div class="col-sm-4 col-12 item"> 953 <a href="https://rueichun.cyberbiz.co/pages/history"> 954 <img class="index_block_img img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="100" h="50" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561908_b3fa7d21_index_block_2.jpg?1630561908"> 955 </a> 956 </div> 957 958 959 960 961 <div class="col-sm-4 col-12 item"> 962 <a href="https://rueichun.cyberbiz.co/pages/introduction_3"> 963 <img class="index_block_img img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="100" h="50" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561907_2d7a74be_index_block_3.jpg?1630561907"> 964 </a> 965 </div> 966 967 </div> 968 </div> 969 </div> 970 971 972 973 <div class="index_banner"> 974 <div class="container"> 975 <div class="row"> 976 977 978 979 980 981 </div> 982 </div> 983</div> 984 985 986 <div class="index_banner"> 987 <div class="container"> 988 <div class="row"> 989 990 991 992 993 994 <div class="col-12 item"> 995 996 <img class="index_banner_img img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="100" height="30" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1770884515_bd0ca739_banner_item_2.jpg?1770884516"> 997 998 </div> 999 1000 </div> 1001 </div> 1002</div> 1003 1004 1005 <div class="index_banner"> 1006 <div class="container"> 1007 <div class="row"> 1008 1009 1010 1011 1012 1013 <div class="col-12 item"> 1014 <a href="https://www.rueichun.com.tw/products/%E9%86%AC%E7%87%92%E6%96%B9%E5%A1%8A%E9%85%A5"> 1015 <img class="index_banner_img img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="100" height="30" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1770884523_28564e1c_banner_item_3.jpg?1770884523"> 1016 </a> 1017 </div> 1018 1019 </div> 1020 </div> 1021</div> 1022 1023 1024 1025 <div id="product_item_11875" class="product_item"> 1026 <div class="container GTM-area"> 1027 <div class="product_item_header d-flex justify-content-between align-items-center"> 1028 <div class="item_title">ç±è³£åå</div> 1029 <div class="item_content"> 1030 <span>ç±è³£æ¨è¦ TOP SALE RECOMMENDED</span> 1031 <a href="/collections/selling" class="btn">æ´å¤</a> 1032 </div> 1033 </div> 1034 <hr> 1035 <div class="row"> 1036 1037 1038 1039 <div class="col-lg-3 col-sm-4 col-6 item"> 1040 <div class="product"> 1041 <div class="product_image"> 1042 <a class="productClick img-flex GTM-info" 1043 href="/products/b01" 1044 data-brand="" 1045 data-category="é¬è" 1046 data-collection_id="" 1047 data-id="30668770" 1048 data-list="" 1049 data-name="é»è±èè±è±" 1050 data-position="1" 1051 data-price="100.0"> 1052 <img class="img-lazy" 1053 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1054 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNjY4NzcwLzE2NTcyNDYyNzZfMDNmNzU0MzA4MmMwMGMzNTA1NjUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=4d9173518dd43918" 1055 alt="product_image" 1056 width="250" 1057 height="250"> 1058 <div class="swiper-lazy-preloader-white"></div> 1059 </a> 1060 </div> 1061 1062 <div class="product_title"> 1063 é»è±èè±è± 1064 </div> 1065 1066 <div class="product_price">NT$100</div> 1067
1068 <div class="product_btn"> 1069 1070 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1071 data-brand="" 1072 data-handle="b01" 1073 data-collection="11875" 1074 data-category="é¬è" 1075 data-collection_id="" 1076 data-id="30668770" 1077 data-list="" 1078 data-name="é»è±èè±è±" 1079 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNjY4NzcwLzE2NTcyNDYyNzZfMDNmNzU0MzA4MmMwMGMzNTA1NjUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=4d9173518dd43918" 1080 data-price="100.0" 1081 data-position="1" 1082 data-spread-size="32660712,B01,100.0,94,100.0,deny,100.0,å®ç¶,é»è±èè±è± - å®ç¶,cyberbiz," 1083 data-cid="11875" 1084 data-cname="ShopContext::Collection::Domains::SmartCollection" 1085 data-sku="B01"> 1086 <i class="fas fa-shopping-cart"></i> 1087 <span class="text">å å ¥è³¼ç©è»</span> 1088 </button> 1089 1090 </div> 1091 1092 </div> 1093 </div> 1094 1095 1096 <div class="col-lg-3 col-sm-4 col-6 item"> 1097 <div class="product"> 1098 <div class="product_image"> 1099 <a class="productClick img-flex GTM-info" 1100 href="/products/b06" 1101 data-brand="" 1102 data-category="é¬è" 1103 data-collection_id="" 1104 data-id="30668761" 1105 data-list="" 1106 data-name="æ£èç" 1107 data-position="2" 1108 data-price="110.0"> 1109 <img class="img-lazy" 1110 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1111 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNjY4NzYxLzE2NTc1MTY1NjhfOTIwN2M3NmUyOWI5ZGRhNjI4MzYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=7339d938639244b9" 1112 alt="product_image" 1113 width="250" 1114 height="250"> 1115 <div class="swiper-lazy-preloader-white"></div> 1116 </a> 1117 </div> 1118 1119 <div class="product_title"> 1120 æ£èç 1121 </div> 1122 1123 <div class="product_price">NT$110</div> 1124 1125 <div class="product_btn"> 1126 1127 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1128 data-brand="" 1129 data-handle="b06" 1130 data-collection="11875" 1131 data-category="é¬è" 1132 data-collection_id="" 1133 data-id="30668761" 1134 data-list="" 1135 data-name="æ£èç" 1136 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNjY4NzYxLzE2NTc1MTY1NjhfOTIwN2M3NmUyOWI5ZGRhNjI4MzYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=7339d938639244b9" 1137 data-price="110.0" 1138 data-position="2" 1139 data-spread-size="32660699,B06-L,110.0,,110.0,deny,100.0,å®ç¶,æ£èç - å®ç¶,," 1140 data-cid="11875" 1141 data-cname="ShopContext::Collection::Domains::SmartCollection" 1142 data-sku="B06-L"> 1143 <i class="fas fa-shopping-cart"></i> 1144 <span class="text">å å ¥è³¼ç©è»</span> 1145 </button> 1146 1147 </div> 1148 1149 </div> 1150 </div> 1151 1152 1153 <div class="col-lg-3 col-sm-4 col-6 item"> 1154 <div class="product"> 1155 <div class="product_image"> 1156 <a class="productClick img-flex GTM-info" 1157 href="/products/a10" 1158 data-brand="" 1159 data-category="鬿²¹è" 1160 data-collection_id="" 1161 data-id="30543983" 1162 data-list="" 1163 data-name="èç´æ£èæ²¹" 1164 data-position="3" 1165 data-price="120.0"> 1166 <img class="img-lazy" 1167 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1168 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzOTgzLzE2NjgxMjg5NTlfODEyM2UwN2VlZjVhODFjNTEzY2YuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b381c5f51ff7bf23" 1169 alt="product_image" 1170 width="250" 1171 height="250"> 1172 <div class="swiper-lazy-preloader-white"></div> 1173 </a> 1174 </div> 1175 1176 <div class="product_title"> 1177 èç´æ£èæ²¹ 1178 </div> 1179 1180 <div class="product_price">NT$120</div> 1181
1182 <div class="product_btn"> 1183 1184 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1185 data-brand="" 1186 data-handle="a10" 1187 data-collection="11875" 1188 data-category="鬿²¹è" 1189 data-collection_id="" 1190 data-id="30543983" 1191 data-list="" 1192 data-name="èç´æ£èæ²¹" 1193 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzOTgzLzE2NjgxMjg5NTlfODEyM2UwN2VlZjVhODFjNTEzY2YuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b381c5f51ff7bf23" 1194 data-price="120.0" 1195 data-position="3" 1196 data-spread-size="32483017,A10-01,120.0,,120.0,continue,100.0,å®ç¶,èç´æ£èæ²¹ - å®ç¶,cyberbiz,|32483018,A10-06,670.0,,720.0,continue,100.0,6ç¶è£,èç´æ£èæ²¹ - 6ç¶è£,cyberbiz,|32483019,A10-12,1298.0,,144.0,continue,100.0,12ç¶è£,èç´æ£èæ²¹ - 12ç¶è£,cyberbiz," 1197 data-cid="11875" 1198 data-cname="ShopContext::Collection::Domains::SmartCollection" 1199 data-sku="A10-01"> 1200 <i class="fas fa-shopping-cart"></i> 1201 <span class="text">å å ¥è³¼ç©è»</span> 1202 </button> 1203 1204 </div> 1205 1206 </div> 1207 </div> 1208 1209 1210 <div class="col-lg-3 col-sm-4 col-6 item"> 1211 <div class="product"> 1212 <div class="product_image"> 1213 <a class="productClick img-flex GTM-info" 1214 href="/products/a11" 1215 data-brand="" 1216 data-category="鬿²¹" 1217 data-collection_id="" 1218 data-id="30375747" 1219 data-list="" 1220 data-name="èç´æ¸ æ²¹" 1221 data-position="4" 1222 data-price="120.0"> 1223 <img class="img-lazy" 1224 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1225 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzQ3LzE2NjgxMjkxMThfNmE4Yjk0NjY5ZjJjMGM0MmUwZmEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=537618307f78a657" 1226 alt="product_image" 1227 width="250" 1228 height="250"> 1229 <div class="swiper-lazy-preloader-white"></div> 1230 </a> 1231 </div> 1232 1233 <div class="product_title"> 1234 èç´æ¸ æ²¹ 1235 </div> 1236 1237 <div class="product_price">NT$120</div> 1238 1239 <div class="product_btn"> 1240 1241 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1242 data-brand="" 1243 data-handle="a11" 1244 data-collection="11875" 1245 data-category="鬿²¹" 1246 data-collection_id="" 1247 data-id="30375747" 1248 data-list="" 1249 data-name="èç´æ¸ æ²¹" 1250 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzQ3LzE2NjgxMjkxMThfNmE4Yjk0NjY5ZjJjMGM0MmUwZmEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=537618307f78a657" 1251 data-price="120.0" 1252 data-position="4" 1253 data-spread-size="32263191,A11-01,120.0,,120.0,deny,100.0,å®ç¶,èç´æ¸ æ²¹ - å®ç¶,,|32263192,A11-06,670.0,,720.0,deny,100.0,6ç¶è£,èç´æ¸ æ²¹ - 6ç¶è£,,|32263193,A11-12,1298.0,,1440.0,deny,100.0,12ç¶è£,èç´æ¸ æ²¹ - 12ç¶è£,," 1254 data-cid="11875" 1255 data-cname="ShopContext::Collection::Domains::SmartCollection" 1256 data-sku="A11-01"> 1257 <i class="fas fa-shopping-cart"></i> 1258 <span class="text">å å ¥è³¼ç©è»</span> 1259 </button> 1260 1261 </div> 1262 1263 </div> 1264 </div> 1265 1266 1267 <div class="col-lg-3 col-sm-4 col-6 item"> 1268 <div class="product"> 1269 <div class="product_image"> 1270 <a class="productClick img-flex GTM-info" 1271 href="/products/b05" 1272 data-brand="" 1273 data-category="é¬è" 1274 data-collection_id="" 1275 data-id="30544038" 1276 data-list="" 1277 data-name="ç´ çä»è" 1278 data-position="5" 1279 data-price="140.0"> 1280 <img class="img-lazy" 1281 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1282 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQ0MDM4LzE2NTcyNjkwNjZfYzZjMjZhMmZkNmE1NTU4M2JhNWQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=9fb99fc736d95345" 1283 alt="product_image" 1284 width="250" 1285 height="250"> 1286 <div class="swiper-lazy-preloader-white"></div> 1287 </a> 1288 </div> 1289 1290 <div class="product_title"> 1291 ç´ çä»è 1292 </div> 1293 1294 <div class="product_price">NT$140</div> 1295
1296 <div class="product_btn"> 1297 1298 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1299 data-brand="" 1300 data-handle="b05" 1301 data-collection="11875" 1302 data-category="é¬è" 1303 data-collection_id="" 1304 data-id="30544038" 1305 data-list="" 1306 data-name="ç´ çä»è" 1307 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQ0MDM4LzE2NTcyNjkwNjZfYzZjMjZhMmZkNmE1NTU4M2JhNWQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=9fb99fc736d95345" 1308 data-price="140.0" 1309 data-position="5" 1310 data-spread-size="32483191,B05-L,140.0,100,,deny,100.0,å®ç¶,ç´ çä»è - å®ç¶,cyberbiz," 1311 data-cid="11875" 1312 data-cname="ShopContext::Collection::Domains::SmartCollection" 1313 data-sku="B05-L"> 1314 <i class="fas fa-shopping-cart"></i> 1315 <span class="text">å å ¥è³¼ç©è»</span> 1316 </button> 1317 1318 </div> 1319 1320 </div> 1321 </div> 1322 1323 1324 <div class="col-lg-3 col-sm-4 col-6 item"> 1325 <div class="product"> 1326 <div class="product_image"> 1327 <a class="productClick img-flex GTM-info" 1328 href="/products/a09" 1329 data-brand="" 1330 data-category="鬿²¹" 1331 data-collection_id="" 1332 data-id="30375736" 1333 data-list="" 1334 data-name="èç´æ¸ æ²¹" 1335 data-position="6" 1336 data-price="180.0"> 1337 <img class="img-lazy" 1338 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1339 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzM2LzE2NjgwNjcwNDFfN2Y5ODhjOTVlOGE1OTQ3OTUxN2UuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d447eadb6af1b387" 1340 alt="product_image" 1341 width="250" 1342 height="250"> 1343 <div class="swiper-lazy-preloader-white"></div> 1344 </a> 1345 </div> 1346 1347 <div class="product_title"> 1348 èç´æ¸ æ²¹ 1349 </div> 1350 1351 <div class="product_price">NT$180</div> 1352 1353 <div class="product_btn"> 1354 1355 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1356 data-brand="" 1357 data-handle="a09" 1358 data-collection="11875" 1359 data-category="鬿²¹" 1360 data-collection_id="" 1361 data-id="30375736" 1362 data-list="" 1363 data-name="èç´æ¸ æ²¹" 1364 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzM2LzE2NjgwNjcwNDFfN2Y5ODhjOTVlOGE1OTQ3OTUxN2UuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d447eadb6af1b387" 1365 data-price="180.0" 1366 data-position="6" 1367 data-spread-size="32263142,A09-01,180.0,6,180.0,deny,100.0,å®ç¶,èç´æ¸ æ²¹ - å®ç¶,cyberbiz,|32263160,A09-06,1010.0,47,1080.0,deny,100.0,6ç¶è£,èç´æ¸ æ²¹ - 6ç¶è£,cyberbiz,|32263158,A09-12,1925.0,23,2160.0,deny,100.0,12ç¶è£,èç´æ¸ æ²¹ - 12ç¶è£,cyberbiz," 1368 data-cid="11875" 1369 data-cname="ShopContext::Collection::Domains::SmartCollection" 1370 data-sku="A09-01"> 1371 <i class="fas fa-shopping-cart"></i> 1372 <span class="text">å å ¥è³¼ç©è»</span> 1373 </button> 1374 1375 </div> 1376 1377 </div> 1378 </div> 1379 1380 1381 <div class="col-lg-3 col-sm-4 col-6 item"> 1382 <div class="product"> 1383 <div class="product_image"> 1384 <a class="productClick img-flex GTM-info" 1385 href="/products/a08" 1386 data-brand="" 1387 data-category="鬿²¹è" 1388 data-collection_id="" 1389 data-id="30375748" 1390 data-list="" 1391 data-name="èç´æ£èæ²¹" 1392 data-position="7" 1393 data-price="180.0"> 1394 <img class="img-lazy" 1395 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1396 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzQ4LzE2NjgwNjY4NjdfN2ZjMzk2NjdmNDU2ODMzYzc3YTkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=1180ba8439cebdce" 1397 alt="product_image" 1398 width="250" 1399 height="250"> 1400 <div class="swiper-lazy-preloader-white"></div> 1401 </a> 1402 </div> 1403 1404 <div class="product_title"> 1405 èç´æ£èæ²¹ 1406 </div> 1407 1408 <div class="product_price">NT$180</div> 1409
1410 <div class="product_btn"> 1411 1412 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1413 data-brand="" 1414 data-handle="a08" 1415 data-collection="11875" 1416 data-category="鬿²¹è" 1417 data-collection_id="" 1418 data-id="30375748" 1419 data-list="" 1420 data-name="èç´æ£èæ²¹" 1421 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwMzc1NzQ4LzE2NjgwNjY4NjdfN2ZjMzk2NjdmNDU2ODMzYzc3YTkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=1180ba8439cebdce" 1422 data-price="180.0" 1423 data-position="7" 1424 data-spread-size="32263194,A08-01,180.0,,180.0,deny,100.0,å®ç¶,èç´æ£èæ²¹ - å®ç¶,,|32263195,A08-06,1010.0,,1080.0,deny,100.0,6ç¶è£,èç´æ£èæ²¹ - 6ç¶è£,,|32263196,A08-12,1925.0,,2160.0,deny,100.0,12ç¶è£,èç´æ£èæ²¹ - 12ç¶è£,," 1425 data-cid="11875" 1426 data-cname="ShopContext::Collection::Domains::SmartCollection" 1427 data-sku="A08-01"> 1428 <i class="fas fa-shopping-cart"></i> 1429 <span class="text">å å ¥è³¼ç©è»</span> 1430 </button> 1431 1432 </div> 1433 1434 </div> 1435 </div> 1436 1437 1438 <div class="col-lg-3 col-sm-4 col-6 item"> 1439 <div class="product"> 1440 <div class="product_image"> 1441 <a class="productClick img-flex GTM-info" 1442 href="/products/c07-1" 1443 data-brand="" 1444 data-category="ç²¾è£" 1445 data-collection_id="" 1446 data-id="30716781" 1447 data-list="" 1448 data-name="ç«¹ç´æ£è油精è£" 1449 data-position="8" 1450 data-price="220.0"> 1451 <img class="img-lazy" 1452 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1453 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzE2NzgxLzE2NjgxMzA5MDlfNThjYjY3MzI4MWYzYmQ2MGVhNWIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a3e6c6f6edd8ad64" 1454 alt="product_image" 1455 width="250" 1456 height="250"> 1457 <div class="swiper-lazy-preloader-white"></div> 1458 </a> 1459 </div> 1460 1461 <div class="product_title"> 1462 ç«¹ç´æ£èæ²¹ç²¾è£ 1463 </div> 1464 1465 <div class="product_price">NT$220</div> 1466 1467 <div class="product_btn"> 1468 1469 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1470 data-brand="" 1471 data-handle="c07-1" 1472 data-collection="11875" 1473 data-category="ç²¾è£" 1474 data-collection_id="" 1475 data-id="30716781" 1476 data-list="" 1477 data-name="ç«¹ç´æ£è油精è£" 1478 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzE2NzgxLzE2NjgxMzA5MDlfNThjYjY3MzI4MWYzYmQ2MGVhNWIuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a3e6c6f6edd8ad64" 1479 data-price="220.0" 1480 data-position="8" 1481 data-spread-size="32726149,C13-1,220.0,,220.0,deny,100.0,å®çµ,ç«¹ç´æ£èæ²¹ç²¾è£ - å®çµ,,|32726150,C13-3,610.0,,660.0,deny,100.0,ä¸çµ,ç«¹ç´æ£èæ²¹ç²¾è£ - ä¸çµ,,|32726151,C13-6,1170.0,,1320.0,deny,100.0,å çµ,ç«¹ç´æ£èæ²¹ç²¾è£ - å çµ,," 1482 data-cid="11875" 1483 data-cname="ShopContext::Collection::Domains::SmartCollection" 1484 data-sku="C13-1"> 1485 <i class="fas fa-shopping-cart"></i> 1486 <span class="text">å å ¥è³¼ç©è»</span> 1487 </button> 1488 1489 </div> 1490 1491 </div> 1492 </div> 1493 1494 1495 <div class="col-lg-3 col-sm-4 col-6 item"> 1496 <div class="product"> 1497 <div class="product_image"> 1498 <a class="productClick img-flex GTM-info" 1499 href="/products/c06-3" 1500 data-brand="" 1501 data-category="ç²¾è£" 1502 data-collection_id="" 1503 data-id="30716717" 1504 data-list="" 1505 data-name="èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£" 1506 data-position="9" 1507 data-price="260.0"> 1508 <img class="img-lazy" 1509 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1510 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzE2NzE3LzE2NjgxMzA2
1510NzBfZDU5MDIxMzkyMGFlZjBjYjMxMzMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=986abf2f076bf1e0" 1511 alt="product_image" 1512 width="250" 1513 height="250"> 1514 <div class="swiper-lazy-preloader-white"></div> 1515 </a> 1516 </div> 1517 1518 <div class="product_title"> 1519 èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ 1520 </div> 1521 1522 <div class="product_price">NT$260</div> 1523 1524 <div class="product_btn"> 1525 1526 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1527 data-brand="" 1528 data-handle="c06-3" 1529 data-collection="11875" 1530 data-category="ç²¾è£" 1531 data-collection_id="" 1532 data-id="30716717" 1533 data-list="" 1534 data-name="èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£" 1535 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzE2NzE3LzE2NjgxMzA2NzBfZDU5MDIxMzkyMGFlZjBjYjMxMzMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=986abf2f076bf1e0" 1536 data-price="260.0" 1537 data-position="9" 1538 data-spread-size="32726029,C10-1,260.0,,260.0,deny,100.0,èæ²¹è-2ç¶ / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / å®ãçµ,cyberbiz,|32954121,C11-1,260.0,,260.0,deny,100.0,æ¸ æ²¹-2ç¶ / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / å®ãçµ,cyberbiz,|32726027,C12-1,260.0,,260.0,deny,100.0,æ¸ æ²¹+èæ²¹è / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / å®ãçµ,cyberbiz,|33179226,C10-3,720.0,,780.0,deny,100.0,èæ²¹è-2ç¶ / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / ä¸ãçµ,cyberbiz,|33179225,C11-3,720.0,,780.0,deny,100.0,æ¸ æ²¹-2ç¶ / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / ä¸ãçµ,cyberbiz,|33179224,C12-3,720.0,,780.0,deny,100.0,æ¸ æ²¹+èæ²¹è / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / ä¸ãçµ,cyberbiz,|33179229,C10-6,1390.0,,1560.0,deny,100.0,èæ²¹è-2ç¶ / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / å ãçµ,cyberbiz,|33179228,C11-6,1390.0,,1560.0,deny,100.0,æ¸ æ²¹-2ç¶ / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / å ãçµ,cyberbiz,|33179227,C12-6,1390.0,,1560.0,deny,100.0,æ¸ æ²¹+èæ²¹è / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / å ãçµ,cyberbiz," 1539 data-cid="11875" 1540 data-cname="ShopContext::Collection::Domains::SmartCollection" 1541 data-sku="C10-1"> 1542 <i class="fas fa-shopping-cart"></i> 1543 <span class="text">å å ¥è³¼ç©è»</span> 1544 </button> 1545 1546 </div> 1547 1548 </div> 1549 </div> 1550 1551 1552 <div class="col-lg-3 col-sm-4 col-6 item"> 1553 <div class="product"> 1554 <div class="product_image"> 1555 <a class="productClick img-flex GTM-info" 1556 href="/products/a07" 1557 data-brand="" 1558 data-category="鬿²¹è" 1559 data-collection_id="" 1560 data-id="30543848" 1561 data-list="" 1562 data-name="æ¢ ç´æ£èæ²¹" 1563 data-position="10" 1564 data-price="270.0"> 1565 <img class="img-lazy" 1566 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1567 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzODQ4LzE2NjgwNjY2NDVfODMyY2M4ZDIxZGJkMzFiOTNjYWMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=48051a4593c9ad10" 1568 alt="product_image" 1569 width="250" 1570 height="250"> 1571 <div class="swiper-lazy-preloader-white"></div> 1572 </a> 1573 </div> 1574 1575 <div class="product_title"> 1576 æ¢ ç´æ£èæ²¹ 1577 </div> 1578 1579 <div class="product_price">NT$270</div> 1580
1581 <div class="product_btn"> 1582 1583 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1584 data-brand="" 1585 data-handle="a07" 1586 data-collection="11875" 1587 data-category="鬿²¹è" 1588 data-collection_id="" 1589 data-id="30543848" 1590 data-list="" 1591 data-name="æ¢ ç´æ£èæ²¹" 1592 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzODQ4LzE2NjgwNjY2NDVfODMyY2M4ZDIxZGJkMzFiOTNjYWMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=48051a4593c9ad10" 1593 data-price="270.0" 1594 data-position="10" 1595 data-spread-size="32482498,A07-01,270.0,,270.0,deny,100.0,å®ç¶,æ¢ ç´æ£èæ²¹ - å®ç¶,,0|32482499,A07-06,1460.0,,1620.0,deny,100.0,6ç¶è£,æ¢ ç´æ£èæ²¹ - 6ç¶è£,,0|32482500,A07-12,2885.0,,3240.0,deny,100.0,12ç¶è£,æ¢ ç´æ£èæ²¹ - 12ç¶è£,,0" 1596 data-cid="11875" 1597 data-cname="ShopContext::Collection::Domains::SmartCollection" 1598 data-sku="A07-01"> 1599 <i class="fas fa-shopping-cart"></i> 1600 <span class="text">å å ¥è³¼ç©è»</span> 1601 </button> 1602 1603 </div> 1604 1605 </div> 1606 </div> 1607 1608 1609 <div class="col-lg-3 col-sm-4 col-6 item"> 1610 <div class="product"> 1611 <div class="product_image"> 1612 <a class="productClick img-flex GTM-info" 1613 href="/products/c05-20200629173820" 1614 data-brand="" 1615 data-category="ç²¾è£" 1616 data-collection_id="" 1617 data-id="30705519" 1618 data-list="" 1619 data-name="èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£" 1620 data-position="11" 1621 data-price="380.0"> 1622 <img class="img-lazy" 1623 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1624 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzA1NTE5LzE2NjgxMzA1NDFfNjk0YzQ2NGJmYWViMGFiYzFjN2IuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b28fba3d4c5bf078" 1625 alt="product_image" 1626 width="250" 1627 height="250"> 1628 <div class="swiper-lazy-preloader-white"></div> 1629 </a> 1630 </div> 1631 1632 <div class="product_title"> 1633 èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ 1634 </div> 1635 1636 <div class="product_price">NT$380</div> 1637 1638 <div class="product_btn"> 1639 1640 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1641 data-brand="" 1642 data-handle="c05-20200629173820" 1643 data-collection="11875" 1644 data-category="ç²¾è£" 1645 data-collection_id="" 1646 data-id="30705519" 1647 data-list="" 1648 data-name="èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£" 1649 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNzA1NTE5LzE2NjgxMzA1NDFfNjk0YzQ2NGJmYWViMGFiYzFjN2IuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b28fba3d4c5bf078" 1650 data-price="380.0" 1651 data-position="11" 1652 data-spread-size="32711489,C07-1,380.0,,380.0,deny,100.0,èæ²¹è-2ç¶ / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / å®ãçµ,cyberbiz,0|32711488,C08-1,380.0,100,380.0,deny,100.0,æ¸ æ²¹-2ç¶ / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / å®ãçµ,cyberbiz,|32711487,C09-1,380.0,98,380.0,deny,100.0,æ¸ æ²¹+èæ²¹è / å®ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / å®ãçµ,cyberbiz,0|33182678,C07-3,1055.0,100,1140.0,deny,100.0,èæ²¹è-2ç¶ / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / ä¸ãçµ,cyberbiz,0|33182677,C08-3,1055.0,99,1140.0,deny,100.0,æ¸ æ²¹-2ç¶ / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / ä¸ãçµ,cyberbiz,|33182676,C09-3,1055.0,97,1140.0,deny,100.0,æ¸ æ²¹+èæ²¹è / ä¸ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / ä¸ãçµ,cyberbiz,0|33182681,C07-6,2020.0,98,2280.0,deny,100.0,èæ²¹è-2ç¶ / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - èæ²¹è-2ç¶ / å ãçµ,cyberbiz,0|33182680,C08-6,2020.0,100,2280.0,deny,100.0,æ¸ æ²¹-2ç¶ / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹-2ç¶ / å ãçµ,cyberbiz,|33182679,C09-6,2020.0,97,2280.0,deny,100.0,æ¸ æ²¹+èæ²¹è / å ãçµ,èç´æ£èæ²¹/æ¸ æ²¹ç²¾è£ - æ¸ æ²¹+èæ²¹è / å ãçµ,cyberbiz,0" 1653 data-cid="11875" 1654 data-cname="ShopContext::Collection::Domains::SmartCollection" 1655 data-sku="C07-1"> 1656 <i class="fas fa-shopping-cart"></i>
1657 <span class="text">å å ¥è³¼ç©è»</span> 1658 </button> 1659 1660 </div> 1661 1662 </div> 1663 </div> 1664 1665 1666 <div class="col-lg-3 col-sm-4 col-6 item"> 1667 <div class="product"> 1668 <div class="product_image"> 1669 <a class="productClick img-flex GTM-info" 1670 href="/products/a02" 1671 data-brand="" 1672 data-category="鬿²¹" 1673 data-collection_id="" 1674 data-id="30543753" 1675 data-list="" 1676 data-name="峿¿ééå£ºåºæ²¹" 1677 data-position="12" 1678 data-price="600.0"> 1679 <img class="img-lazy" 1680 src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" 1681 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzNzUzLzE2Njc1NDE4NTFfYWIyZDZlNjhjNzk2ZWUyYTM4OTguanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b971ac51212140dd" 1682 alt="product_image" 1683 width="250" 1684 height="250"> 1685 <div class="swiper-lazy-preloader-white"></div> 1686 </a> 1687 </div> 1688 1689 <div class="product_title"> 1690 峿¿ééå£ºåºæ²¹ 1691 </div> 1692 1693 <div class="product_price">NT$600</div> 1694 1695 <div class="product_btn"> 1696 1697 <button type="button" class="btn btn-cart" data-toggle="modal" data-target="#addcart-Modal" 1698 data-brand="" 1699 data-handle="a02" 1700 data-collection="11875" 1701 data-category="鬿²¹" 1702 data-collection_id="" 1703 data-id="30543753" 1704 data-list="" 1705 data-name="峿¿ééå£ºåºæ²¹" 1706 data-photo="//cdn1-next.cybassets.com/media/W1siZiIsIjE0Mzk0L3Byb2R1Y3RzLzMwNTQzNzUzLzE2Njc1NDE4NTFfYWIyZDZlNjhjNzk2ZWUyYTM4OTguanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=b971ac51212140dd" 1707 data-price="600.0" 1708 data-position="12" 1709 data-spread-size="32482226,A02,600.0,,600.0,continue,100.0,å®ç¶,峿¿ééå£ºåºæ²¹ - å®ç¶,cyberbiz," 1710 data-cid="11875" 1711 data-cname="ShopContext::Collection::Domains::SmartCollection" 1712 data-sku="A02"> 1713 <i class="fas fa-shopping-cart"></i> 1714 <span class="text">å å ¥è³¼ç©è»</span> 1715 </button> 1716 1717 </div> 1718 1719 </div> 1720 </div> 1721 1722 </div> 1723 </div> 1724</div> 1725 1726 1727 1728 1729 1730 <div class="index_banner"> 1731 <div class="container"> 1732 <div class="row"> 1733 1734 1735 1736 1737 1738 </div> 1739 </div> 1740</div> 1741 1742 1743 1744 1745 1746 1747 <div id="index_video_block"> 1748 <div class="container"> 1749 <div class="row"> 1750 <div class="col-sm-6 item"> 1751 <div class="product_item"> 1752 <div class="product_item_header d-flex justify-content-between align-items-center"> 1753 <div class="item_title">çæ¥æ·å²</div> 1754 <div class="item_content"> 1755 <span>ç¾å¹´æ äº COMPANY HISTORY</span> 1756 </div> 1757 </div> 1758 <hr> 1759 <div class="embed-responsive embed-responsive-16by9"> 1760 <a href="https://rueichun.cyberbiz.co/pages/about-us_2" class="btn"> 1761 <img class="video_item_cover img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="600" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561910_64f9477d_video_item_cover.jpg?1630561910"> 1762 </a> 1763 </div> 1764 </div> 1765 </div> 1766 <div class="col-sm-6 item"> 1767 <div class="product_item"> 1768 <div class="product_item_header"> 1769 <div class="item_title">åªé«å ±å°</div> 1770 </div> 1771 <hr> 1772 1773 <div class="embed-responsive embed-responsive-16by9"> 1774 <iframe class="img-lazy" width="545" height="320.5" data-src="https://www.youtube.com/embed/EYL0VFSto6E" frameborder="0" allowfullscreen></iframe> 1775 </div> 1776 </div> 1777 </div> 1778 </div> 1779 </div> 1780</div> 1781 1782 1783 1784 <div class="full_banner"> 1785 1786 1787 1788 1789 1790</div> 1791 1792 1793 1794 <div id="index_square_block"> 1795 <div class="square_block_title"> 1796 <h1>餿¡å¥½å³</h1> 1797 </div> 1798 <div class="container"> 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 <div class="row"> 1811 <div class="col-sm-6 col-12 item"> 1812 <a href="https://rueichun.cyberbiz.co/blogs/gourmet"> 1813 <img class="img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="300" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561908_540db0b9_square_top_banner.jpg?1630561908"> 1814 </a> 1815 </div> 1816 <div class="col-sm-3 col-6 item"> 1817 <a href="https://rueichun.cyberbiz.co/collections/shop_show_3"> 1818 <img class="img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="300" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561908_1fd0d956_square_top_block_1.jpg?1630561908"> 1819 </a> 1820 </div> 1821 <div class="col-sm-3 col-6 item"> 1822 <a href="https://rueichun.cyberbiz.co/collections/shop_show_3"> 1823 <img class="img-lazy" src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561909_b4e1dbe5_img_loading.svg?1630561909" width="300" data-src="//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/img/1630561908_005e687b_square_top_block_2.jpg?1630561909"> 1824 </a> 1825 </div> 1826 </div> 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 </div> 1840 </div> 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/1630561913_c05189fd_index.css?1630561913' rel='stylesheet' type='text/css' media='all' /> 1851 1852 <!-- for _product_item --> 1853 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561911_2b998709_vue_product_modal.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 1854<div id="new-addcart-modal" class="container"> 1855 <transition name="modal"> 1856 <product-modal 1857 v-if="showProductModal" 1858 :only-description="onlyDescription" 1859 :product-url="popProductUrl" 1860 :color="color" 1861 :is-collection="isCollection" 1862 :is-show-description="isShowDescription" 1863 :is-quick-buy="isQuickBuy" 1864 :selected-variant-id="selectedVariantId" 1865 > 1866 </product-modal> 1867 </transition> 1868</div>
1869<script type="text/x-template" id="product-modal"> 1870 <div class="modal-mask" @click="closeModal"> 1871 <div 1872 class="modal-content" 1873 :class="{'only-description': onlyDescription}" 1874 @click.stop 1875 > 1876 <button class="btn-close" @click="closeModal"> 1877 </button> 1878 <div class="modal-body custom-scrollbar"> 1879 <div v-if="!isLoading"> 1880 <div id="checkout-product" class="row"> 1881 <div class="col-sm-6 col-xs-4"> 1882 <photo-swiper 1883 :photos="swiperPhotos" 1884 :current-image-index="currentImageIndex" 1885 > 1886 </photo-swiper> 1887 </div> 1888 <div class="col-sm-6 col-xs-8"> 1889 <h4 class="title">${ product.title }</h4> 1890 <p class="brief" v-html="product.brief"></p> 1891 <p class="color grey product-slogan"></p> 1892 <div style="margin-bottom: 10px;"> 1893 <div v-if="!isImageColor" v-for="(img, index) in photoUrls" 1894 :key="index" 1895 class="product-thumbnail" 1896 :class="{ focus: index === currentImageIndex }" 1897 @mouseover="currentImageIndex = index" 1898 > 1899 <img :src="img.medium"> 1900 </div> 1901 </div> 1902 1903 <div style="margin-bottom: 10px;"> 1904 1905 <span class="price-title">${ priceTitleTag }</span> 1906 1907 <div> 1908 <span v-html="variantPrice" class="variant-price"></span> 1909 <del v-html="marketPrice" class="variant-del-price"></del> 1910 </div> 1911 </div> 1912 <div v-if="!onlyDescription" class="controls"> 1913 <div class="variant-quantity"> 1914 <div v-if="hasVariant" class="product-variant-options"> 1915 <div v-for="(option, index) in optionInfo" class="product-variant-option"> 1916 <color-image-option 1917 v-if="isImageColor && option.name === 'é¡è²'" 1918 :option-key="'option' + (index + 1)" 1919 :option="option" 1920 :image-colors="imageColors()" 1921 :current-image-index="currentImageIndex" 1922 :set-current-image-index="setCurrentImageIndex" 1923 :get-option-image-index="getOptionImageIndex" 1924 :current-option="currentOption" 1925 :toggle-current-option="toggleCurrentOption" 1926 /> 1927 <advance-option 1928 v-else 1929 :option-key="'option' + (index + 1)" 1930 :option="option" 1931 :current-option="currentOption" 1932 :toggle-current-option="toggleCurrentOption" 1933 /> 1934 </div> 1935 </div> 1936 <div class="product-quantity"> 1937 <div class="btn-group" role="group" aria-label="First group"> 1938 <button class="btn add-down" type="button" @click="quantityDecrease">ï¼</button> 1939 <input class="btn item-quantity" type="text" name="quantity" :value="quantity" @change="quantityChange"> 1940 <button class="btn add-up" type="button" @click="quantityIncrease" >ï¼</button> 1941 </div> 1942 </div> 1943 </div> 1944 <div class="add-button-wrapper"> 1945 <button 1946 class="btn btn-default add-button" 1947 :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn}" 1948 type="button" 1949 :disabled="isHideAddCartBtn" 1950 @click="addProduct" 1951 > 1952 ${ addCartText } 1953 </button> 1954 </div> 1955 </div> 1956 </div> 1957 </div> 1958 <div v-if="isShowDescription" class="row"> 1959 <div class="col-sm-12"> 1960 <div v-if="product.bodyHtml"> 1961 <h5 class="section-heading"> 1962 ååä»ç´¹ 1963 </h5> 1964 <div class="ckeditor"> 1965 <div v-html="product.bodyHtml"></div> 1966 </div> 1967 </div> 1968 1969 <div v-if="otherDescriptions['product_description_section_spec']"> 1970 <h5 class="section-heading"> 1971 åå說æ 1972 </h5> 1973 <div class="ckeditor"> 1974 <div v-html="otherDescriptions['product_description_section_spec']"></div> 1975 </div> 1976 </div> 1977 1978 1979 </div> 1980 </div> 1981 </div> 1982 <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;"> 1983 <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i> 1984 </div> 1985 </div> 1986 <button 1987 v-if="!isLoading && !onlyDescription" 1988 class="btn btn-mobile add-button" 1989 :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn}" 1990 type="button" 1991 :disabled="isHideAddCartBtn" 1992 @click="addProduct" 1993 > 1994 ${ addCartText } 1995 </button> 1996 </div> 1997 </div> 1998</script>
1998 1999
2000<script id="color-image-option" type="text/x-template"> 2001 <div class="color-image"> 2002 <div class="title">é¡è²</div> 2003 <div 2004 v-for="(imageColor, index) in imageColors" 2005 :class="{ 2006 'image-option': true, 2007 'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index, 2008 'selected': currentOption[optionKey] === option.types[index].name, 2009 'disabled': !option.types[index].isValid 2010 }" 2011 @mouseleave="setCurrentImageIndex(index)" 2012 @mouseover="getOptionImageIndex(index)" 2013 @click="setOption(optionKey, index)" 2014 > 2015 <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image"> 2016 <img v-else src="/assets/no-image-large.png" alt="image"> 2017 </div> 2018 </div> 2019</script>
2019 2020
2021<script type="text/javascript"> 2022 Vue.component('color-image-option', { 2023 template: '#color-image-option', 2024 delimiters: ['${', '}'], 2025 props: { 2026 optionKey: String, 2027 option: Object, 2028 product: Object, 2029 imageColors: Array, 2030 isChoose: Boolean, 2031 currentImageIndex: Number, 2032 setCurrentImageIndex: Function, 2033 getOptionImageIndex: Function, 2034 currentOption: Object, 2035 toggleCurrentOption: Function, 2036 }, 2037 methods: { 2038 setOption: function(optionKey, index) { 2039 const type = this.option.types[index]; 2040 if(type.isValid){ 2041 this.toggleCurrentOption(optionKey, type.name); 2042 } 2043 } 2044 } 2045 }); 2046</script>
2046 2047
2048<script id="advance-option" type="text/x-template"> 2049 <div class="advance"> 2050 <div class="title">${option.name}</div> 2051 <div 2052 v-for="type in option.types" 2053 :class="{ 2054 'option': true, 2055 'selected': currentOption[optionKey] === type.name, 2056 'disabled': !type.isValid 2057 }" 2058 @click="setOption(optionKey, type)" 2059 > 2060 ${type.name} 2061 </div> 2062 </div> 2063</script>
2063 2064
2065<script type="text/javascript"> 2066 Vue.component('advance-option', { 2067 template: '#advance-option', 2068 delimiters: ['${', '}'], 2069 props: { 2070 optionKey: String, 2071 option: Object, 2072 product: Object, 2073 imageColors: Array, 2074 currentImageIndex: Number, 2075 setCurrentImageIndex: Function, 2076 currentOption: Object, 2077 toggleCurrentOption: Function, 2078 }, 2079 methods: { 2080 setOption: function(optionKey, type) { 2081 if(type.isValid){ 2082 this.toggleCurrentOption(optionKey, type.name); 2083 } 2084 } 2085 } 2086 }); 2087</script>
2087 2088
2089<script id="photo-swiper" type="text/x-template"> 2090 <swiper ref="photoSwiper" class="photos" :options="swiperOption"> 2091 <swiper-slide v-if="hasImage" class="photo" v-for="(photo, index) in photos" :key="index"> 2092 <img key="index" :src="photo.large" alt="image"/> 2093 </swiper-slide> 2094 <swiper-slide v-if="!hasImage" class="photo"> 2095 <img src="/assets/no-image-large.png" alt="image"> 2096 </swiper-slide> 2097 <div v-if="hasImage" class="photo-button photo-prev" slot="button-prev"></div> 2098 <div v-if="hasImage" class="photo-button photo-next" slot="button-next"></div> 2099 </swiper> 2100</script>
vendor: 1 bytes, line 2100
2100
2101<script> 2102 $(document).ready(function () { 2103 Vue.use(VueAwesomeSwiper); 2104 Vue.component('photo-swiper', { 2105 template: '#photo-swiper', 2106 delimiters: ['${', '}'], 2107 props: { 2108 photos: Array, 2109 currentImageIndex: Number, 2110 }, 2111 data: function () { 2112 return { 2113 swiper: {}, 2114 swiperOption: { 2115 spaceBetween: 10, 2116 navigation: { 2117 nextEl: '.photo-next', 2118 prevEl: '.photo-prev' 2119 } 2120 }, 2121 } 2122 }, 2123 mounted: function() { 2124 this.swiper = this.$refs['photoSwiper'].swiper; 2125 this.swiper.on('slideChange', this.slideOnChange); 2126 this.slideToIndex(this.currentImageIndex); 2127 }, 2128 watch: { 2129 currentImageIndex: function() { 2130 this.slideToIndex(this.currentImageIndex); 2131 } 2132 }, 2133 computed: { 2134 hasImage: function() { 2135 return this.photos.length > 0 ? true : false; 2136 } 2137 }, 2138 methods: { 2139 slideOnChange: function() { 2140 themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex); 2141 }, 2142 slideToIndex: function(index) { 2143 this.swiper.slideTo(index); 2144 this.swiper.update(); 2145 } 2146 } 2147 }); 2148 }); 2149</script>
2149 2150 2151
2152<script type="text/javascript"> 2153 $(document).ready(function() { 2154 Vue.component('product-modal', { 2155 template: '#product-modal', 2156 delimiters: ['${', '}'], 2157 props: { 2158 onlyDescription: Boolean, 2159 cartItems: Array, 2160 groupId: Number, 2161 productUrl: String, 2162 color: String, 2163 // 夿·æ¯å¦æè²ç¥¨å±é 2164 isCollection: Boolean, 2165 // 夿·å å ¥è³¼ç©è»çæ¹æ³ 2166 isNnCollection: Boolean, 2167 isBundleDiscount: Boolean, 2168 // 夿·æ¯å¦é¡¯ç¤ºååæè¿° 2169 isShowDescription: { 2170 type: Boolean, 2171 default: true 2172 }, 2173 // 夿·æ¯å¦çºç«å³è³¼è²· 2174 isQuickBuy: { 2175 type: Boolean, 2176 default: false 2177 }, 2178 selectedVariantId: Number, 2179 }, 2180 data: function() { 2181 return { 2182 adding: false, 2183 currentImageIndex: 0, 2184 currentOption: { 2185 option1: null, 2186 option2: null, 2187 option3: null, 2188 }, 2189 currentVariant: null, 2190 currentVariantIndex: null, 2191 product: {}, 2192 isChoose: false, 2193 isLoading: true, 2194 quantity: 1, 2195 useImageColors: false, 2196 useColorImagesExpand: false, 2197 } 2198 }, 2199 mounted: function() { 2200 this.getProductDetail(); 2201 $('.custom-scrollbar').addCustomScrollbar(); 2202 themeHelper.EventBus.$on('photoOnChange', this.photoOnChange); 2203 }, 2204 computed: { 2205 photoUrls: function() { 2206 return this.product.photoUrls.length > 0 ? this.product.photoUrls : [this.featuredImage]; 2207 }, 2208 featuredImage: function() { 2209 return this.product.featuredImage; 2210 }, 2211 swiperPhotos: function() { 2212 if(this.isColorImageExpand && this.isCollection) { 2213 var temp = this.photoUrls[this.colorImageIndex()]; 2214 return [temp]; 2215 } 2216 if(this.isImageColor) { 2217 return this.photoUrls.slice(0, this.colorOption.length); 2218 } 2219 return this.photoUrls.length > 0 ? this.photoUrls : [this.featuredImage]; 2220 }, 2221 otherDescriptions: function() { 2222 var descriptions = {}; 2223 this.product.otherDescriptions.forEach(function(od) { 2224 descriptions[od.settingName] = od.bodyHtml; 2225 }) 2226 return descriptions 2227 }, 2228 variantOptions: function() { 2229 var currentColor = this.currentColorOption; 2230 return (!this.isImageColor || !currentColor) 2231 ? themeHelper.variantOptions(this.product) 2232 : _.filter(themeHelper.variantOptions(this.product), function(option) { 2233 return _.includes(option.name, currentColor) 2234 }) 2235 }, 2236 firstValidVariant: function() { 2237 var self = this; 2238 var result = this.product.variants.find(function(variant) { 2239 // å¢å product modal è¯çµ¡åºå®¶ property 2240 variant.imgUrl = ""; 2241 variant.productTitle = ""; 2242 2243 if(self.isColorImageExpand){ 2244 return variant.available && variant.title.indexOf(self.color) !== -1; 2245 } 2246 return variant.available; 2247 }); 2248 2249 return result ? result : null; 2250 }, 2251 selectedValidVariant: function() { 2252 var self = this; 2253 var result = this.variantOptions.find(function(variant) { 2254 return variant.id === self.selectedVariantId; 2255 }); 2256 2257 var selectedColor = result['option' + (this.colorOptionIndex + 1)]; 2258 this.currentImageIndex = _.findIndex(this.colorOption, function(color) { 2259 return color === selectedColor; 2260 }); 2261 2262 if (this.currentImageIndex !== -1) { 2263 result.imgUrl = this.swiperPhotos[this.currentImageIndex].large; 2264 } 2265 2266 return result ? result : null; 2267 }, 2268 totalInventoryQuantity: function(product) { 2269 return themeHelper.totalInventoryQuantity(this.product) 2270 }, 2271 addCartText: function() { 2272 if (this.isNnCollection || this.isBundleDiscount) { 2273 if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) { 2274 if (this.isNnCollection && this.currentVariant.inventoryPolicy === 'continue') { 2275 return this.isChoose ? 'å·²é è³¼' : 'é è³¼åå'; 2276 } 2277 return 'å·²å®å®'; 2278 } 2279 if (this.totalInventoryQuantity === 0) return 'å·²å®å®'; 2280 return this.isChoose ? 'å·²é¸è³¼' : 'é¸è³¼'; 2281 } else { 2282 if (this.isQuickBuy) { 2283 if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) { 2284 return this.currentVariant.inventoryPolicy === 'continue' ? 'ç«å³é è³¼' : 'è¯çµ¡åºå®¶'; 2285 } 2286 return 'ç«å³è³¼è²·'; 2287 } else { 2288 if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) { 2289 return this.currentVariant.inventoryPolicy === 'continue' ? 'é è³¼åå' : 'è¯çµ¡åºå®¶'; 2290 } 2291 if (this.totalInventoryQuantity === 0) return 'å·²å®å®'; 2292 return 'å å ¥è³¼ç©è»'; 2293 } 2294 } 2295 }, 2296 cartItem: function() { 2297 if (!this.currentVariant) { return null } 2298 return { 2299 id: this.currentVariant.id, 2300 groupId: this.groupId, 2301 productId: this.product.id, 2302 title: this.product.title, 2303 photo: this.isImageColor ? 2304 this.photoUrls[this.colorOption.indexOf(this.currentColorOption)].large : 2305 this.featuredImage.large, 2306 quantity: this.quantity, 2307 price: this.currentVariant.price, 2308 variant: this.currentVariant, 2309 product: this.product, 2310 } 2311 }, 2312 options: function() { 2313 return this.product.options; 2314 }, 2315 optionTypes: function() { 2316 // å æ ¹æè¨å®çvariantsä¾æåº 2317 var self = this; 2318 2319 var option1 = []; 2320 var option2 = []; 2321 var option3 = [];
2322 this.product.variants.forEach(function(item) { 2323 if (item.option1 !== null) option1.push(item.option1); 2324 if (item.option2 !== null) option2.push(item.option2); 2325 if (item.option3 !== null) option3.push(item.option3); 2326 }) 2327 2328 var filteredOptionTypes = []; 2329 this.product.optionTypes.forEach(function(item, index) { 2330 filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (index + 1))).join(',')); 2331 }); 2332 2333 return filteredOptionTypes; 2334 }, 2335 optionInfo: function() { 2336 var self = this; 2337 2338 return self.options.map(function(option, index) { 2339 if(self.isColorImageExpand && option === 'é¡è²') { 2340 return { 2341 name: option, 2342 types: self.getOptions('option' + (index + 1), self.optionTypes[index].split(',')) 2343 .filter(function(option) { 2344 //åªæä»»é¸ææ£è·collectionææcolorå³å ¥ 2345 return option.name === self.color; 2346 }) 2347 } 2348 } 2349 return { 2350 name: option, 2351 types: self.getOptions('option' + (index + 1), self.optionTypes[index].split(',')) 2352 } 2353 }); 2354 }, 2355 colorOptionIndex: function() { 2356 return this.options.findIndex(function(option) { 2357 return option === 'é¡è²'; 2358 }); 2359 }, 2360 colorOption: function() { 2361 var optionIndex = this.colorOptionIndex 2362 return optionIndex === -1 ? null : this.optionTypes[optionIndex].split(','); 2363 }, 2364 hasVariant: function() { 2365 return this.product.options.length > 0; 2366 }, 2367 isImageColor: function() { 2368 return this.useImageColors && _.includes(this.product.options, 'é¡è²'); 2369 }, 2370 isImageColorWithSelect: function() { 2371 return this.isImageColor; 2372 }, 2373 isColorImageExpand: function() { 2374 return this.useImageColors && this.useColorImagesExpand && this.isCollection; 2375 }, 2376 variantPrice: function() { 2377 if (!this.currentVariant) { 2378 if (this.product.variants.length > 1) { 2379 var priceList = this.product.variants.map(function(item){ 2380 return item.price; 2381 }); 2382 2383 var minPrice = Math.min.apply(null, priceList); 2384 var maxPrice = Math.max.apply(null, priceList); 2385 2386 if (minPrice !== maxPrice) { 2387 return getMoneyFormat(minPrice) + '~' + maxPrice; 2388 } else { 2389 return getMoneyFormat(this.product.variants[0].price); 2390 } 2391 2392 } else { 2393 return getMoneyFormat(this.product.variants[0].price); 2394 } 2395 2396 } else { 2397 return getMoneyFormat(this.currentVariant.price); 2398 } 2399 }, 2400 marketPrice: function() { 2401 if (this.currentVariant) { 2402 if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) { 2403 return getMoneyFormat(this.currentVariant.compareAtPrice); 2404 } 2405 } else { 2406 // 妿å®å¹çç¸åï¼ä½ååé çå¸å¹ä¸åæ 2407 if (this.product.variants.length > 1 && !_.includes(this.variantPrice, '~')) { 2408 var compareAtPriceList = this.product.variants.map(function(itme){ 2409 return itme.compareAtPrice; 2410 }); 2411 2412 var maxCompareAtPrice = Math.max.apply(null, compareAtPriceList); 2413 if (maxCompareAtPrice > 0) { 2414 return getMoneyFormat(maxCompareAtPrice); 2415 } 2416 } 2417 } 2418 }, 2419 isShowDropdownList: function() { 2420 if (this.product.options.length > 0) return true; 2421 return this.product.variants.length > 1 ? true : false; 2422 }, 2423 priceTitleTag: function() { 2424 return this.marketPrice ? getDiscountPriceName() : getDiscountPriceSuggestionName(); 2425 }, 2426 currentColorOption: function() { 2427 return this.currentOption['option' + (this.colorOptionIndex + 1)] 2428 }, 2429 isHideAddCartBtn: function() { 2430 if (this.addCartText === 'å·²å®å®') return true; 2431 return false;
2432 }, 2433 isSecondaryBtn: function() { 2434 if (this.addCartText === 'è¯çµ¡åºå®¶') return true; 2435 return false; 2436 }, 2437 }, 2438 methods: { 2439 setChoose: function(currentVariant) { 2440 var quantity = 1; 2441 var cartItem = null; 2442 if (!this.isNnCollection && this.cartItems) { 2443 cartItem = this.normalGetChoosenItem(currentVariant); 2444 } 2445 if(this.isNnCollection){ 2446 cartItem = this.nnCollectionGetChoosenItem(currentVariant); 2447 } 2448 this.isChoose = !!cartItem; 2449 this.quantity = cartItem ? cartItem.quantity : this.quantity; 2450 2451 // product modal è¯çµ¡åºå®¶æ å¢ 2452 if (currentVariant) { 2453 var photoIndex = this.getSelectedColorIndex() > 0 ? this.getSelectedColorIndex() : 0; 2454 if (!currentVariant.imgUrl) { 2455 currentVariant.imgUrl = this.swiperPhotos.length > 0 ? this.swiperPhotos[photoIndex].large : this.featuredImage.large; 2456 } 2457 currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title; 2458 } 2459 }, 2460 normalGetChoosenItem: function(currentVariant) { 2461 return this.cartItems.find(function(cartItem){ 2462 return currentVariant && cartItem.id === currentVariant.id; 2463 }); 2464 }, 2465 nnCollectionGetChoosenItem: function(currentVariant) { 2466 var isSelected = null; 2467 if(!currentVariant) return isSelected; 2468 2469 store.each(function(value, key) { 2470 var productId = _.includes(key, 'Pro' + currentVariant.productId); 2471 var variantID = _.includes(key, 'Var' + currentVariant.id); 2472 if(productId && variantID) { 2473 isSelected = store.get(key); 2474 } 2475 }); 2476 return isSelected; 2477 }, 2478 // get product detail 2479 getProductDetail: function() { 2480 var self = this; 2481 $.ajax({ 2482 url: self.productUrl + '.json', 2483 type: 'GET', 2484 timeout: 30000, 2485 beforeSend: function() { 2486 self.isLoading = true; 2487 }, 2488 error: function(){ 2489 window.msg('網路é£ç·ç°å¸¸ï¼è«éæ°æ´ç', 'error').show(); 2490 self.closeModal(); 2491 } 2492 }).done(function(data){ 2493 if (data.id) { 2494 self.product = themeHelper.toCamelCase(data); 2495 if ( 2496 self.product.variants.length === 1 || 2497 liquidHelper.isFirstVariantSelected || 2498 self.selectedVariantId 2499 ) { 2500 self.currentVariant = self.firstValidVariant; 2501 // 妿已ç¶èªé¸ååï¼åååé 䏿»å å ¥è³¼ç©è»é¡¯ç¤ºèªé¸åå 2502 if (self.selectedVariantId) { 2503 self.currentVariant = self.selectedValidVariant; 2504 } 2505 if(self.currentVariant){ 2506 self.setChoose(self.currentVariant); 2507 self.setDefaultOption(); 2508 } 2509 } 2510 self.isLoading = false; 2511 viewItem && viewItem(data, { collectionId: '', collectionName: null }); 2512 } else { 2513 window.msg('網路é£ç·ç°å¸¸ï¼è«éæ°æ´ç', 'error').show(); 2514 self.closeModal() 2515 } 2516 }) 2517 }, 2518 // product image btn 2519 photoOnChange: function(photoIndex) { 2520 this.currentImageIndex = photoIndex; 2521 }, 2522 2523 toggleCurrentOption: function(key, value) { 2524 this.currentOption[key] = this.currentOption[key] === value ? null : value; 2525 var variantIndex = this.getVariantIndex(); 2526 if(variantIndex !== -1) { 2527 this.currentVariant = this.product.variants[variantIndex]; 2528 } else { 2529 this.currentVariant = null; 2530 } 2531 this.setChoose(this.product.variants[variantIndex]); 2532 }, 2533 setCurrentImageIndex: function(index) { 2534 this.currentImageIndex = this.getSelectedColorIndex(); 2535 }, 2536 getOptionImageIndex: function(index) { 2537 this.currentImageIndex = index; 2538 }, 2539 quantityDecrease: function(){ 2540 if (this.cartItem) { 2541 themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false); 2542 this.quantity = this.cartItem.quantity 2543 } else { 2544 window.msg("è«é¸æè¦æ ¼", 'warning').show(); 2545 } 2546 }, 2547 quantityIncrease: function(){ 2548 if (this.cartItem) { 2549 themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false); 2550 this.quantity = this.cartItem.quantity 2551 } else { 2552 window.msg("è«é¸æè¦æ ¼", 'warning').show(); 2553 } 2554 }, 2555 quantityChange: function(el) { 2556 if (this.cartItem) { 2557 themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false); 2558 this.quantity = this.cartItem.quantity; 2559 el.target.value = this.cartItem.quantity; 2560 } else { 2561 window.msg("è«é¸æè¦æ ¼", 'warning').show(); 2562 } 2563 }, 2564 addProduct: function() { 2565 if (this.addCartText === 'è¯çµ¡åºå®¶') { 2566 $('#messagebuy-Modal').data('variant', this.currentVariant); 2567 $('#messagebuy-Modal').modal('show'); 2568 $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)"); 2569 } else { 2570 if (this.cartItem) { 2571 try { 2572 if (this.isChoose) { 2573 themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem) 2574 } else { 2575 themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem) 2576 } 2577 this.adding = true; 2578 this.closeModal(); 2579 } catch (e) { 2580 window.msg("å忬¾å¼ç°å¸¸", 'error').show(); 2581 } 2582 } else { 2583 window.msg("è«é¸æè¦æ ¼", 'warning').show(); 2584 } 2585 } 2586 }, 2587 closeModal: function() { 2588 themeHelper.EventBus.$emit('closeProductModal'); 2589 }, 2590 // è²ç¥¨,è²ç¥¨å±é 2591 colorImageIndex: function() { 2592 var self = this; 2593 return self.colorOption.findIndex(function(color){ 2594 return color === self.color; 2595 }); 2596 }, 2597 imageColors: function() { 2598 //è²ç¥¨ä¸å®æå° 2599 var self = this; 2600 var images = this.photoUrls.slice(0); 2601 var imageColorNum = this.colorOption.length; 2602 for(var i = imageColorNum; i < imageColorNum * 2; i++) { 2603 if(!images[i]) { 2604 images.push('noColorImage'); 2605 } 2606 } 2607 if(this.isColorImageExpand && this.isCollection) { 2608 var temp = images.filter(function(image, index) { 2609 return index === (self.colorImageIndex() + images.length / 2); 2610 }); 2611 return temp; 2612 } 2613 return images.slice(imageColorNum, imageColorNum * 2); 2614 }, 2615 setDefaultOption: function() { 2616 var self = this; 2617 Object.keys(self.currentOption).map(function(optionKey) { 2618 self.currentOption[optionKey] = self.currentVariant[optionKey]; 2619 }); 2620 }, 2621 getVariantIndex: function() { 2622 var self = this; 2623 return self.product.variants.findIndex(function(variant, index) { 2624 var isVariant = true;
2625 Object.keys(self.currentOption).forEach(function(option) { 2626 if(variant[option] !== self.currentOption[option]){ 2627 isVariant = false; 2628 } 2629 }); 2630 return isVariant; 2631 }); 2632 }, 2633 // 篩é¸éè¤åé 2634 getUniqueVariant: function(variants) { 2635 return variants.filter(function(value, index, self) { 2636 return self.indexOf(value) === index; 2637 }); 2638 }, 2639 // åå¾å·²é¸åçcolor index 2640 getSelectedColorIndex: function() { 2641 var self = this; 2642 var optionIndex = _.indexOf(self.options, 'é¡è²') + 1; 2643 var color = self.currentOption['option' + optionIndex]; 2644 2645 return _.indexOf(self.colorOption, color); 2646 }, 2647 getOptions: function(optionKey, optionTypes) { 2648 var self = this; 2649 return optionTypes.map(function(optionType, index) { 2650 var isValid = true; 2651 2652 // é¸åºå å«ç®åtypeçvariant 2653 var matchVariants = self.product.variants.filter(function(variant) { 2654 return variant[optionKey] === optionType; 2655 }); 2656 // 篩é¸å·²å¾é¸type 2657 Object.keys(self.currentOption).forEach(function(currentOptionKey) { 2658 if(currentOptionKey !== optionKey){ 2659 matchVariants = matchVariants.filter(function(variant) { 2660 if(self.currentOption[currentOptionKey]) { 2661 return variant[currentOptionKey] === self.currentOption[currentOptionKey] 2662 } else { 2663 return true; 2664 } 2665 }); 2666 } 2667 }); 2668 // ç¡variant代表æ¤typeä¸å¯é¸ 2669 if(matchVariants.length === 0) { 2670 isValid = false; 2671 } 2672 return { 2673 name: optionType, 2674 isValid: isValid 2675 } 2676 }); 2677 } 2678 } 2679 }); 2680 }); 2681</script>
2681 2682 2683<div class="modal fade" id="messagebuy-Modal" tabindex="-1" role="dialog" aria-hidden="true"> 2684 <div class="modal-dialog modal-dialog-centered" role="document"> 2685 <div class="modal-content"> 2686 <div class="modal-header"> 2687 <h5 class="modal-title">åå庫åä¸è¶³çè¨</h5> 2688 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2689 <span aria-hidden="true">×</span> 2690 </button> 2691 </div> 2692 <div class="modal-body"> 2693 <form class="form-horizontal" id="message-form"> 2694 <a href="javascript:void(0)" class="product_link img-flex"> 2695 <img src="" alt="" class="product_img" width="300" height="300"> 2696 </a> 2697 <h5 class="product_name"></h5> 2698 <div class="form-group"> 2699 <input type="email" class="form-control" id="contact_us_email" name="contact[email]" placeholder="Email" data-error="é䏿¯ææçemail" required> 2700 <input type="email" class="form-control" id="repeat-email" name="content[email]" placeholder="Email"> 2701 <div class="help-block with-errors"></div> 2702 </div> 2703 <div class="form-group"> 2704 <textarea type="text" class="form-control" id="message_body" name="contact[body]" placeholder="çè¨çµ¦åºå®¶" data-error="è«ç䏿³å°æå說ç話åï¼" rows="4" required></textarea> 2705 <div class="help-block with-errors"></div> 2706 </div> 2707 <button type="submit" class="btn btn-primary btn-submit-message">éåº</button> 2708 </form> 2709 </div> 2710 </div> 2711 </div> 2712</div> 2713
2714<script> 2715 $(document).ready(function(){ 2716 // setting modal 2717 var product_title, product_img, variant, variant_name, variant_sku, variant_price 2718 2719 $('#repeat-email').hide(); 2720 $('#messagebuy-Modal').on('show.bs.modal', function(){ 2721 var currentVariant = $('#messagebuy-Modal').data('variant'); 2722 2723 if (currentVariant) { 2724 // product modal è¯çµ¡åºå®¶ 2725 $('#messagebuy-Modal').find('.product_name').text(currentVariant.productTitle); 2726 $('#messagebuy-Modal').find('.product_img').attr('src', currentVariant.imgUrl); 2727 product_title = currentVariant.productTitle; 2728 variant_sku = currentVariant.sku; 2729 variant_name = currentVariant.title; 2730 variant_price = currentVariant.price; 2731 } else { 2732 product_title = $('#product .product_info .product_title').text() 2733 // æ¯å¦é¡¯ç¤ºè²ç¥¨ 2734 var isDisplayImagesColor = "false"; 2735 if (isDisplayImagesColor === "true") { 2736 product_img = $('#photo_with_images_color').attr('src'); 2737 } else { 2738 product_img = $('#product .product_info .thumb .active img').attr('src') 2739 } 2740 variant = $('#product .product_variant').find(':selected') 2741 variant_name = $(variant).data('name'); 2742 variant_sku = variant.data('sku'); 2743 variant_price = variant.data('price'); 2744 $('#messagebuy-Modal').find('.product_name').text(product_title) 2745 $('#messagebuy-Modal').find('.product_img').attr('src', product_img) 2746 } 2747 }) 2748 2749 $('#message-form').on('submit', function (e) { 2750 e.preventDefault() 2751 2752 var robot_check = $('#repeat-email').val(); 2753 if(robot_check) 2754 return; 2755 var csrf_token = $('meta[name=csrf-token]').attr('content'); 2756 var message_email = $('#message-form input[name="contact[email]"]').val(); 2757 var message_body = $('#message-form textarea[name="contact[body]"]').val(); 2758 var variant_info = '\n (å忍é¡:' + product_title + ' ,ååsku:' + variant_sku + ' ,å忍£å¼:' + variant_name + ' ,åå广 ¼:' + variant_price + ')'; 2759 if(!variant_sku || !variant_name || !variant_price){ 2760 variant_info = '\n (å忍é¡:' + product_title + ', æªé¸ææ¬¾å¼ ï¼'; 2761 } message_body += variant_info 2762 $.ajax({ 2763 method: 'POST', 2764 url: '/contact', 2765 headers: {'X-CSRF-TOKEN': csrf_token}, 2766 data: { 2767 contact: { email: message_email, body: message_body }, 2768 'g-recaptcha-response': $('.g-recaptcha').data('g-recaptcha-response'), 2769 }, 2770 dataType: 'json' 2771 }).done(function(){ 2772 window.msg('éåºæå', 'success').show() 2773 $('#messagebuy-Modal').modal('hide'); 2774 themeHelper.EventBus.$emit('closeProductModal'); 2775 }).fail(function(){ 2776 window.error_msg("è«ç¨å¾å試"); 2777 }); 2778 }) 2779 }) 2780</script>
2780 2781
2782<script> 2783 $(document).ready(function() { 2784 window.new_addcart_modal = new Vue({ 2785 el: '#new-addcart-modal', 2786 delimiters: ['${', '}'], 2787 data: { 2788 collectionId: 0, 2789 color: '', 2790 isCollection: true, 2791 productQuantity: 0, 2792 onlyDescription: false, 2793 showProductModal: false, 2794 popProductUrl: '', 2795 loading: false, 2796 }, 2797 mounted: function() { 2798 themeHelper.EventBus.$on('closeProductModal',this.closeProductModal); 2799 themeHelper.EventBus.$on('updateStore', this.addProduct); 2800 themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease); 2801 themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease); 2802 themeHelper.EventBus.$on('quantityChange', this.quantityChange); 2803 }, 2804 methods: { 2805 addProduct: function(actionType, productData){ 2806 var self = this; 2807 $.ajax({ 2808 method: 'POST', 2809 url: '/cart/add', 2810 data: { 2811 id: productData.id, 2812 quantity: productData.quantity, 2813 }, 2814 dataType: 'json', 2815 beforeSend: function() { 2816 self.loading = true; 2817 themeHelper.ajaxLoadingMsg('loading'); 2818 $('.shopcart').dropdown('hide') 2819 $('.global-cart-count').hide(); 2820 $('.global-cart-loading').show(); 2821 $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse fa-lg" style="vertical-align: middle;"></i>'); 2822 }, 2823 error: function(data) { 2824 themeHelper.ajaxLoadingMsg('fail', 2000); 2825 $('.global-cart-loading').hide(); 2826 $('.global-cart-count').show(); 2827 self.loading = false; 2828 } 2829 }).done(function(data){ 2830 // product modal ç«å³è³¼è²·æé 2831 sendAddToCartEvent({ 2832 price: productData.price, 2833 quantity: productData.quantity, 2834 id: productData.product.id, 2835 name: productData.product.title, 2836 category: productData.product.productType, 2837 brand: productData.product.vendor, 2838 variant: productData.variant.title, 2839 position: "ååå½åºè¦çª", 2840 }) 2841 if (self.isQuickBuy) { 2842 window.location = "/cart"; 2843 } else { 2844 themeHelper.ajaxLoadingMsg('success'); 2845 pullNavCart(); 2846 $('.shopcart').dropdown('show') 2847 $('.global-cart-loading').hide(); 2848 self.loading = false; 2849 } 2850 }) 2851 }, 2852 quantityDecrease: function(cartItem, isAdded){ 2853 if (cartItem.quantity > 1) { 2854 cartItem.quantity -= 1; 2855 } else { 2856 window.msg("æ¸éä¸å¾çºä½æ¼ 1", 'warning').show(); 2857 } 2858 }, 2859 quantityIncrease: function(cartItem, isAdded){ 2860 if ( cartItem.quantity < cartItem.variant.inventoryQuantity || 2861 cartItem.variant.inventoryQuantity === null || 2862 cartItem.variant.inventoryPolicy == "continue" ) { 2863 cartItem.quantity += 1; 2864 } else { 2865 window.msg("æ¸éè¶ é庫å", 'warning').show(); 2866 return; 2867 } 2868 }, 2869 quantityChange: function(quantity, cartItem, isAdded){ 2870 var limitQuantity = cartItem.variant.inventoryQuantity; 2871 var inventoryPolicy = cartItem.variant.inventoryPolicy; 2872 if (Number.isInteger(quantity)) { 2873 if (quantity >= 1) { 2874 if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue") { 2875 cartItem.quantity = quantity; 2876 } else { 2877 window.msg("æ¸éè¶ é庫å", 'warning').show(); 2878 } 2879 } else { 2880 window.msg("æ¸éä¸å¾çºä½æ¼ 1", 'warning').show(); 2881 } 2882 } else { 2883 window.msg("æ¸éè¼¸å ¥é¯èª¤", 'warning').show(); 2884 } 2885 }, 2886 popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId){ 2887 this.showProductModal = true; 2888 this.collectionId = collectionId; 2889 this.popProductUrl = productUrl; 2890 this.color = color || ''; 2891 this.isCollection = isCollection || false; 2892 this.isShowDescription = isShowDescription != false; 2893 this.isQuickBuy = isQuickBuy || false; 2894 this.selectedVariantId = parseInt(variantId) || undefined; 2895 document.body.style.overflow = "hidden"; 2896 }, 2897 closeProductModal: function() { 2898 this.showProductModal = false;
2899 document.body.style.overflow = ""; 2900 }, 2901 } 2902 }); 2903 }); 2904</script>
2904 2905 2906
2906<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561906_7f675b52_new_cart.js?1630561906' type='text/javascript'></script>
2906 2907
2907<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561904_b7445655_product_item.js?1630561904' type='text/javascript'></script>
2907 2908</div> 2909 2910 </div> 2911 2912 <!-- Footer --> 2913 <footer id="footer"> 2914 <div class="footer_content"> 2915 <div class="container"> 2916 <div class="footer_flex"> 2917 <div class="item contact"> 2918 <hr> 2919 <h5>éæ¼æå</h5> 2920 <ul> 2921 2922 <li> 2923 <svg class="phone-svg" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 30.635 30.771"> 2924 <path d="M25.789,18.343c-0.669-0.696-1.475-1.068-2.33-1.068c-0.848,0-1.661,0.365-2.357,1.062l-2.178,2.171c-0.179-0.097-0.358-0.186-0.531-0.276c-0.248-0.124-0.483-0.241-0.683-0.366c-2.04-1.296-3.895-2.985-5.673-5.17c-0.862-1.089-1.441-2.006-1.861-2.936c0.565-0.517,1.089-1.055,1.599-1.572c0.193-0.193,0.386-0.393,0.579-0.586c1.447-1.447,1.447-3.322,0-4.77L10.472,2.95c-0.213-0.214-0.434-0.434-0.641-0.655C9.417,1.868,8.983,1.427,8.535,1.013C7.866,0.351,7.066,0,6.226,0C5.384,0,4.571,0.351,3.882,1.013L3.868,1.027L1.524,3.391C0.642,4.274,0.139,5.349,0.028,6.597c-0.165,2.013,0.427,3.888,0.883,5.115c1.116,3.012,2.785,5.804,5.273,8.796c3.019,3.605,6.652,6.452,10.802,8.458c1.585,0.751,3.702,1.641,6.066,1.792c0.145,0.007,0.297,0.014,0.435,0.014c1.592,0,2.93-0.572,3.977-1.71c0.007-0.014,0.021-0.021,0.028-0.034c0.358-0.434,0.772-0.827,1.206-1.248c0.296-0.283,0.599-0.579,0.896-0.889c0.683-0.71,1.041-1.537,1.041-2.385c0-0.855-0.365-1.675-1.061-2.365L25.789,18.343z"/> 2925 </svg> 2926 <span>05-5862438</span> 2927 </li> 2928 2929 2930 <li> 2931 <svg class="fax-svg" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 34.006 31.879"> 2932 <path d="M8.498,25.508v6.37h17.01V21.252H8.498V25.508z M10.626,23.38H23.38v2.128H10.626V23.38zM10.626,27.623H23.38v2.128H10.626V27.623z M10.626,27.623"/> 2933 <path d="M25.508,6.37V0H8.498v10.626h17.01V6.37z M25.508,6.37"/> 2934 <path d="M29.75,6.37h-2.128v6.384H6.37V6.37H4.256C2.128,6.37,0,8.498,0,10.626v10.626c0,2.128,2.128,4.256,4.256,4.256H6.37v-6.384h21.252v6.384h2.128c2.128,0,4.256-2.128,4.256-4.256V10.626C34.006,8.498,31.878,6.37,29.75,6.37L29.75,6.37z M29.75,6.37"/> 2935 </svg> 2936 <span>05-5873848</span> 2937 </li> 2938 2939 2940 <li> 2941 <svg class="mail-svg" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 33.66 23.566"> 2942 <path d="M2.661,1.393l12.124,9.605c0.548,0.43,1.31,0.625,2.042,0.591c0.737,0.035,1.492-0.154,2.047-0.591 2943 l12.124-9.605C31.967,0.625,31.749,0,30.515,0H3.145C1.912,0,1.693,0.625,2.661,1.393L2.661,1.393z M2.661,1.393"/> 2944 <path d="M31.873,3.924L18.62,13.983c-0.495,0.372-1.145,0.554-1.787,0.548c-0.649,0.006-1.299-0.177-1.794-0.548L1.788,3.924C0.802,3.179,0,3.581,0,4.814v16.503c0,1.234,1.009,2.249,2.241,2.249h29.177c1.233,0,2.241-1.015,2.241-2.249V4.814C33.66,3.581,32.858,3.179,31.873,3.924L31.873,3.924z M31.873,3.924"/> 2945 </svg> 2946 <a href="mailto:[email protected]"> [email protected]</a> 2947 </li> 2948 2949 2950 <li> 2951 <svg class="address-svg" style="height: 24px;" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"> 2952 <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/> 2953 </svg> 2954 <span>é²æç¸£è¥¿èºé®å»¶å¹³è·¯438è</span> 2955 </li> 2956 2957 2958 <li> 2959 <svg class="clock-svg" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 33.66 33.661"> 2960 <path d="M16.83,0C7.535,0,0,7.535,0,16.83c0,9.294,7.535,16.831,16.83,16.831c9.295,0,16.83-7.536,16.83-16.831C33.66,7.535,26.125,0,16.83,0L16.83,0z M17.992,18.888c-0.001,0.044-0.007,0.089-0.013,0.133c-0.004,0.033-0.007,0.067-0.014,0.1c-0.008,0.034-0.02,0.067-0.031,0.101c-0.013,0.041-0.026,0.082-0.043,0.121c-0.003,0.007-0.004,0.014-0.007,0.02c-0.025,0.054-0.055,0.105-0.087,0.153c-0.002,0.003-0.004,0.006-0.007,0.009c-0.037,0.054-0.079,0.103-0.123,0.149c-0.012,0.013-0.025,0.024-0.037,0.036c-0.039,0.037-0.079,0.071-0.123,0.101c-0.014,0.01-0.026,0.02-0.041,0.029c-0.055,0.037-0.113,0.068-0.174,0.095c-0.013,0.006-0.027,0.009-0.04,0.015c-0.051,0.02-0.103,0.036-0.157,0.048c-0.019,0.005-0.038,0.009-0.058,0.012c-0.069,0.013-0.139,0.021-0.209,0.02
29601c-0.014,0-0.029-0.004-0.043-0.005c-0.067-0.002-0.134-0.008-0.199-0.021c-0.02-0.004-0.04-0.013-0.06-0.019c-0.06-0.017-0.118-0.034-0.174-0.059c-0.007-0.003-0.013-0.004-0.02-0.007L9.88,16.876c-0.581-0.274-0.831-0.968-0.557-1.549c0.274-0.581,0.968-0.83,1.549-0.556l4.793,2.26V6.985c0-0.643,0.521-1.164,1.164-1.164c0.643,0,1.164,0.521,1.164,1.164v11.882C17.994,18.874,17.992,18.881,17.992,18.888L17.992,18.888z M17.992,18.888"/> 2961 </svg> 2962 <span>ç¸½åº 8:00~18:00</span> 2963 </li> 2964 2965 </ul> 2966 </div> 2967 <div class="item linklists"> 2968 2969 <hr> 2970 <h5>è³¼ç©é ç¥</h5> 2971 <ul> 2972 2973 <li><a href="/search" target="_blank">æ¥è©¢</a></li> 2974 2975 <li><a href="/account/index" target="_blank">æç帳æ¶</a></li> 2976 2977 <li><a href="/pages/terms" target="_blank">æåæ¢æ¬¾</a></li> 2978 2979 <li><a href="/pages/privacy" target="_blank">é±ç§æ¿ç</a></li> 2980 2981 <li><a href="/pages/refund" target="_blank">è³¼ç©é ç¥</a></li> 2982 2983 </ul> 2984 2985 </div> 2986 <div class="item linklists"> 2987 2988 <hr> 2989 <h5>éæ¼çæ¥</h5> 2990 <ul> 2991 2992 <li><a href="/pages/history" target="_blank">è§å å·¥å» </a></li> 2993 2994 <li><a href="/pages/about-us_2" target="_blank">æ·å²æ²¿é©</a></li> 2995 2996 <li><a href="/pages/introduction_1" target="_blank">çæ¥é¬è</a></li> 2997 2998 <li><a href="/pages/about-us_1" target="_blank">é·å®æé»</a></li> 2999 3000 <li><a href="https://rueichun.cyberbiz.co/contact" target="_blank">è¯çµ¡æå</a></li> 3001 3002 </ul> 3003 3004 </div> 3005 3006 <div class="item fb_fanpage"> 3007 <div class="fb_fans_page_area"> 3008 <div class="fb-page" data-href="https://www.facebook.com/rueichun1921" data-width="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"> 3009 <blockquote cite="https://www.facebook.com/rueichun1921" class="fb-xfbml-parse-ignore"> 3010 <a href="https://www.facebook.com/rueichun1921">Facebook ç²çµ²å°é </a> 3011 </blockquote> 3012 </div> 3013 </div> 3014 </div> 3015 3016 </div> 3017 </div> 3018 </div> 3019 <div class="footer_footer"> 3020 <div class="container"> 3021 <hr> 3022 <div class="footer_flex"> 3023 <div class="copyright1 copyright"> 3024 <span>Copyright ©</span> 3025 <a href="/">ç¶²ç«ç±å°ç£å¥½é¬æéå ¬å¸ç¶ç (統編53068909) â§æ¬ç¶²ç«æææ¶è²»å°ææ¥1%æè´æ¼å¼±å¢åé«</a> 3026 <span>All Rights Reserved. Designed by</span> 3027 <a href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz" target="_blank" title="Designed by CYBERBIZ"> CYBERBIZ</a>. 3028 </div> 3029 <div class="social_media"> 3030 <ul> 3031 3032 <li> 3033 <a href="https://www.facebook.com/rueichun1921"> 3034 <svg class="facebook-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 50.5 50.5"> 3035 <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/> 3036 <path class="svg-border" d="M32.516,50.5H17.984C8.068,50.5,0,42.432,0,32.515v-14.53C0,8.068,8.068,0,17.984,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.53C50.5,42.432,42.433,50.5,32.516,50.5z M17.984,1C8.619,1,1,8.619,1,17.985v14.53C1,41.881,8.619,49.5,17.984,49.5h14.531c9.365,0,16.984-7.619,16.984-16.985v-14.53C49.5,8.619,41.881,1,32.516,1H17.984z"/> 3037 <path class="svg-text" d="M26.474,19.68v-2.311c0-1.126,0.751-1.388,1.278-1.388c0.526,0,3.242,0,3.242,0v-4.953l-4.465-0.019c-4.957,0-6.083,3.694-6.083,6.059v2.613H17.58v3.492v2.288h2.891c0,6.551,0,14.452,0,14.452h5.78c0,0,0-7.98,0-14.452h4.29l0.208-2.27l0.319-3.51H26.474z"/> 3038 </svg> 3039 </a> 3040 </li> 3041 3042 3043 3044 <li> 3045 <a href="https://qr-official.line.me/gs/M_ccq5879n_GW.png?oat_content=qr"> 3046 <svg class="line-svg" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 50.5 50.5"> 3047 <path class="svg-background" d="M50.5,32.662c0,9.855-7.983,17.838-17.838,17.838H17.838C7.982,50.5,0,42.517,0,32.662V17.838C0,7.982,7.982,0,17.838,0h14.824C42.517,0,50.5,7.982,50.5,17.838V32.662z M50.5,32.662"/> 3048 <path class="svg-border" d="M32.516,50.5H17.985C8.068,50.5,0,42.433,0,32.516V17.985C0,8.068,8.068,0,17.985,0h14.531C42.433,0,50.5,8.068,50.5,17.985v14.531C50.5,42.433,42.433,50.5,32.516,50.5z M17.985,1C8.619,1,1,8.619,1,17.985v14.531C1,41.881,8.619,49.5,17.985,49.5h14.531c9.365,0,16.984-7.619,16.984-16.984V17.985C49.5,8.619,41.881,1,32.516,1H17.985z"/> 3049 <path class="svg-text" d="M39.905,24.124c0-6.557-6.573-11.892-14.654-11.892c-8.08,0-14.655,5.335-14.655,11.892c0,5.878,5.214,10.803,12.256,11.734c0.477,0.102,1.126,0.316,1.291,0.723c0.148,0.37,0.097,0.949,0.047,1.324c0,0-0.172,1.035-0.209,1.256c-0.064,0.37-0.295,1.448,1.269,0.789c1.564-0.659,8.439-4.97,11.513-8.509h-0.001C38.888,29.113,39.905,26.749,39.905,24.124z M19.514,28.025h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.345-0.769,0.768-0.769c0.424,0,0.768,0.346,0.768,0.769v5.055h2.144c0.424,0,0.768,0.345,0.768,0.768C20.282,27.681,19.938,28.025,19.514,28.025z M22.525,27.256c0,0.425-0.344,0.769-0.768,0.769s-0.768-0.344-0.768-0.769v-5.823c0-0.423,0.344-0.769,0.768-0.769s0.768,0.346,0.768,0.769V27.256z M29.535,27.256c0,0.332-0.211,0.625-0.526,0.73c-0.079,0.026-0.162,0.039-0.244,0.039c-0.24,0-0.469-0.114-0.614-0.308l-2.985-4.063v3.602c0,0.425-0.344,0.769-0.768,0.769c-0.424,0-0.769-0.344-0.769-0.769v-5.823c0-0.331,0.212-0.623,0.526-0.729c0.079-0.026,0.161-0.04,0.244-0.04c0.24,0,0.47,0.115,0.614,0.308l2.985,4.064v-3.604c0-0.423,0.345-0.769,0.769-0.769c0.424,0,0.768,0.346,0.768,0.769V27.256zM34.246,23.577c0.424,0,0.768,0.344,0.768,0.769c0,0.423-0.344,0.768-0.768,0.768h-2.143v1.374h2.143c0.423,0,0.768,0.345,0.768,0.768c0,0.425-0.346,0.769-0.768,0.769h-2.912c-0.423,0-0.768-0.344-0.768-0.769v-2.909c0,0,0-0.001,0-0.002v-2.912c0-0.423,0.345-0.769,0.768-0.769h2.912c0.424,0,0.768,0.346,0.768,0.769c0,0.424-0.344,0.769-0.768,0.769h-2.143v1.375H34.246z"/> 3050 </svg> 3051 </a> 3052 </li> 3053 3054 3055 </ul> 3056 </div> 3057 </div> 3058 </div> 3059 </div> 3060</footer> 3061
3062<script> 3063 // fb plugins 3064 window.fbAsyncInit = function() { 3065 FB.init({ 3066 appId : '', 3067 xfbml : true, 3068 version : 'v4.0', 3069 }); 3070 }; 3071 (function(d, s, id){ 3072 var js, fjs = d.getElementsByTagName(s)[0]; 3073 if (d.getElementById(id)) {return;} 3074 js = d.createElement(s); 3075 js.id = id; 3076 js.src = "https://connect.facebook.net/zh_TW/sdk/xfbml.customerchat.js"; 3077 fjs.parentNode.insertBefore(js, fjs); 3078 }(document, 'script', 'facebook-jssdk')); 3079 // for scupio 3080 if (document.querySelector("meta[name=\"scupio_mid\"]")) { 3081 mid = document.querySelector("meta[name=\"scupio_mid\"]").content; 3082 } else { 3083 mid = ""; 3084 } 3085 if (!window.is_scupio_sent && mid) { 3086 window._bwtm = window._bwtm || [] 3087 window._bwtm.push({ 3088 "mid": mid, 3089 "uid": "" 3090 }); 3091 } 3092</script>
3092 3093 3094 3095 <!-- Fast-Events --> 3096 3097
3098<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561904_0a98ed07_fast_events.js?1630561904' type='text/javascript'></script>
3098 3099<link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/beta_theme/1630561911_17efba2a_fast_events.css?1630561911' rel='stylesheet' type='text/css' media='all' /> 3100 3101 3102 <!-- gototop --> 3103 <div id="gototop"> 3104 <a href="javascript:void(0)"> 3105 <i class="fas fa-arrow-up"></i> 3106 </a> 3107 </div> 3108 <!-- ajaxloading --> 3109 <div id="ajaxloading"> 3110 <div class="ajaxbody"> 3111 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="73.4" height="73.4" viewBox="0 0 73.4 73.4"> 3112 <circle class="circle" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.7" cy="36.7" r="35.2"/> 3113 <polyline class="success_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="23.7,36.8 32.4,45.4 49.7,28 "/> 3114 <path class="success_icon" fill="#898989" d="M32.5,46.9c-0.4,0-0.8-0.2-1.1-0.4l-8.6-8.6c-0.6-0.6-0.6-1.5,0-2.1s1.5-0.6,2.1,0l7.5,7.5L48.6,27c0.6-0.6,1.5-0.6,2.1,0s0.6,1.5,0,2.1L33.5,46.5C33.2,46.7,32.9,46.9,32.5,46.9L32.5,46.9z"/> 3115 <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="26.6" y1="26.6" x2="46.8" y2="46.8"/> 3116 <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.8" y1="26.6" x2="26.6" y2="46.8"/> 3117 <path class="fail_icon" fill="#898989" d="M38.7,36.7l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-9.1,9.1l-9.1-9.1c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l9.1-9.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L38.7,36.7z"/> 3118 </svg> 3119 <div class="success_msg title">å·²å å ¥è³¼ç©è»</div> 3120 <div class="fail_msg title">網路ç°å¸¸ï¼è«éæ°æ´ç</div> 3121 </div> 3122 </div> 3123 3124
3124<script type="text/javascript"> 3125 window.google_tag_params = {} 3126 /* <![CDATA[ */ 3127 var google_conversion_id = 246838908; 3128 var google_custom_params = window.google_tag_params; 3129 var google_remarketing_only = true; 3130 /* ]]> */ 3131 </script>
3131 3132
3132<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> 3133 </script>
3133 3134 <noscript> 3135 <div style="display:inline;"> 3136 <img height="1" width="1" style="border-style:none;" alt="" 3137 src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/246838908/? 3138 guid=ON&script=0"/> 3139 </div> 3140 </noscript> 3141
3141<script> $(function () { 3142 function getCookie(e){for(var t=e+"=",n=decodeURIComponent(document.cookie),o=n.split(";"),i=0;i<o.length;i++){for(var r=o[i];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(t))return r.substring(t.length,r.length)}return""} 3143 var html = '<a href="/admin" style="position:fixed;top:10px;right:10px;z-index:3000;background-color:rgba(0,0,0,0.6);border-radius:3px;color:#eee;padding:10px;font-size:0.85em;line-height:1.3;"><h5 style="margin:0 0 5px 0;color:#66DFFF;font-size:15px;">黿åå¾å°ç®¡ç</h5>(åªæç®¡çè æçå°éåè¨æ¯)</a><button id="DontEnterAdmin" class="close" style="right:10px;top:8px;padding:10px 10px 20px 20px;position:fixed;color:#fff;font-size:20px;line-height:12px;z-index:4000;">Ã</button>' 3144 var adminFromCookie = parseInt(getCookie('cyberbiz_admin')) 3145 if (adminFromCookie === 1) { 3146 $(document.body).append($(html)) 3147 $('button#DontEnterAdmin').on('click', function(e) { 3148 e.preventDefault(); 3149 $('a[href="/admin"]').remove() 3150 $('button#DontEnterAdmin').remove() 3151 }) 3152 } else if (adminFromCookie !== 0) { 3153 $.ajax({ 3154 method: 'GET', 3155 url: '/check_admin', 3156 dataType: 'json' 3157 }).done(function(data) { 3158 if (!!data.admin) { 3159 $(document.body).append($(html)) 3160 } 3161 }) 3162 } 3163 }) 3164</script>
3164</body> 3165 3166
3166<script> 3167 function getMoneyFormat(price) { 3168 // for tags, to escape use: {{ this }} 3169 currency = "NT${{amount_no_decimals}}".replace('{{amount}}', ''); 3170 currency = currency.replace('{{amount_no_decimals}}', ''); 3171 3172 switch (currency) { 3173 case "¥ å": 3174 var arr = currency.split(" "); 3175 return arr[0] + price + " " + arr[1]; 3176 break; 3177 3178 case "â«": 3179 return price + currency; 3180 break; 3181 3182 default: 3183 return currency + " " + price; 3184 break; 3185 } 3186 } 3187 3188 function getDiscountPriceName() { 3189 return 'true' === 'true' ? 'åªæ å¹' : 'åªæ å®å¹'; 3190 } 3191 3192 function getDiscountPriceSuggestionName() { 3193 return 'true' === 'true' ? 'åå¹' : '建è°å®å¹'; 3194 } 3195 3196 var liquidHelper = { 3197 isFirstVariantSelected: false 3198 } 3199</script>
3199 3200 3201
3201<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561905_f72625bd_sub_vendor.js?1630561905' type='text/javascript'></script>
3201 3202
3202<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1685677258_dbd6d810_theme_helper.js?1685677258' type='text/javascript'></script>
3202 3203 3204 <!-- for Google Analytics Enhanced Ecommerce --> 3205
3205<script src='//cdn1-next.cybassets.com/assets/theme/globalAnalysis-1ece3fca2f34d03df598f1da767da5b63b0d71e91eaaa2279a0c3024d72a4005.js' type='text/javascript'></script>
3205 3206 3207 <!-- theme assets --> 3208
3208<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1667363140_1674e421_main.js?1667363140' type='text/javascript'></script>
3208 3209
3209<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1630561904_f6f46cd3_theme.js?1630561904' type='text/javascript'></script>
3209 3210 3211 <!-- theme customized main css --> 3212 <link href='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/css/1630561910_8bdbc944_theme_main.css?1630561910' rel='stylesheet' type='text/css' media='all' /> 3213 3214 <!-- for cache --> 3215
3215<script src='//cdn1-next.cybassets.com/s/files/14394/theme/45231/assets/js/1676530663_07529832_cacheable.js?1676530663' type='text/javascript'></script>
3215 3216 3217</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.