PageSourceSearch

https://www.rueichun.com.tw/

html rueichun.com.tw collected 2026-10-07 19:35:56 UTC 138,405 bytes, 3,217 lines download raw bytes

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">&times;</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&amp;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 "&#165; 円":
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.