PageSourceSearch

https://www.glicoshop.com/collections/pejoy%E7%99%BE%E9%86%87

html glicoshop.com collected 2026-09-25 08:37:16 UTC 234,101 bytes, 4,128 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-K6GRK2S
vendor: 3 bytes, line 12
12');
12</script>
12
13          
14            
14<script>
vendor: 375 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18            })(window,document,'script','dataLayer','
18GTM-M45P3PTX
vendor: 3 bytes, line 18
18');
18</script>
18
19          
19<script>var google_tag_manager_id = 'GTM-K6GRK2S';</script>
19
20<!-- End Google Tag Manager -->
21      <!-- CYBERBIZ Google Tag Manager -->
22      
22<script>
vendor: 345 bytes, lines 22-26
22(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
23      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
24      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
25      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
26      })(window,document,'script','cyb','
26GTM-TXD9LVJ
vendor: 3 bytes, line 26
26');
26</script>
26
27      <!-- End CYBERBIZ Google Tag Manager -->
28    
29      
29<script>
30        function getUserFromCookie(){
31          if(localStorage.customer && localStorage.customer != '{"notLogin":true}'){
32            return JSON.parse(localStorage.customer).id;
33          }else{
34            return "";
35          }
36        }
37        cyb = [{
38          'shop': "17329-glico格力高",
39          'shop_plan': "enterprise",
40          'userId': getUserFromCookie()
41        }];
42      </script>
42
43    
44      <!-- CYBERBIZ Google Tag Manager -->
45      
45<script>
vendor: 345 bytes, lines 45-49
45(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
46      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
47      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
48      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
49      })(window,document,'script','cyb','
49GTM-P7528MQ
vendor: 3 bytes, line 49
49');
49</script>
49
50      <!-- End CYBERBIZ Google Tag Manager -->
51    
52    <meta charset="utf-8">
53<meta http-equiv="X-UA-Compatible" content="IE=edge">
54<meta name="viewport" content="width=device-width, initial-scale=1">
55<link rel="icon" href="https://cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjEwOTE2XzEwMDAucG5nLnBuZyJdXQ.png?convert=false&sha=5e757f7e257ae6fb">
56<link rel="apple-touch-icon" href="https://cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjEwOTE2XzEwMDAucG5nLnBuZyJdXQ.png?convert=false&sha=5e757f7e257ae6fb">
57
58<meta property="og:site_name" content="glico格力高" />
59
60<!-- og tag -->
61
62
63<!-- og image -->
64
65  
66  <meta property="og:image" content="https://cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjEwOTE2XzEwMDAucG5nLnBuZyJdXQ.png?sha=5e757f7e257ae6fb" />
67  
68
69
70<title>
71  
72    Pejoy百醇 glico格力高
73  
74</title>
75
76
77
78<script src='//cdn-general.cybassets.com/frontend/shop/useSettingsData-3a2e378145f8a165.js' type='text/javascript'></script>
78
79
80
81
82  
82<script>
83    window.setSettingsData({"draggable_sections":{"404":[],"index":["_main_slider_custom","1756695103998_0","1770973237466_5","_index_4_blocks_2","1743444175734_1","1720770663430_2","1726628986886_2","1790153159751_3","_index_8_blocks","1724208740273_4"],"product":["product_info","product_description","board_comments","related_products"],"collection":[],"category":[],"blog":[],"article":[],"cart":[],"contact":[],"express_delivery":[],"search":[],"combo_product":["combo_product_info","combo_product_desc","board_comments"]},"sections":{"navbar":{"type":"navbar","visible":true,"settings":{"navbar_image_logo_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52","navbar_image_logo_tablet_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52","navbar_image_logo_mobile_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52","main_nav":"main-menu","slider_primary_linklist":"main-menu","slider_primary_linklist_set_open":true,"nav_show_three_dimension":true,"search_enabled":true,"display_only_index":false,"dict_header_banner_image_url":"","dict_header_banner_image_tablet_url":"","dict_header_banner_image_mobile_url":"","dict_header_banner_link":"","display_count_down":false,"navbar_display_style":"displayDefault","menu_display_style":"three_dimension_menu","header_banner_start":"","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","header_banner_image_alt":"","display_banner_type":"textBanner","header_banner_simple_text_size":"16","header_banner_simple_text_color":"#ffffff","header_banner_simple_bg":"#e20000","header_banner_simple_text":"【公告】本商城下單至到貨時間為4~7天,會在下單2~3天內安排出貨,如遇國定假日或周休二日則順延至下一個工作日安排出貨。","link_menu_enabled":false,"link_menu":"undefined","logo_height":"","mobile_logo_position":"left","navbar_pc_title_font_size_scale":"100","navbar_pc_body_font_size_scale":"100","navbar_mobile_title_font_size_scale":"100","navbar_mobile_body_font_size_scale":"100","breadcrumb_referrer_enabled":false},"custom_name":"導覽列"},"footer":{"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":false,"shop_facebook":"","display_instagram":false,"shop_instagram":"","display_line":false,"shop_line":"","display_youtube":false,"shop_youtube":"","footer_link_arrangement":"display_x","display_facebook_fan_block":true},"block_order":["default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","thumbnail":"list","draggable":true,"visible":false,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"},"custom_name":"選單"},"default_contact_info":{"type":"contact_info_setting","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"聯絡資訊","display_phone":true,"dict_phone_number":"0809-099-007 (非網站訂單問題請洽專線)","display_fax_number":false,"dict_shop_fax_number":"","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"臺北市中山區樂群二路189號10樓之2","display_office_time":true,"dict_shop_office_time":"10:00-17:00"},"custom_name":"聯絡資訊"}},"custom_name":"頁腳"},"_main_slider_custom":{"type":"_main_slider_custom","visible":false,"blocks":{"display_main_slider_item_1":{"type":"image","visible":false,"settings":{"dict_link":"/collections/month-recommend","dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyMzM0X-agvOWKm-mrmF855pyI6Yuq5bqVXzE5MjB4NjY3XzAuanBnLmpwZWciXV0.jpeg?sha=b6975b9c87ca4834","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyMzQ1X-agvOWKm-mrmF855pyI6Yuq5bqVXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=636a4167c065ab61","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyMzQ1X-agvOWKm-mrmF855pyI6Yuq5bqVXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=636a4167c065ab61","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""},"custom_name":"素材"},"display_main_slider_item_2":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2.png","dict_tablet_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png","dict_mobile_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png"}},"display_main_slider_item_3":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_3.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}},"display_main_slider_item_4":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""}},"display_main_slider_item_5":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""}},"1721098384434_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMDk4Mzk1X-agvOWKm-mrmDfmnIhf5pyD5ZOhXzE5MjB4NjY3Xy5qcGcuanBlZyJdXQ.jpeg?sha=afc8c91482ec0455","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMDk4NDAzX-agvOWKm-mrmDfmnIhf5pyD5ZOhXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=1091ab9b56402c76","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMDk4NDAzX-agvOWKm-mrmDfmnIhf5pyD5ZOhXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=1091ab9b56402c76","dict_link":""}},"1721099511409_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzQyODA4OTE0X-agvOWKm-mrmOWumOe2sui8quaSrS3mnY_ku4Hpo7LlvaLosaHmo5IxOTIwWDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=cb75
83adfbcfc9f6bc","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzQyODA4OTUzX-agvOWKm-mrmOWumOe2sui8quaSrS3mnY_ku4Hpo7LlvaLosaHmo5I5NjBYNTgwLmpwZy5qcGVnIl1d.jpeg?sha=c766e66dd355ae3a","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzQyODA4OTY0X-agvOWKm-mrmOWumOe2sui8quaSrS3mnY_ku4Hpo7LlvaLosaHmo5I0ODBYMjkwLmpwZy5qcGVnIl1d.jpeg?sha=2e8346d1ba64938d","dict_link":"/collections/almond-koka","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1721209114612_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMjA5MTQxX-agvOWKm-mrmDfmnIhf5ru_6aGNXzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=eab2fffe9cb6513a","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMjA5MTczX-agvOWKm-mrmDfmnIhf5ru_6aGNXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=ae67089cfecada27","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMjA5MTczX-agvOWKm-mrmDfmnIhf5ru_6aGNXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=ae67089cfecada27","dict_link":"/collections/all"}},"1722423669088_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NjI4OTI3X-agvOWKm-mrmF855pyI6L2J55ukXzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=0ff5adba5f8b765f","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyNzA3X-agvOWKm-mrmF855pyI6L2J55ukXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=6a50043717a3a7d8","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyNzA3X-agvOWKm-mrmF855pyI6L2J55ukXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=6a50043717a3a7d8","dict_link":"/collections/month-recommend","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1725357813764_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3ODI4X1VmdWZ5LembtumMouWMhee1hF9CTl8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=30ef36676c9a2ea9","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3NzQ5X1VmdWZ5LembtumMouWMhee1hF9CTl85NjB4NTgwLmpwZy5qcGVnIl1d.jpeg?sha=962bb267f89fd021","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3NzQ5X1VmdWZ5LembtumMouWMhee1hF9CTl85NjB4NTgwLmpwZy5qcGVnIl1d.jpeg?sha=962bb267f89fd021","dict_link":"/collections/pocky百奇","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1725358041095_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc4MjI0ODU3XzE5MjBYNjY3LmpwZy5qcGVnIl1d.jpeg?sha=5a01d4e31c1135f5","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc4MjI0ODkwXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=2d9e138f7a9a0b7f","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc4MjI0ODkwXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=2d9e138f7a9a0b7f","dict_link":"/collections/pocky百奇優格棒系列","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":"","main_slider_image_alt":""}},"1746036399039_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY1MjY2OTY0XzE5MjBYNjY3LmpwZy5qcGVnIl1d.jpeg?sha=52b79d8eb1850191","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY1MjY2OTY0Xzk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=cd1cdc3047b504f7","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY1MjY2OTY0Xzk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=cd1cdc3047b504f7","dict_link":"https://www.facebook.com/glico.taiwan/?ref=embed_page#","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1746036608419_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY5OTk5NDMwXzE5MjBYNjY3LUFOTi5qcGcuanBlZyJdXQ.jpeg?sha=e4d1ba5f95c45e7c","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY5OTk5NDMwXzk2MFg1ODAtQU5OLmpwZy5qcGVnIl1d.jpeg?sha=3c1ef0c033860501","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzY5OTk5NDMwXzk2MFg1ODAtQU5OLmpwZy5qcGVnIl1d.jpeg?sha=3c1ef0c033860501","dict_link":"/collections/每週好物推薦區","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1746551720551_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI4X1czLTE5MjBYNjY3LmpwZy5qcGVnIl1d.jpeg?sha=56d46ca0a9c09e57","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI4X1czLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=d6fbac4798e9fd96","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI4X1czLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=d6fbac4798e9fd96","dict_link":"/collections/每週好物推薦區","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1751332949169_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X1cxLUFLLTE5MjBYNjY3LmpwZy5qcGVnIl1d.jpeg?sha=f27f8c723d773c23","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X1cxLUFLLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=8bc43f678780916f","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X1cxLUFLLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=8bc43f678780916f","dict_link":"/collections/每週好物推薦區","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1755500664851_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI3X1czLUFLLTI05YWlLTE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=ca9947c48756359c","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI4X1czLUFLLTI05YWlLTk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=14ce65f3b0badb90","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcwOTcxOTI4X1czLUFLLTI05YWlLTk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=14ce65f3b0badb90","dict_link":"/collections/每週好物推薦區","link_open_in_new_tab":false,"slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1770369972365_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X3cxLTE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=c5c1ed27cbb91b36","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X3cxLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=37c9e24f089643fd","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNDE1NzU0X3cxLTk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=37c9e24f089643fd","dict_link":"/collections/每週好物推薦區","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1770369972365_0","1751332949169_0","1746551720551_0","1755500664851_0","1725358041095_0","1721099511409_0","1746036399039_0"],"settings":{"swiper_delay":"20","margin_x":"50","margin_bottom":"30","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"24","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"custom_name":"輪播素材"},"_index_4_blocks":{"type":"_index_4_blocks","visible":true,"blocks":{"display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"圖片"},"display_index_4_block_1_2":{"type":"image","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_2.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""},"custom_name":"圖片"},"display_index_4_block_1_3":{"type":"image","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_3.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""},"custom_name":"圖片"},"display_index_4_block_1_4":{"type":"image","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_4.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""},"custom_name":"圖片"}},"block_order":["display_index_4_block_1","display_index_4_block_1_2","display_index_4_block_1_3","display_index_4_block_1_4"],"settings":{"margin_x":"320","margin_bottom":"32","margin_block":"100","mobile_margin_x":"80","mobile_margin_bottom":"24","mobile_columns":2,"mobile_margin_block":"40"},"custom_name":"自訂排版設計"},"express_delivery_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"express_delivery_display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/express_delivery_display_index_4_block_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}}},"block_order":["express_delivery_display_index_4_block_1"]},"custom_text":{"type":"custom_text","visible":true,"settings":{}},"blog":{"type":"blog","visible":true,"settings":{"article_limit_in_blog_page":"6"}},"article":{"type":"article","visible":true,"settings":{"display_blog_menu":true,"dict_blog_tags_title":"文章分類","blog_latest_post_limit":"2"}},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"
836","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjEwOTE2XzEwMDAucG5nLnBuZyJdXQ.png?sha=5e757f7e257ae6fb","og_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjEwOTE2XzEwMDAucG5nLnBuZyJdXQ.png?sha=5e757f7e257ae6fb","shop_title":"歡迎光臨","shop_description":"親友送禮、囤貨自享,一根 Pocky 讓心情變美麗! 你今天 Pocky了嗎!官網限定優惠,經典、期間限定,款款好吃到停不了。","shop_keywords":"Pocky Pretz 杏仁果飲","prevent_right_click":false},"custom_name":"全站設定"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#c20000","button_text_color":"#ffffff","accent_color":"#b20015","heading_color":"#2d2d2d","text_color":"#2d2d2d","price_color":"#2d2d2d","discount_price_color":"#ff0000","theme_bg_color":"#ffffff","product_border_color":"#898989","nav_logo_bg_color":"#ffffff","nav_menu_bg_color":"#ffffff","nav_menu_text_color":"#000000","nav_menu_icon_color":"#000000","footer_bg_color":"#dbdbdb","footer_text_color":"#000000","checkout_button_color":"#c30000","checkout_accent_color":"#ad0014","tips_text_color":"#ff0000"},"custom_name":"顏色設定"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/popup_default.jpg","icon_size":"small"},"custom_name":"圖片"},"1746036296453_2":{"type":"game","custom_name":"互動遊戲","visible":false,"settings":{"dict_game_handle":"10631"}}},"block_order":["1746036296453_2"],"settings":{},"custom_name":"彈窗廣告"},"product_info":{"type":"product_info","visible":true,"settings":{"display_product_sku":false,"dict_vip_custom_price_text":"","dict_vip_custom_price_href":""},"custom_name":"基本設定"},"product_description":{"type":"product_description","visible":true,"custom_name":"商品介紹"},"board_comments":{"type":"board_comments","visible":true,"settings":{},"thumbnail":"list","draggable":false},"related_products":{"type":"related_products","visible":true,"settings":{"display_related_cols":true,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"相關商品","related_products_limit":"4"},"custom_name":"相關商品"},"combo_product_info":{"type":"combo_product_info","visible":true,"settings":{}},"combo_product_desc":{"type":"combo_product_desc","visible":true,"settings":{}},"contact":{"type":"contact","visible":true,"settings":{"show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e"}},"collection":{"type":"collection","visible":true,"settings":{"collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_column_for_pc":"","is_infinite_scroll":false},"custom_name":"商品分類設定"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_title_text":"抱歉,此頁面不存在或者已經被移除","dict_btn_text":"返回首頁"}},"blogs_all":{"type":"blogs_all","visible":true,"settings":{}},"bundle_discounts":{"type":"bundle_discounts","visible":true,"settings":{}},"cart":{"type":"cart","visible":true,"settings":{}},"cart_empty":{"type":"cart_empty","visible":true,"settings":{}},"page":{"type":"page","visible":true,"settings":{}},"search":{"type":"search","visible":true,"settings":{"search_link_list":"main-menu"}},"customers/account":{"type":"customers/account","visible":true,"settings":{}},"customers/account_edit":{"type":"customers/account_edit","visible":true,"settings":{}},"customers/activate_account":{"type":"customers/activate_account","visible":true,"settings":{}},"customers/addresses":{"type":"customers/addresses","visible":true,"settings":{}},"customers/bonus_points":{"type":"customers/bonus_points","visible":true,"settings":{}},"customers/cancel":{"type":"customers/cancel","visible":true,"settings":{}},"customers/coupons":{"type":"customers/coupons","visible":true,"settings":{}},"customers/forgot_password":{"type":"customers/forgot_password","visible":true,"settings":{}},"customers/login":{"type":"customers/login","visible":true,"settings":{}},"customers/message":{"type":"customers/message","visible":true,"settings":{}},"customers/messages":{"type":"customers/messages","visible":true,"settings":{}},"customers/modify_password":{"type":"customers/modify_password","visible":true,"settings":{}},"customers/order":{"type":"customers/order","visible":true,"settings":{}},"customers/orders":{"type":"customers/orders","visible":true,"settings":{}},"customers/periodic_order":{"type":"customers/periodic_order","visible":true,"settings":{}},"customers/periodic_orders":{"type":"customers/periodic_orders","visible":true,"settings":{}},"customers/other_valid_orders":{"type":"customers/other_valid_orders","visible":true,"settings":{}},"customers/register":{"type":"customers/register","visible":true,"settings":{}},"customers/reset_password":{"type":"customers/reset_password","visible":true,"settings":{}},"customers/return":{"type":"customers/return","visible":true,"settings":{}},"customers/tracking_items":{"type":"customers/tracking_items","visible":true,"settings":{}},"express_delivery-navbar":{"type":"express_delivery-navbar","visible":true,"settings":{}},"express_delivery-content":{"type":"express_delivery-content","visible":true,"settings":{}},"_index_4_blocks_2":{"type":"_index_4_blocks","visible":false,"settings":{"margin_x":"150","margin_bottom":"40","margin_block":"20","mobile_margin_x":"16","mobile_margin_bottom":"20","mobile_columns":2,"mobile_margin_block":"50","mobile_align":"left"},"blocks":{"display_index_4_block_2":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4NTM4X-agvOWKm-mrmDjmnIhf57KS57KS55uS6KOd5Lu76YG4Ml85NjB4NTgwLmpwZy5qcGVnIl1d.jpeg?sha=98df45ff83151561","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4NTM4X-agvOWKm-mrmDjmnIhf57KS57KS55uS6KOd5Lu76YG4Ml85NjB4NTgwLmpwZy5qcGVnIl1d.jpeg?sha=98df45ff83151561","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4NTM4X-agvOWKm-mrmDjmnIhf57KS57KS55uS6KOd5Lu76YG4Ml85NjB4NTgwLmpwZy5qcGVnIl1d.jpeg?sha=98df45ff83151561","dict_link":"/collections/812-825-pocky-4-236","block_propotion":"33"},"custom_name":"圖片"},"display_index_4_block_2_2":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyNzA3X-agvOWKm-mrmF855pyI6L2J55ukXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=6a50043717a3a7d8","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyNzA3X-agvOWKm-mrmF855pyI6L2J55ukXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=6a50043717a3a7d8","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MTIyNzA3X-agvOWKm-mrmF855pyI6L2J55ukXzk2MHg1ODBfMC5qcGcuanBlZyJdXQ.jpeg?sha=6a50043717a3a7d8","dict_link":"/collections/month-rec
83ommend","block_propotion":"50","dict_image_description":""},"custom_name":"圖片"},"display_index_4_block_2_3":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2MjE0MzQxX-agvOWKm-mrmF855pyI5Lit56eLR0lGXzk2MHg1ODAuZ2lmLmdpZiJdXQ.gif?sha=8f54ed3ecee1515e","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2MjE0MzQxX-agvOWKm-mrmF855pyI5Lit56eLR0lGXzk2MHg1ODAuZ2lmLmdpZiJdXQ.gif?sha=8f54ed3ecee1515e","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2MjE0MzQxX-agvOWKm-mrmF855pyI5Lit56eLR0lGXzk2MHg1ODAuZ2lmLmdpZiJdXQ.gif?sha=8f54ed3ecee1515e","dict_link":"/collections/month-recommend","block_propotion":"33","dict_image_description":""},"custom_name":"圖片"},"1724645690656_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0NjQ1NzI0X-agvOWKm-mrmDIwMjRf5paw5pyD5ZOhXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=4d65f4f3cd0bfcb7","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0NjQ1NzI0X-agvOWKm-mrmDIwMjRf5paw5pyD5ZOhXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=4d65f4f3cd0bfcb7","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0NjQ1NzI0X-agvOWKm-mrmDIwMjRf5paw5pyD5ZOhXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=4d65f4f3cd0bfcb7","dict_link":"","block_propotion":"33","dict_image_description":""}},"1725357701105_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NjU1MzEzX-agvOWKm-mrmDnmnIhf5Y2z5pyf6Imv5ZOBXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=d2edcf46a7fe08d8","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NjU1MzEzX-agvOWKm-mrmDnmnIhf5Y2z5pyf6Imv5ZOBXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=d2edcf46a7fe08d8","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NjU1MzEzX-agvOWKm-mrmDnmnIhf5Y2z5pyf6Imv5ZOBXzk2MHg1ODAuanBnLmpwZWciXV0.jpeg?sha=d2edcf46a7fe08d8","dict_link":"/collections/即期良品","block_propotion":"50","dict_image_description":""}},"1725358084995_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzAyXzI0MDYyNV_mn6_ljZfntYTljIVfOTYweDU4MC0gKDIpLmpwZy5qcGVnIl1d.jpeg?sha=5d83a1f047184f3d","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzAyXzI0MDYyNV_mn6_ljZfntYTljIVfOTYweDU4MC0gKDIpLmpwZy5qcGVnIl1d.jpeg?sha=5d83a1f047184f3d","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzAyXzI0MDYyNV_mn6_ljZfntYTljIVfOTYweDU4MC0gKDIpLmpwZy5qcGVnIl1d.jpeg?sha=5d83a1f047184f3d","dict_link":"/collections/pretz百力滋","block_propotion":"33","dict_image_description":""}}},"block_order":["1725357701105_0","display_index_4_block_2_2","display_index_4_block_2_3","1725358084995_0","1724645690656_0"],"custom_name":"公格素材"},"_index_8_blocks":{"type":"_index_8_blocks","visible":false,"settings":{"dict_title":"日本原裝進口","collection_handle":"杏仁果飲","limit":"8","margin_x":"200","margin_bottom":"50","mobile_margin_x":"24","mobile_margin_bottom":"24","product_display":"displayPartial","product_arrangement":"1","product_alignment":"midPosition","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[],"custom_name":"商品分類-AK"},"_index_product_banner":{"type":"_index_product_banner","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMDk5NDE2X-agvOWKm-mrmOadj-S7geaenOmjsktWXzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=8222aab7c82698c7","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNDU4X-agvOWKm-mrmOadj-S7geaenOmjsktWXzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=af91e0372bfe0245","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNDU4X-agvOWKm-mrmOadj-S7geaenOmjsktWXzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=af91e0372bfe0245","dict_link":"/collections/almond-koka","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"50","margin_bottom":"30","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[],"custom_name":"橫幅廣告-AK"},"_graphic_introduction":{"type":"_graphic_introduction","visible":true,"settings":{"text_display":"leftPosition","graphic_text":"#B19674","graphic_bg"
83:"#000000","margin_x":"20","margin_bottom":"48","mobile_margin_x":"0","mobile_margin_bottom":"40","dict_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction.png","dict_tablet_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction.png","dict_mobile_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction_mobile.png","btn_display":"leftSide","block_propotion":"65"},"blocks":{"display_graphic_introduction_block_1":{"type":"title","visible":true,"settings":{"dict_rich_text_title":"Charcoal Roasted Tea","dict_size":"24"},"custom_name":"標題"},"display_graphic_introduction_block_1_2":{"type":"text","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003eSelected high-quality \u003cstrong\u003e\u003cins\u003eTaiwanese tea mixed with local flowers and plants\u003c/ins\u003e\u003c/strong\u003e. Natural scenting, elegant and healing aroma... the tea is sweeter and smoother.\u003c/p\u003e\n","dict_size":"14"},"custom_name":"內文"},"display_graphic_introduction_block_1_3":{"type":"button","visible":true,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#77363e","graphic-button_text":"#ffffff"},"custom_name":"按鈕"}},"block_order":["display_graphic_introduction_block_1_3","display_graphic_introduction_block_1","display_graphic_introduction_block_1_2"],"custom_name":"圖文介紹"},"_graphic_introduction_2":{"type":"_graphic_introduction","visible":true,"settings":{"text_display":"leftPosition","graphic_text":"#000000","graphic_bg":"#ffffff","margin_x":"20","margin_bottom":"48","mobile_margin_x":"0","mobile_margin_bottom":"40","dict_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction_2.png","dict_tablet_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction_2.png","dict_mobile_image_url":"/theme_src/i18n_delight/default_img/graphic_introduction_2_mobile.png","btn_display":"rightSide","block_propotion":"65"},"blocks":{"display_graphic_introduction_block_2":{"type":"title","visible":true,"settings":{"dict_rich_text_title":"Nougat Meets Cranberry","dict_size":"24"},"custom_name":"標題"},"display_graphic_introduction_block_2_2":{"type":"text","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003eJuicy, fresh and slightly sour, not only sweet, but also with a layer of lactic acid taste.\u003c/p\u003e\n","dict_size":"14"},"custom_name":"內文"},"display_graphic_introduction_block_2_3":{"type":"button","visible":true,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#77363e","graphic-button_text":"#d9caa3"},"custom_name":"按鈕"}},"block_order":["display_graphic_introduction_block_2_3","display_graphic_introduction_block_2","display_graphic_introduction_block_2_2"],"custom_name":"圖文介紹"},"1720770069200_4":{"type":"_index_4_blocks","custom_name":"影片-AK陪沈團","visible":true,"settings":{"margin_x":"200","margin_bottom":"50","margin_block":"10","mobile_margin_x":"50","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10"},"blocks":{"1720770069209_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://youtu.be/gMUqgXE3Uuo?si=y_zEfkXwiuoA_u3q","block_propotion":"100","auto_play":false,"hide_controls":false,"loop":true}}},"block_order":["1720770069209_1"]},"1720770663430_2":{"type":"_index_8_blocks","custom_name":"商品分類-本月","visible":true,"settings":{"dict_title":"本月精選推薦","collection_handle":"2504首頁推薦商品","limit":"12","product_arrangement":"1","product_alignment":"leftPosition","margin_x":"200","margin_bottom":"80","mobile_margin_x":"24","mobile_margin_bottom":"24","product_display":"displayAll","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[]},"1722423738560_1":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzkzX-agvOWKm-mrmDfmnIhf5a6Y57ay5Lit5YWD5rS75YuVQk5fMV8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=6df23a0edb54ae85","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzkzX-agvOWKm-mrmDfmnIhf5a6Y57ay5Lit5YWD5rS75YuVQk5fMV8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=6df23a0edb54ae85","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzNzkzX-agvOWKm-mrmDfmnIhf5a6Y57ay5Lit5YWD5rS75YuVQk5fMV8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=6df23a0edb54ae85","dict_link":"/collections/month-rec
83ommend","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1722423828636_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"3","margin_x":"150","margin_bottom":"50","image_number":"1","image_space":"120","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8"},"blocks":{"1722423828637_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_link":"/bundle_discounts/ak-glioc-discount","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1722423935586_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTUzX-agvOWKm-mrmF_mpLDlrZDlj6_lj6_mo5JfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=0c6608f301309662","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTUzX-agvOWKm-mrmF_mpLDlrZDlj6_lj6_mo5JfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=0c6608f301309662","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTUzX-agvOWKm-mrmF_mpLDlrZDlj6_lj6_mo5JfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=0c6608f301309662","dict_link":"/collections/pocky百奇"}},"1722423968308_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTc3X-agvOWKm-mrmF_pub3lkbPmqrjmqqxfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=354ee1c100b5a75d","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTc3X-agvOWKm-mrmF_pub3lkbPmqrjmqqxfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=354ee1c100b5a75d","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIyNDIzOTc3X-agvOWKm-mrmF_pub3lkbPmqrjmqqxfMTkyMHg2NjcuanBnLmpwZWciXV0.jpeg?sha=354ee1c100b5a75d","dict_link":"/collections/pretz百力滋"}},"1724996114144_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTk2MDI4X0lNR181MjI0LmpwZWcuanBlZyJdXQ.jpeg?sha=00aa5db9600faeb4","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTk2MDI4X0lNR181MjI0LmpwZWcuanBlZyJdXQ.jpeg?sha=00aa5db9600faeb4","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTk2MDI4X0lNR181MjI0LmpwZWcuanBlZyJdXQ.jpeg?sha=00aa5db9600faeb4","dict_link":"/collections/sale-2-4-6-10","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1725357889912_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3ODI4X1VmdWZ5LembtumMouWMhee1hF9CTl8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=30ef36676c9a2ea9","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3ODI4X1VmdWZ5LembtumMouWMhee1hF9CTl8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=30ef36676c9a2ea9","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU3ODI4X1VmdWZ5LembtumMouWMhee1hF9CTl8xOTIweDY2Ny5qcGcuanBlZyJdXQ.jpeg?sha=30ef36676c9a2ea9","dict_link":"/collections/pocky百奇","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1725358360188_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU4Mzc2X1VmdWZ5LembtumMouWMhee1hF9CTl8yMDAwWDEwMDAuanBnLmpwZWciXV0.jpeg?sha=31907f77cb2e1833","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU4Mzc2X1VmdWZ5LembtumMouWMhee1hF9CTl8yMDAwWDEwMDAuanBnLmpwZWciXV0.jpeg?sha=31907f77cb2e1833","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI1MzU4Mzc2X1VmdWZ5LembtumMouWMhee1hF9CTl8yMDAwWDEwMDAuanBnLmpwZWciXV0.jpeg?sha=31907f77cb2e1833","dict_link":"/collections/month-rec
83ommend","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}}},"block_order":["1724996114144_0","1725357889912_0","1725358360188_0"]},"1724208740273_4":{"type":"_index_4_blocks","custom_name":"品牌牆","visible":true,"settings":{"margin_x":"50","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10","mobile_align":"left"},"blocks":{"1724208740275_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4ODQ3X2NsYXNzX3BvY2t5LmpwZy5qcGVnIl1d.jpeg?sha=c15f40fce8720a04","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4ODQ3X2NsYXNzX3BvY2t5LmpwZy5qcGVnIl1d.jpeg?sha=c15f40fce8720a04","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4ODQ3X2NsYXNzX3BvY2t5LmpwZy5qcGVnIl1d.jpeg?sha=c15f40fce8720a04","dict_link":"/collections/pocky","block_propotion":"34","dict_image_description":""}},"1724208740276_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":""}},"1724208898258_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4OTA0X2NsYXNzX3ByZXR6LmpwZy5qcGVnIl1d.jpeg?sha=dce77fa22f9741a2","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4OTA0X2NsYXNzX3ByZXR6LmpwZy5qcGVnIl1d.jpeg?sha=dce77fa22f9741a2","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4OTA0X2NsYXNzX3ByZXR6LmpwZy5qcGVnIl1d.jpeg?sha=dce77fa22f9741a2","dict_link":"/collections/pretz百力滋","block_propotion":"33","dict_image_description":""}},"1724209553639_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA5NTY1X2NsYXNzX0FLX-aoguWIqS5qcGcuanBlZyJdXQ.jpeg?sha=90923e18af642c4b","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA5NTY1X2NsYXNzX0FLX-aoguWIqS5qcGcuanBlZyJdXQ.jpeg?sha=90923e18af642c4b","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA5NTY1X2NsYXNzX0FLX-aoguWIqS5qcGcuanBlZyJdXQ.jpeg?sha=90923e18af642c4b","dict_link":"/collections/almond-koka","block_propotion":"33","dict_image_description":""}}},"block_order":["1724208740275_0","1724208898258_0","1724209553639_0"]},"1724232381198_1":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzI0MjA4MTUzX-agvOWKm-mrmF845pyI5Lu76YG4XzE5MjB4NjY3LmpwZy5qcGVnIl1d.jpeg?sha=7865c0910bc3cae0","dict_link":"/bundle_discounts/ak-glioc-discount","display_cta_btn":false,"cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#ffffff","cta_btn_text_color":"#ffffff","margin_x":"150","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24","dict_cta_btn_text":"立即前往"},"blocks":{},"block_order":[]},"1726628986886_2":{"type":"_index_8_blocks","custom_name":"商品分類","visible":false,"settings":{"dict_title":"即期良品下殺42折","collection_handle":"即期良品","limit":"8","product_arrangement":"1","product_alignment":"midPosition","margin_x":"200","margin_bottom":"80","mobile_margin_x":"24","mobile_margin_bottom":"24","product_display":"displayDefault","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[]},"1743444175734_1":{"type":"_index_product_banner","custom_name":"橫幅廣告-5月上贈品","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzU2Njk0OTk0XzlUSC0xOTIwWDY2Ny1BLmpwZy5qcGVnIl1d.jpeg?sha=d984c5faac52e684","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzU2Njk0OTk0XzlUSC0xOTIwWDY2Ny1BLmpwZy5qcGVnIl1d.jpeg?sha=d984c5faac52e684","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzU2Njk1MDMzXzlUSC05NjBYNTgwLUEuanBnLmpwZWciXV0.jpeg?sha=0fa3444bfe02583c","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"50","margin_bottom":"30","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1756695103998_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":false,"settings":{"swiper_delay":"3","margin_x":"0","margin_bottom":"50","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"blocks":{"1756695104000_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MT
83U3XzE5MjBYNjY3LmpwZy5qcGVnIl1d.jpeg?sha=1875445a8561d81d","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MTU3Xzk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=3c11e6b9cc491bb4","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MTU3Xzk2MFg1ODAuanBnLmpwZWciXV0.jpeg?sha=3c11e6b9cc491bb4","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1756695159958_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MTU2XzE5MjdYNjY3LS5qcGcuanBlZyJdXQ.jpeg?sha=ce7e8e0fd432ffc8","dict_tablet_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MTU2Xzk2MFg1ODAtLmpwZy5qcGVnIl1d.jpeg?sha=9dc39658390ea0ea","dict_mobile_image_url":"//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzc3ODU0MTU2Xzk2MFg1ODAtLmpwZy5qcGVnIl1d.jpeg?sha=9dc39658390ea0ea","dict_link":"/collections/中元午拜午保庇專區","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1756695104000_0","1756695159958_0"]},"1770973237466_5":{"type":"_index_4_blocks","custom_name":"自訂排版設計","visible":true,"settings":{"margin_x":"0","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10","mobile_align":"left"},"blocks":{"1770973242243_2":{"type":"carousel","custom_name":"排程跑馬燈","visible":true,"settings":{"dict_carousel":"BN","block_propotion":"100"}},"1779933334498_2":{"type":"carousel","custom_name":"排程跑馬燈","visible":true,"settings":{"dict_carousel":"官網活動","block_propotion":"100"}}},"block_order":["1770973242243_2","1779933334498_2"]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"text","visible":true,"settings":{"display_only_index":false,"display_period":"always","dict_link":"","link_open_in_new_tab":false,"dict_image_url":"","dict_image_tablet_url":"","dict_image_mobile_url":"","image_alt":"","dict_content":"【公告】本商城下單至到貨時間為4~7天,會在下單2~3天內安排出貨,如遇國定假日或周休二日則順延至下一個工作日安排出貨。","text_size":"16","text_color":"#ffffff","bg_color":"#e20000","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","migrated_from_navbar":true},"custom_name":"文字"}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"},"custom_name":"置頂公告"},"1790153159751_3":{"type":"_video_editor_section","custom_name":"影片設定","visible":true,"settings":{"dict_video_editor_section_title":"","video_editor_section_dict_title":"","dict_video_editor_section_video_link":"https://www.youtube.com/watch?v=ZfCI1YBUp7E","video_editor_section_dict_video_link":"","auto_play":true,"hide_controls":true,"loop":true,"margin_x":"70","margin_bottom":"10","mobile_margin_x":"0","mobile_margin_bottom":"0"},"blocks":{},"block_order":[]}},"navbar_image_logo":true,"show_default_all_products":true,"one_dimension_limit":"6","two_dimension_limit":"10","header_banner_display":true,"header_banner_link":"/","display_main_slider":true,"display_phone":true,"phone_number":"0912345678","display_fax_number":true,"shop_fax_number":"0222345678","display_shop_email":true,"shop_email":"[email protected]","display_shop_address":true,"shop_address":"測試地址","display_office_time":true,"shop_office_time":"10:00-17:00","index_event_slider_display":true,"index_event_slider_item_1_display":true,"dict_index_event_slider_item_1_link":"#","index_event_slider_item_2_display":true,"dict_index_event_slider_item_2_title":"2019秋季鞋款新品上市","dict_index_event_slider_item_2_link":"#","index_event_slider_item_3_display":true,"dict_index_event_slider_item_3_title":"全館任選三件結帳再享折扣!!8折!!","dict_index_event_slider_item_3_link":"#","index_event_slider_item_4_display":true,"dict_index_event_slider_item_4_title":"FINAL SALE/夏天熱銷百搭鞋款補貨到店","dict_index_event_slider_item_4_link":"#","index_event_slider_item_5_display":true,"dict_index_event_slider_item_5_title":"熱賣倒數","dict_index_event_slider_item_5_link":"#","index_event_slider_item_6_display":true,"dict_index_event_slider_item_6_title":"現在註冊會員即可享折扣金$50(現折)","dict_index_event_slider_item_6_link":"#","index_event_slider_item_7_display":false,"dict_index_event_slider_item_7_title":"","dict_index_event_slider_item_7_link":"","
83index_event_slider_item_8_display":false,"dict_index_event_slider_item_8_title":"","dict_index_event_slider_item_8_link":"#","index_event_slider_item_9_display":false,"dict_index_event_slider_item_9_title":"","dict_index_event_slider_item_9_link":"#","index_event_slider_item_10_display":false,"dict_index_event_slider_item_10_title":"","dict_index_event_slider_item_10_link":"#","index_4_slider_display":true,"dict_index_4_slider_title":"Instagram","index_4_slider_item_1_display":true,"dict_index_4_slider_item_1_link":"#","index_4_slider_item_2_display":true,"dict_index_4_slider_item_2_link":"#","index_4_slider_item_3_display":true,"dict_index_4_slider_item_3_link":"#","index_4_slider_item_4_display":true,"dict_index_4_slider_item_4_link":"#","index_4_slider_item_5_display":true,"dict_index_4_slider_item_5_link":"#","index_4_slider_item_6_display":false,"dict_index_4_slider_item_6_link":"#","index_4_slider_item_7_display":false,"dict_index_4_slider_item_7_link":"#","index_4_slider_item_8_display":false,"dict_index_4_slider_item_8_link":"#","index_video_blocks_display":true,"dict_index_video_blocks_title":"Youtube","dict_index_video_blocks_video_link":"https://www.youtube.com/watch?v=3bI4IUIVjCk","collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_slogan_display":false,"display_product_total_sold":false,"display_periodic_order_label":false,"cart_quantity_limit":"0","is_empty_clickable":true,"is_first_selected":false,"display_product_images_color":false,"discount_product_images_color_expand":false,"display_product_discounts_list":true,"display_discount_price_name":false,"discount_price_slogan_url":"","dict_discount_price_name":"","display_discount_price_suggestion_name":false,"dict_discount_price_suggestion_name":"","display_product_section_description":true,"dict_product_section_description":"商品介紹","description_section_spec_setting":true,"dict_product_description_section_spec":"規格說明","description_section_shipping_setting":true,"dict_product_description_section_shipping":"運送方式","vip_custom_price_visible":false,"display_global_event_1":false,"dict_show_global_event_1_link":"#","display_global_event_2":false,"dict_show_global_event_2_link":"#","display_global_event_3":false,"dict_show_global_event_3_link":"#","display_contact_address":true,"dict_contact_address":"測試地址","show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e","display_selected_blog":true,"selected_blog":"news","display_inventory_policy":false,"google_font":"{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Sans TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}","styled_shop_menu":"buttonType","product_scale":"default_scale","display_product_vendor":true,"product_text_align":"center","product_video_display_location":"before","product_labels":{"items":[{"id":"sale_label","kind":"system","title":"特價標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"large"},{"id":"out_of_stock_label","kind":"system","title":"缺貨標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"periodic_event_label","kind":"system","title":"定期定額標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"3b34b03c-ecad-4344-a075-003a4a99a84a","kind":"custom","title":"自定義標籤 1","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"df0e7ba7-6292-4298-9a2c-3ad11465da31","kind":"custom","title":"自定義標籤 2","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"09111061-0ab1-4118-86bc-523dc2d779dd","kind":"custom","title":"自定義標籤 3","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"3be674f7-f38a-482e-8e20-6c6d272b470e","kind":"custom","title":"自定義標籤 4","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"a2d3f4ec-f82b-437f-a2d5-99d7f4552d02","kind":"custom","title":"自定義標籤 5","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"}]},"nav_icon_style":"icon_type_default","product_card_hover_effect":"button","product_image_border_radius":"0"});
84  </script>
84
85
86
87
88
89
90
91
92
93
94
95    <!-- for vendor -->
96    <!-- cyb_snippet _bootstrap start -->
97
98<!-- cyb_snippet _bootstrap end -->
99    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/vendor-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
100
101    <!-- common css rulesets -->
102    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/common-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
103
104    <!-- for navbar -->
105    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/navbar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
106
107    <!-- for footer -->
108    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/footer-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
109
110    <!-- theme assets -->
111    <link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/main-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
112
113    <!-- for vendor -->
114    
114<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/vendor-3a2e378145f8a165.js' type='text/javascript'></script>
114
115
116            
116<script>
117          window.sci = "eyJzaG9wX2lkIjoxNzMyOSwic2hvcF9wbGFuIjoiZW50ZXJwcmlzZSIsImRp\nbV9hZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21l\ncl9uYW1lIjpudWxsLCJzaG9wX25hbWUiOiJnbGljb+agvOWKm+mrmCIsInNo\nYXJlX2F0dHJpYnV0aW9uX2VuYWJsZWQiOmZhbHNlfQ==\n";
118        </script>
118
119
120
121<meta name="csrf-param" content="authenticity_token" />
122<meta name="csrf-token" content="vJl0LUFCSp6nKoPXKXVFglwkhkjdbr5UyUbuSwdTDOmWbmgQ94i4xqkgs-Vsz0HIiJIqKFesToiQXuRJJeMnJA" />
123<script>(function () {
124  window.gaConfigurations = {"useProductIdInProductEvents":false};
125})();
126</script>
vendor: 1 bytes, line 126
126
127<script>(function () {
128  window.CYBERBIZ_PageContext = {"page_type":"collection"};
129})();
130</script>
130
131<link href="//cdn-general.cybassets.com/frontend/shop/quark-3a2e378145f8a165.css" rel="stylesheet" type="text/css" media="all" />
132        
132<script>
133          window.shopScriptHelper = {
134            i18nLocale: "zh-TW",
135            i18nLocaleDefault: "zh-TW",
136            availableCurrencies: ["AED","AMD","ARS","AUD","AZN","BDT","BGN","BND","BRL","BWP","BYN","CAD","CDF","CHF","CLP","CNY","COP","CZK","DKK","EGP","ETB","EUR","GBP","GEL","GHS","HKD","IDR","ILS","INR","ISK","JPY","KES","KRW","KWD","KZT","LAK","LKR","LSL","MAD","MGA","MMK","MVR","MXN","MYR","MZN","NGN","NOK","NPR","NZD","OMR","PEN","PHP","PKR","QAR","RON","RSD","RUB","SAR","SEK","SGD","THB","TRY","TWD","UAH","UGX","USD","VND","XAF","XOF","ZAR","ZMW"],
137            defaultCurrency: "TWD",
138            currenciesInfo: [{"code":"TWD","money_format":"%u%n","decimal_precision":0,"email":"NT${{amount_no_decimals}}","unit":"","symbol":"NT$","email_unit":"NT${{amount_no_decimals}}","html_unit":"NT${{amount_no_decimals}}","format":"NT${{amount_no_decimals}}","html":"NT${{amount_no_decimals}}","trailing_zeros":false,"name":"新台幣 (TWD)"}],
139            vueOverrideTranslations: {"zh-TW":{"vue":{"common":{"price_label":"建議售價","pre_order":"預購商品","add_to_cart":"加入購物車","contact_merchant":"聯絡店家","sold_out":"已售完","failed_to_update_cart":"更新購物車失敗","wrong_quantity":"數量輸入錯誤","buy_at_least_one":"購買數量不可小於1","exceed_upper_limit":"超過購買上限","exceed_stock_quantity":"超過庫存數量","corona":{"confirm_yes":"確認","confirm_no":"取消"},"theme":{"wrong_date":"日期錯誤","choose_specification":"請選擇規格"}},"express_delivery":{"default_sort":"預設排序","price_desc":"價格由高到低","price_asc":"價格由低到高","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","recent_days_sold_desc":"本週熱賣","product_count":"共 {totalCount} 件商品","empty_collection":"此分類目前沒有商品","search_product_count":"您搜尋{selectedStoreName}的商品共 {count} 項","back_to_product_list":"返回商品列表","choose_store":"選擇外送門市","phone":"聯絡電話","business_hours":"營業時間","store_address":"門市地址","store_address_info":"門市地址:{address}","store_is_closed":"目前不接受服務","view_products":"查看商品","more_info":"更多資訊","cyberbiz_now":"快速到貨","search_stores":"搜尋門市","not_search_stores_yet":"請點擊搜尋門市","service_description":"CYBERBIZ NOW 快速到貨 服務說明:","service_description_detail":"此購物服務由 CYBERBIZ 系統提供,我們與第三方合作夥伴配合提供外送服務,提供您更快速的購物體驗。","delivery_address":"外送地址","delivery_address_hint":"請輸入外送地址","delivery_address_detail":"樓層或房號","delivery_address_detail_hint":"請輸入樓層或房號","change_address":"變更地址","change":"變更","service_not_available_in_the_region":"很抱歉,您目前所在區域不支援「CYBERBIZ NOW 快速到貨」。","service_is_available":"您輸入的地址支援「CYBERBIZ NOW 快速到貨」","exit_prompt":"您確認要離開快速到貨?","service_hours":"營業時間:{day} {time}","sales_start_info":"{time} 開賣","sales_start_info_verbose":"{day} {time} 開賣","cancel":"取消","exit":"離開","address_incomplete":"輸入之地址不完整","address_incomplete_hint":"您的地址不完整,請輸入正確地址再加購物車","search_failed":"搜尋門市失敗","sold_out":"已售完","add_to_cart":"加入購物車","add_to_cart_error":"加入購物車失敗","please_select_specifications":"請選擇規格","pre_order":"預購商品","express_delivery":"CYBERBIZ NOW 快速到貨","get_position_error_no_permission":"錯誤:請開啟您的網頁定位服務","get_position_error_require_https":"錯誤:需要https","get_position_error_internal":"錯誤:請開啟瀏覽器存取位置權限","get_position_error_timeout":"錯誤:超過請求時間"},"bonus_mall":{"bonus_redemption_price":"紅利 {price}","select_itmes_count":"已選購 {quantity} 件紅利商品","available_bonus_and_used":"目前紅利點數 {customerRemainPoints} 點,使用 {usedBonusPoints} 點","proceed_to_checkout":"前往結帳","insufficient_points":"點數不足","points":"點數","quantity":"數量","subtotal":"小計","default_sort":"預設排序","bonus_price_desc":"依紅利點數大到小排序","bonus_price_asc":"依紅利點數小到大排序","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","recent_days_sold_desc":"依近期銷售量大到小","recent_days_sold_asc":"依近期銷售量小到大","product_count":"共 {totalCount} 件商品","bonus_points":"{points} 點","bonus_points_verbose":"紅利{points}點","bonus_price":"紅利點數","add_to_cart":"加入購物車","already_added_to_cart":"已加入購物車","sold_out":"已售完","loading_error":"載入商城購物車資料錯誤","need_to_buy_something":"數量不得少於1","wrong_quantity":"數量輸入錯誤","exceed_stock_quantity":"超出庫存數量","exceed_buy_limit":"超出購買數量限制"},"eticket_orders":{"eticket_term_of_service":"CYBERBIZ 電子票券服務使用說明","category_all":"所有票券","category_pending":"未付款","category_available":"可使用","category_used":"使用完畢","payment_status_failed":"付款失敗,請聯絡客服","payment_status_success":"付款成功","payment_status_pending":"等待請款","order_empty_note":"無任何資訊","failed_to_send_message":"發送訊息失敗","usage_status_used":"使用完畢","usage_status_partial_used":"部分使用","show_eticket_button_qr_code":"顯示票券 QR code","show_eticket_button_used":"票券已使用"},"line_group_buy":{"go_checkout":"前往結賬","add_to_cart":"加入購物車","product_description":"商品介紹","product_spec":"規格說明","product_shipping":"運送方式"},"omniauth_mobile":{"phone_validation":"手機驗證,","confirm_account_information":"請確認以下是å
139¦ç‚ºæ‚¨çš„æœƒå“¡è³‡æ–™","reconfirm":"否,重新驗證","merge":"是,請合併會員","check_account":"為了確認是您本人,請輸入手機號碼進行驗證","mobile_number":"手機號碼","send_message":"發送簡訊驗證碼","enter_mobile_number":"請輸入您的手機號碼","submit_btn":"加入會員","registered":"我已經有會員帳號了?","return_login":"回登入頁面","send_confirmation_token":"已將簡訊寄送至手機","verification_code":"4 位數簡訊驗證碼","confirm_submit":"送出","resend_with_timer":"({ timer }秒)重新發送","resend":"重新發送","retry_later_error":"達系統操作上限,請重新整理並再試一次"},"theme_pages":{"order_return":{"address1":"詳細退貨地址:路/å··/弄/號/樓","keyin_address1":"請填寫詳細退貨地址:路/å··/弄/號/樓"}}}}},
140            hasI18nInContextEditing: false,
141            shopMultipleCurrenciesCheckout: false,
142            hasLocalizedShopPriceFormat: true,
143          }
144        </script>
144
145
146        
147        
147<script
148          src="//cdn-general.cybassets.com/frontend/shop/tolgeeIntegration-3a2e378145f8a165.js">
149        </script>
149
150        
150<script defer>
151          /*
152          * Enable in-context translation for Liquid part on the page.
153          * This must be executed last to prevent conflicts with other Vue apps.
154          * So put it to `onload`, which will be executed after DOM ready's app mount
155          */
156          window.onload = function() {
157            if (
158              window.shopScriptHelper &&
159              window.shopScriptHelper.hasI18nInContextEditing
160            ) {
161              window.initTolgeeForLiquid()
162            }
163          }
164        </script>
164
165
166<script> var google_con_event_labels = [{"conversion_id":"540841573","conversion_event":"order_created","conversion_label":"gXZvCM__n-IDEOWs8oEC","id":null},{"conversion_id":"11250926074","conversion_event":"order_created","conversion_label":"Nwr5CIbO9MgYEPqD7vQp","id":null},{"conversion_id":"10813842126","conversion_event":"all","conversion_label":"oqiACLbejowcEM7FuKQo","id":null},{"conversion_id":"10813842126","conversion_event":"checkout_page","conversion_label":"T30HCPzGmIwcEM7FuKQo","id":null},{"conversion_id":"10813842126","conversion_event":"order_created","conversion_label":"ILv5CKu0mIwcEM7FuKQo","id":null}]</script>
vendor: 1 bytes, line 166
166
167<script src="//cdn-general.cybassets.com/frontend/shop/pageEventHandler-3a2e378145f8a165.js"></script>
vendor: 1 bytes, line 167
167
168<script src="//cdn-general.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
168
169        
169<script>
170          window.c12t = {"customer_id":null,"impressions":[]};
171        </script>
171
172
173        <meta name="request-id" content="1A839F338D88609F5AD09F5BE68C8636"/>
174
175<link rel="canonical" href="https://www.glicoshop.com/collections/pejoy%E7%99%BE%E9%86%87">
176<script src="//cdn-general.cybassets.com/frontend/shop/carousel-3a2e378145f8a165.js"></script>
176
177          
177<script>
178            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
179          </script>
179
180
181<script src="//cdn-general.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 181
181
182<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctS1pYODdQNlRG\nWSwgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IlVB\nLTE5MzU2MzA1NS0x77yMRy1TWko5Rk1KOEVF77yMRy1IVkpZSk0yUlM1In19\nLHsidmVuZG9yX3R5cGUiOiJDaGF0IEJveCIsImFwcF9pZCI6ImM5ZDgzZjA5\nOTYxNzRmYmJhODZlYmEwNDFhZTg5OGEyIiwic2V0dGluZ3MiOnsid2lkZ2V0\nX2tleSI6IldwRFZLOVZ2YXpYTDUwVWgifX1d\n"}
183</script>
vendor: 1 bytes, line 183
183
184<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 184
184
185<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 185
185
186<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/8766542902afa60f4adda3c555c06025d2c27771ea85a6fc657a91cddbe5c59f.js"></script>
vendor: 1 bytes, line 186
186
187<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 187
187
188<script src="//cdn-general.cybassets.com/frontend/shop/setAffliateCookie-3a2e378145f8a165.js"></script>
188
189
190
191
192
193
194
195<meta name="title" content="Pejoy百醇 | glico格力高">
196<meta property="og:title" content="Pejoy百醇 | glico格力高">
197<meta name="description" content="">
198<meta property="og:description" content="">
199<meta name="keywords" content="Pejoy百醇">
200<meta property="og:url" content="https://www.glicoshop.com/collections/pejoy百醇">
201<meta property="og:type" content="og:product">
202
203
204  
205    
205<script src='//cdn-general.cybassets.com/frontend/shop/collectionPage-3a2e378145f8a165.js' type='text/javascript'></script>
205
206  
207  
208
209
210    <style id="color_settings">
211  :root {
212    
213      --button: #c20000;
214    
215
216    
217      --button_text: #ffffff;
218    
219
220    
221      --accent: #b20015;
222    
223
224    
225      --heading: #2d2d2d;
226    
227
228    
229      --text: #2d2d2d;
230    
231
232    
233      --price: #2d2d2d;
234    
235
236    
237      --discount_price: #ff0000;
238    
239
240    
241      --theme_bg: #ffffff;
242    
243
244    
245      --nav_logo_bg: #ffffff;
246    
247
248    
249      --nav_menu_bg: #ffffff;
250    
251
252    
253      --nav_menu_text: #000000;
254    
255
256    
257      --nav_menu_icon: #000000;
258    
259
260    
261      --footer_bg: #dbdbdb;
262    
263
264    
265      --footer_text: #000000;
266    
267
268    
269      --checkout_button: #c30000;
270    
271
272    
273      --checkout_accent: #ad0014;
274    
275
276    
277      --product_border: #898989;
278    
279
280    
281      --tips_text: #ff0000;
282    
283
284    
285
286    
287  }
288</style>
289
290
291
292    
293    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 293-294
293
294    <script async src="https://www.googletagmanager.com/gtag/js?id=
294AW-11033816532
vendor: 16 bytes, lines 294-295
294"></script>
295    
295<script>
296    
vendor: 139 bytes, lines 296-299
296window.dataLayer = window.dataLayer || [];
297    function gtag(){dataLayer.push(arguments);}
298    gtag('js', new Date());
299    gtag('config', '
299AW-11033816532
vendor: 8 bytes, lines 299-300
299');
300    
300</script>
300
301
302  
303        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 303-304
303
304          <script async src="https://www.googletagmanager.com/gtag/js?id=
304G-KZX87P6TFY
vendor: 22 bytes, lines 304-305
304"></script>
305          
305<script>
306            
vendor: 183 bytes, lines 306-311
306window.dataLayer = window.dataLayer || [];
307            function gtag(){dataLayer.push(arguments);}
308            gtag('js', new Date());
309            
310            
311      gtag('config', '
311UA-193563055-1
vendor: 27 bytes, line 311
311', {"groups":"ecommerce"});
311gtag('config', 'G-SZJ9FMJ8EE', {"groups":"ecommerce"});</script>
311
312      
312<script>
313        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
314        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
315        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
316        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
317
318        ga('create', '', 'auto', {'name': 'cyberbiz'});
319        ga('cyberbiz.require', 'displayfeatures');
320        ga('cyberbiz.set', 'dimension1', '17329');
321        ga('cyberbiz.require', 'ec');
322        ga('cyberbiz.send', 'pageview');
323      </script>
323
324    
325      
325<script>
vendor: 426 bytes, lines 325-332
325
326      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
327      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
328      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
329      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
330      document,'script','//connect.facebook.net/en_US/fbevents.js');
331
332      fbq('init', '
332765484360989751
vendor: 38 bytes, lines 332-333
332', {}, {'agent':'plcyberbiz'});
333      
333fbq('track', "PageView", '', { eventID: "PageView_1A839F338D88609F5AD09F5BE68C8636" });
334      var facebook_pixel_id = '765484360989751'</script>
334
335
336    </head>
337
338  <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 338-339
338
339            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
339GTM-K6GRK2S
vendor: 179 bytes, lines 339-342
339"
340            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
341          
342            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
342GTM-M45P3PTX
vendor: 105 bytes, lines 342-344
342"
343            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
344          
344<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 344-346
344
345      <noscript><iframe
346      src="//www.googletagmanager.com/ns.html?id=
346GTM-TXD9LVJ
vendor: 186 bytes, lines 346-353
346"
347      height="0"
348      width="0"
349      style="display:none;visibility:hidden">
350      </iframe></noscript>
351    
352      <noscript><iframe
353      src="//www.googletagmanager.com/ns.html?id=
353GTM-P7528MQ
vendor: 117 bytes, lines 353-359
353"
354      height="0"
355      width="0"
356      style="display:none;visibility:hidden">
357      </iframe></noscript>
358    
359    
359<!-- Navigation -->
360    <!-- cyb_snippet liquid_helper start -->
361<script>
362	function getDiscountPriceName() {
363		return "false" === "true" ? "" : "";
364	}
365
366	function getDiscountPriceSuggestionName() {
367		return "false" === "true" ? "" : "";
368	}
369
370  document.addEventListener('DOMContentLoaded', function() {
371    const languageHandle = Cookies.get("language");
372    const defaultLanguage = {"handle":"zh-TW","title":"繁體中文","currency_code":"TWD"};
373    const languages = [];
374    const currency = window.shopScriptHelper.defaultCurrency;
375    const currencies = window.shopScriptHelper.currenciesInfo;
376		window.liquidHelper = {
377			shopInternational: false,
378			defaultLanguage: defaultLanguage,
379			language: languages.find(function(l) {
380				return l.handle === languageHandle;
381			}) || defaultLanguage,
382      shopMultipleCurrenciesCheckout: false,
383			shopMultipleCurrencies: false,
384			defaultCurrencyFormat: "NT${{amount_no_decimals}}",
385			defaultCurrency: currency,
386			getCurrency: function() {
387        const currencyValue = Cookies.get("currencyValue") || currency;
388        return currencies.find(function(c) { return c.code === currencyValue; }
389      )},
390      getDefaultCurrency: function() { return currencies.find(function(c) {
391				return c.code === currency;
392			})},
393      getAvailableCurrencies: function() { return currencies.map(c => c.code) },
394      getCurrencyFormatInfo: function(currency) {
395        const currencyInfo = currencies.find(c => c.code === currency)
396        return _.pick(currencyInfo, [
397          'decimal_precision',
398          'symbol',
399          'money_format',
400          'unit',
401          'trailing_zeros',
402          'html_unit',
403          'code',
404        ]);
405      },
406			cartQuantityLimit: (function() {
407        const limit = Number("0" || undefined);
408        return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit;
409      })(),
410			isFirstVariantSelected:  false ,
411			isImageColorsUsed:  false ,
412			isEmptyClickable:  true ,
413			hasAddBuyProduct: '' !== "" ? true : false,
414			hasPriceWithDiscountPlugin: 'true' ? true : false,
415      conversionBonus: 1,
416      hasLocalizedShopPriceFormat: true,
417      hasCustomerCartPlugin: true,
418      isCartEnabled: true,
419      cdnHost: '//cdn-general.cybassets.com',
420      hasShopCustomPasswordRulePlugin: false,
421      hasDisableProductQuantityValidation: false,
422      hasBreadcrumbReferrerEnabled: false,
423		};
424	});
425</script>
425
426
427<!-- cyb_snippet liquid_helper end -->
428
429<script src='//cdn-general.cybassets.com/frontend/shop/navbarSection-3a2e378145f8a165.js' type='text/javascript'></script>
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446<style>
447  
448    #navbar {
449      --navbar-pc-title-scale: 1.0;
450      --navbar-pc-body-scale: 1.0;
451      --navbar-mobile-title-scale: 1.0;
452      --navbar-mobile-body-scale: 1.0;
453    }
454  
455
456  
457
458  
459</style>
460
461
462  <span id="navbar" class="drawer drawer--left font-size-setting-enabled">
463    <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0">
464      
465
466      
467        <div id="announcement-bar"></div>
468      
469
470      
471      
472        <div class="computer_nav qk-hidden--mobile ">
473          <div class="header_logo qk-bg--nav_logo_bg">
474            <div class="qk-pos--rel">
475              <div class="qk-text--center">
476                <!-- logo start -->
477                
478                  <nav class="logo qk-display--il_bk">
479                    <a href="/" class="qk-w--100">
480                      <img
481                        src="//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52"
482                        class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile"
483                        style="width: auto; height: 52px;"
484                        alt=""
485                        height="52"
486                        width="auto"
487                      >
488                    </a>
489                  </nav>
490                
491                <!-- logo end -->
492                <!-- tool-nav start -->
493                
494                  <!-- cyb_snippet tool_nav start -->
495
496
497
498
499
500
501<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex">
502  <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0">
503    
504    
505    <!-- member -->
506    
507      <li class="customer_account qk-pos--rel qk-pd--05">
508        <div class="dropdown qk-pos--static">
509          <div class="qk-cursor--pointer" data-toggle="dropdown">
510            <div data-icon-type="custom_icon_type_account"></div>
511            <span class="text"></span>
512          </div>
513          <div class="member qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu">
514            <ul id="customer-logined-menu" style="display: none">
515              <li>
516                <div class="qk-fs--body qk-text--heading">
517                  <p class="customer-name qk-whitespace-break-spaces"></p>
518                  <p>您好!</p>
519                </div>
520              </li>
521            </ul>
522            <ul id="customer-not-login-menu">
523              <li class="button qk-text--center">
524                <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">會員登入</a>
525              </li>
526              <li class="button qk-text--center">
527                <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">註冊新會員</a>
528              </li>
529            </ul>
530            <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span>
531            <ul class="member-menu qk-bd_t--default qk-bd--product_border">
532              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
533                <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">我的帳戶</a>
534              </li>
535              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
536                <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">訂單查詢</a>
537              </li>
538              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
539                <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">專屬優惠券</a>
540              </li>
541              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
542                <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">收藏清單</a>
543              </li>
544              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg customer-logout-li" style="display: none">
545                <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">會員登出</a>
546              </li>
547            </ul>
548          </div>
549        </div>
550      </li>
551    
552    <!-- for money symbol -->
553    <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div>
554    <!-- cart -->
555    
556      <li class="cart qk-pos--rel qk-pd--05">
557        <!--電腦版的購物車選單-->
558        <div class="dropdown qk-pos--static">
559          <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" >
560            <div data-icon-type="custom_icon_type_cart"></div>
561            <span class="global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-vert--mid qk-pos--abs qk-bd" style="display: none;">0</span>
562            <span class="global-cart-loading"></span>
563          </div>
564          <div class="qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu">
565            <div class="cart_list global-cart-item-list custom-scrollbar qk-of_x--hidden qk-of_y--scroll qk-of_y--overlay qk-display--flex qk-flex--column qk-justify--between default_scale"></div>
566            <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">目前的購物車是空的!</p>
567            <ul>
568              <li class="button qk-text--center">
569                <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">立即購買</a>
570                <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">前往收藏清單</a>
571              </li>
572            </ul>
573          </div>
574        </div>
575      </li>
576    
577    <!-- search -->
578    
579      <li class="search qk-pos--rel qk-pd--05" id="search-icon">
580        <div class="dropdown qk-pos--static">
581          <div class="qk-cursor--pointer" data-toggle="dropdown">
582            <div data-icon-type="custom_icon_type_search"></div>
583          </div>
584          <div class="qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu">
585            <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-vert--mid">
586              <form action="/search" class="form-inline qk-search_form qk-display--flex qk-justfify--between qk-align--center qk-flex--1">
587                <input class="search-input form-control qk-inputbox qk-inputbox--lg qk-flex--1 qk-w--100 qk-bg--transparent qk-text--heading" type="search" placeholder="搜尋" aria-label="Search" name="q" value="" />
588                <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">搜尋</button>
589              </form>
590            </div>
591          </div>
592        </div>
593      </li>
594    
595    <!-- express delivery -->
596    
597  </ul>
598</nav>
599
600<!-- cyb_snippet tool_nav end -->
601                
602                <!-- tool-nav end -->
603              </div>
604            </div>
605          </div>
606          
607            <div class="header_nav qk-bg--nav_menu_bg">
608              <div class="qk-pd_x--15">
609                <div class="qk-pos--relative center">
610                  <!-- main-nav start -->
611                  <nav class="main_nav qk-display--init"></nav>
612                  <!-- main-nav end -->
613                </div>
614              </div>
615            </div>
616          
617        </div>
618      
619      <div class="qk-hidden--pc  ">
620        <!-- mobile-nav start -->
621        <nav class="mobile-nav qk-bg--nav_logo_bg">
622          <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0">
623            <!-- menu -->
624            
625              <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center">
626                <div data-icon-type="custom_icon_type_menu"></div>
627              </li>
628            
629            <!-- logo -->
630            
631              <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0">
632                
633                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone">
634                    <img
635                      src="//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52"
636                      height="25"
637                      width="auto"
638                      alt=""
639                    >
640                  </a>
641                
642                
643                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet">
644                    <img
645                      src="//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52"
646                      height="25"
647                      width="auto"
648                      alt=""
649                    >
650                  </a>
651                
652              </li>
653            
654            
655              <!-- search -->
656              
657                <li class="search qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center ">
658                  <div class="dropdown qk-pos--static qk-text--center">
659                    <div class="qk-cursor--pointer" data-toggle="dropdown">
660                      <div data-icon-type="custom_icon_type_search"></div>
661                    </div>
662                    <div
663                      class="qk-dropdown_menu dropdown-menu qk-w--100vw qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-mg--0"
664                      role="menu"
665                    >
666                      <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-sp_bt--5 qk-w--100">
667                        <form action="/search" class="form-inline qk-display--flex qk-justfify--center qk-flex--1">
668                          <div class="form-inline qk-search_form qk-display--flex qk-justfify--center qk-align--center qk-flex--1">
669                            <input
670                              class="form-control qk-flex--1 qk-inputbox qk-inputbox--lg qk-bg--trans
670parent qk-text--heading"
671                              type="search"
672                              placeholder="搜尋"
673                              aria-label="Search"
674                              name="q"
675                              value=""
676                            >
677                            <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">
678                              搜尋
679                            </button>
680                          </div>
681                        </form>
682                      </div>
683                    </div>
684                  </div>
685                </li>
686              
687              <!-- express delivery -->
688              
689            
690          </ul>
691        </nav>
692        <!-- mobile-nav end -->
693      </div>
694      
695    </header>
696    
697      <!-- Sidebar -->
698      <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation">
699        <div class="drawer-menu">
700          <!-- cyb_snippet side_menu start -->
701
702
703<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1">
704  
705    <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05">
706      <a href="/" class="qk-pd--0">
707        <img src="//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52" height="32" width="auto" alt="logo">
708      </a>
709      <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button>
710    </li>
711  
712  
713    
714
715    
716      <!-- cyb_snippet components/side_menu/menu start -->
717
718  <li class="category_title qk-fs--breadcrumb qk-bd--nav_menu_text qk-text--nav_menu_text qk-bd_b--default qk-fw--500">主選單</li>
719
720
721  
722  
723  
724    <li class="qk-pos--rel qk-pd--0">
725      
726        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/">首頁</a>
727      
728    </li>
729  
730
731  
732  
733  
734    <li class="qk-pos--rel qk-pd--0">
735      
736        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/almond-koka">全新升級🌟杏仁果效果飲</a>
737      
738    </li>
739  
740
741  
742  
743  
744    <li class="qk-pos--rel qk-pd--0">
745      
746        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/即期俗又大碗🥣">即期俗又大碗🥣</a>
747      
748    </li>
749  
750
751  
752  
753  
754    <li class="qk-pos--rel qk-pd--0">
755      
756        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/每週好物推薦區">每週好物推薦區</a>
757      
758    </li>
759  
760
761  
762  
763  
764    <li class="qk-pos--rel qk-pd--0">
765      
766        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/超值優惠組合區">超值優惠商品區</a>
767      
768    </li>
769  
770
771  
772  
773  
774    <li class="qk-pos--rel qk-pd--0">
775      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_6" aria-expanded=" true ">
776        
777          <span class="qk-cursor--pointer qk-text--nav_menu_text"> 依品牌分類 </span>
778        
779      </button>
780      <ul id="index_sidebar_shelf_second_6" class="collapse_index_sidebar_6 collapse shelf_second  show  qk-pd--0">
781        
782          
783          
784          
785            <li class="qk-pos--rel qk-pd--0">
786              
787                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/pocky">
788                  Pocky 百奇
789                </a>
790              
791            </li>
792          
793        
794          
795          
796          
797            <li class="qk-pos--rel qk-pd--0">
798              
799                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/almond-koka">
800                  Almon Koka杏仁果效果
801                </a>
802              
803            </li>
804          
805        
806          
807          
808          
809            <li class="qk-pos--rel qk-pd--0">
810              
811                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/pretz百力滋">
812                  Pretz 百力滋
813                </a>
814              
815            </li>
816          
817        
818          
819          
820          
821            <li class="qk-pos--rel qk-pd--0">
822              
823                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/pocky百奇優格棒系列">
824                  Pocky百奇優格棒
825                </a>
826              
827            </li>
828          
829        
830          
831          
832          
833            <li class="qk-pos--rel qk-pd--0">
834              
835                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/caplico卡布莉可|巧克力系列">
836                  Caplico卡布莉可/棒棒糖系列
837                </a>
838              
839            </li>
840          
841        
842          
843          
844          
845            <li class="qk-pos--rel qk-pd--0">
846              
847                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/雙色可可">
848                  雙色可可
849                </a>
850              
851            </li>
852          
853        
854          
855          
856          
857            <li class="qk-pos--rel qk-pd--0">
858              
859                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/pejoy百醇">
860                  Pejoy百醇
861                </a>
862              
863            </li>
864          
865        
866          
867          
868          
869            <li class="qk-pos--rel qk-pd--0">
870              
871                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/bisco必思可">
872                  Bisco必思可
873                </a>
874              
875            </li>
876          
877        
878      </ul>
879    </li>
880  
881
882  
883  
884  
885    <li class="qk-pos--rel qk-pd--0">
886      
887        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/全部商品">全部商品</a>
888      
889    </li>
890  
891
892  
893  
894  
895    <li class="qk-pos--rel qk-pd--0">
896      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_8" aria-expanded=" true ">
897        
898          <span class="qk-cursor--pointer qk-text--nav_menu_text"> 會員專區 </span>
899        
900      </button>
901      <ul id="index_sidebar_shelf_second_8" class="collapse_index_sidebar_8 collapse shelf_second  show  qk-pd--0">
902        
903          
904          
905          
906            <li class="qk-pos--rel qk-pd--0">
907              
908                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/會員等級說明">
909                  會員等級說明
910                </a>
911              
912            </li>
913          
914        
915          
916          
917          
918            <li class="qk-pos--rel qk-pd--0">
919              
920                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/bonus_malls/glico-格力高-感謝祭_有您真好❤❤❤">
921                  會員紅利兌換
922                </a>
923              
924            </li>
925          
926        
927      </ul>
928    </li>
929  
930
931  
932  
933  
934    <li class="qk-pos--rel qk-pd--0">
935      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_9" aria-expanded=" true ">
936        
937          <span class="qk-cursor--pointer qk-text--nav_menu_text"> Glico大小事 </span>
938        
939      </button>
940      <ul id="index_sidebar_shelf_second_9" class="collapse_index_sidebar_9 collapse shelf_second  show  qk-pd--0">
941        
942          
943          
944          
945            <li class="qk-pos--rel qk-pd--0">
946              
947                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/關於我們品牌介紹">
948                  認識Glico
949                </a>
950              
951            </li>
952          
953        
954      </ul>
955    </li>
956  
957
958
959<script>
960  $('button a').on('click', function(e) {e.stopPropagation()});
961</script>
961
962
963<!-- cyb_snippet components/side_menu/menu end -->
964    
965  
966  
967    
968      <li class="category_account-title qk-bd--nav_menu_text qk-fs--breadcrumb qk-text--nav_menu_text qk-bd_y--default qk-fw--500">帳戶</li>
969      <li class="qk-pos--rel qk-pd--0">
970        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
971          <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">我的帳戶</a>
972        </div>
973      </li>
974      <li class="qk-pos--rel qk-pd--0">
975        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
976          <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">訂單查詢</a>
977        </div>
978      </li>
979      <li class="qk-pos--rel qk-pd--0">
980        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
981          <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">會員登出</a>
982        </div>
983      </li>
984      <li class="qk-pos--rel qk-pd--0">
985        <a href="/account/login">
986          <div class="customer-not-login-menu qk-bd--nav_menu_text qk-bg--nav_menu_text customer-not-login-menu_login qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center ">
987            <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body">
988              會員登入
989            </span>
990          </div>
991        </a>
992      </li>
993      <li class="qk-pos--rel qk-pd--0">
994        <a href="/account/signup">
995          <div class="customer-not-login-menu qk-bd--nav_menu_text customer-not-login-menu_signup qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center qk-bd--nav_menu_text qk-bd--default">
996            <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500">
997              註冊新會員
998            </span>
999          </div>
1000        </a>
1001      </li>
1002    
1003    
1004    
1005    
1006  
1007</ul>
1008
1009<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/sidebar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1010
1011<script>
1012  $(document).ready(function(){
1013    // 側邊選單
1014    if ($('.drawer').length){
1015      $('.drawer').drawer();
1016      $('.bt-toggle').click(function(){
1017        setTimeout(function(){
1018          $('.drawer')[0].iScroll.refresh()
1019        },500)
1020      })
1021    }
1022  });
1023</script>
1023
1024
1025
1026<!-- cyb_snippet side_menu end -->
1027
1028        </div>
1029      </nav>
1030      <!-- Bottombar -->
1031      
1032        <div
1033          id="mobile-bottom-bar"
1034          class="qk-display--flex qk-justify--around qk-bg--nav_logo_bg qk-w--100vw qk-pos--fixed qk-b--0 qk-hidden--pc"
1035        >
1036          <!-- home -->
1037          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1038            <a id="home-nav-icon" href="/">
1039              <div data-icon-type="custom_icon_type_home"></div>
1040            </a>
1041          </div>
1042          <!-- tracking items -->
1043          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1044            <a href="/account/tracking_items">
1045              <div data-icon-type="custom_icon_type_tracking_items" c></div>
1046            </a>
1047          </div>
1048          <!-- cart -->
1049          
1050            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1051              <a
1052                href="/cart"
1053                class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel"
1054              >
1055                <div data-icon-type="custom_icon_type_cart"></div>
1056                <span
1057                  class="number global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-text--center qk-vert--mid qk-pos--abs"
1058                  style="display: none;"
1059                  >0</span
1060                >
1061              </a>
1062            </div>
1063          
1064          <!-- member -->
1065          
1066            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1067              <a id="customer-phone-nav-icon" href="/account/login">
1068                <div data-icon-type="custom_icon_type_account"></div>
1069              </a>
1070            </div>
1071          
1072        </div>
1073      
1074    
1075  </span>
1076
1077<div id="index-popular-tags"></div>
1078
1079<style id="timer_color">
1080  :root {
1081    
1082      --timer_text: #c39d6f;
1083    
1084
1085    
1086      --timer_bg: #2b2b6e;
1087    
1088  }
1089</style>
1090
1091<script>
1092  window.language = {"account_name":"戶名","add_cart_error_try_again":"加入購物車有誤,請重新嘗試","add_to_cart":"加入購物車","addcart_rate_limit_desc":"秒後可再試一次,建議您停留在此頁面。","address1":"詳細退貨地址:路/å··/弄/號/樓","all_filters":"所有篩選條件","apply_fail":"申請失敗","apply_return":"退貨申請","apply_return_success":"您的退貨申請已成立","apply_success":"申請成功","arrive_soon":"即將到貨","articles_total":"共 {{ totalArticleCounts }} 篇文章","bank_account":"銀行帳號","bank_branch_name":"分行名稱","bonus_redemption":"紅利換購","cancel":"取消","cart_price_total":"結帳金額約","check_order":"訂單查詢","choose_branch_bank":"請選擇分行","choose_return_reason":"請選擇退貨原因","city":"城市","common_price":"定價: ","comply_group_number":"符合 {{comply_group_number}} 組優惠,","confirm":"確認","confirm_return":"申請退貨","confirm_submit":"確定送出","congratulations_for_verify_mobile_success":"恭喜,您已成功驗證您的手機!","contact_form":"聯絡我們","continue_reading":"繼續閱讀","country_placeholder":"請選擇國家","coupon_free_shipping":"免運券折抵","coupon_items":"優惠券折扣項目","date_error":"日期錯誤","default_sort":"預設排序","deliver_error":"寄送商品錯誤","discount_detail":"折扣明細","email":"電子郵件","email_placeholder":"請輸入您的電子郵件,例:[email protected]","enter_account_name":"請輸入戶名","enter_bank_account":"請輸入銀行帳號","enter_return_reason":"請填寫退貨原因...","error_message":"驗證簡訊發生錯誤,請稍後再試。","fail_operation":"操作失敗!","filter_button":"篩選","filter_no_result":"很抱歉,無商品符合篩選條件","free":"免費","gift_price":"加購價","gift_purchase":"滿額/件贈","go_check_email":"請至信箱收取信件","group_percent_discount":"組合內商品打{{discount}}折","has_stock":"尚有庫存 ","include_discount_and_shipping_fee":"含優惠折扣與運費","invalid_email":"這不是有效的電子郵件","invalid_name":"姓名為必填","invalid_phone_number":"聯絡電話為必填","invalid_question_content":"問題內容為必填","keep_shopping":"繼續購物","keyin_address1":"請填寫詳細退貨地址:路/å··/弄/號/樓","keyin_city":"請輸入城市","keyin_zip":"請輸入郵遞區號","less_then_one":"數量不得少於1","line_item_quantity":"數量:{{ lineItemQuantity }}","literal_points":"點","login_btn":"會員登入","mail_send_fail":"信件寄送失敗","message_confirmation_token_error":"簡訊驗證碼有誤","messenger_error_please_try_again":"簡訊寄送發生錯誤,請稍後再試。","mobile_number_error":"手機號碼有誤","name":"姓名","name_placeholder":"請輸入您的姓名","new_password_is_sent":"已送出新密碼","new_product_defect":"新品瑕疵","nn_collection_save_more_money_title":"可享,買 {{quantity}} ä»¶ {{price}} 元優惠","no_stock":"庫存不足","notification_enabled":"已登記補貨通知","notify_me_when_stock_arrives":"已售完,貨到通知我","onsale":"特價","order_date":"訂購日期","order_number":"訂單編號","order_retrun_confirm":"您確認要申請退貨?","ori_price":"原價","others":"其他","over_cart_limit":"數量超過購買上限","over_product_quantity":"數量超過庫存","over_stock_count":"商品庫存剩餘 {{ count }} ä»¶","over_stock_quantity":"超過庫存數量","phone_number":"聯絡電話","phone_number_placeholder":"請輸入聯絡電話","piece":"{{quantity}} ä»¶","please_choose_bank":"請選擇銀行","please_choose_product":"請選擇商品款式","please_choose_variant":"請選擇商品款式","please_enter_number":"請輸入數字","please_reselect":"請重新輸入篩選","please_send_and_confirm_verify_code":"請先發送並確認簡訊驗證碼","pre_order":"預購商品","price_asc":"價格由低到高","price_desc":"價格由高到低","price_filter":"價格","price_includes_tax":"(內含消費稅:{{ tax }})","product_content_defect":"商品內容不全","product_defect":"商品有缺陷","product_limit_buy":"此商品限購 {{ count }} ä»¶","product_rate_limit_btn":"重新進入商品頁","product_rate_limit_desc":"秒後可重新進入商品頁,建議您停留在此頁面。","product_rate_limit_title":"目前搶購人潮眾多,請耐心等候","product_rate_limit_warn":"若離開此頁面,可能會延長等待時間。","product_sold":"已銷售:{{ productSold }}","products_total":"共 {{ totalProductCounts }} 件商品","quantity":"數量:","quantity_over_product_stock":"數量超過商品庫存","question_content":"問題å
1092…§å®¹","question_content_placeholder":"請輸入問題內容","question_submit_fail":"發生問題,請稍後再試","question_submit_success":"問題已成功送出,我們將盡快與您聯繫","question_type":"問題類型","reached_favorable":"已達優惠","recent_days_sold_desc":"本週熱賣","reenter_password_still_error":"重複輸入密碼有誤","refund":"退款金額","refund_account":"退款帳戶","refund_info":"退款資訊","refund_invoice_check":"本人同意發票作廢或「營業人銷貨退回進貨退出貨或折讓證明單」將全權由{{ envoiceCompanyName }}處理,以利加速退款作業。如有退貨/折讓,將直接開立折讓單上傳至財政部電子發票整合服務平台存證。","resend_verify_code":"重發驗證碼","reset_all_filters":"清除所有篩選","reset_filter_button":"清除篩選","return":"返回","return_address":"退貨地址","return_email_notification":"退貨申請信已寄至您的信箱","return_info":"退貨資訊","return_instruction":"退貨說明","return_msg_Australia":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Japan":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Japan_to_Taiwan":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_SEA":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_msg_Taiwan":"1. 收到商品後如有發現瑕疵或破損狀況,需要辦理或換貨,請於收到貨後7天內登入『我的帳戶』頁面點選『申請退貨』。\u003cbr\u003e 2. 收到商品後可享有7天免費鑑è³
1092žæœŸï¼ˆå«ä¾‹å‡æ—¥ï¼‰ã€‚退換貨時請保持原包裝商品的完整(包含購買商品,附件,贈品等)。\u003cbr\u003e 3. 收到申請後,我們將與您聯繫取回商品。若有任何退貨問題,您可以在『訂單明細』中,點選『我要詢問』,請勿自行寄回商品。\u003cbr\u003e 4. 當你申請退貨後,請列印本申請單隨商品一起寄回。\u003cbr\u003e 5. 收到您的退貨商品並審查通過後,將於7個工作天內退款至你的退款帳戶。\u003cbr\u003e","return_msg_USA":"1. 如收到商品後,發現有瑕疵或破損,需要申請換貨或退款,請盡速至【我的帳戶】,點擊【訂單查詢】,在選擇欲申請退貨的訂單中,點擊【申請退貨】。\u003cbr\u003e 2. 收到退貨申請後,我們會聯繫您,並啟動退貨流程。如果您有任何退貨問題,您可以在【訂單查詢】,在選擇欲申請退貨的訂單明細,留下問答紀錄。 請不要自行退貨。\u003cbr\u003e 3. 退換貨時,請保持原包裝完整(包括購買的商品、配件、贈品等)。\u003cbr\u003e 4. 符合退貨資格後,商店會再依照您的付款方式退款。\u003cbr\u003e 5. 詳細的退貨規定與流程說明,請參閱本店的退貨政策。\u003cbr\u003e","return_product":"退貨商品","return_reason":"退貨原因","save_more_money_discount":"可享 {{discount}} 折優惠","save_more_money_dollar":"可省 {{dollar}}","search_article_label":"文章搜尋結果 ({{ totalArticleCounts }})","search_no_result":"很抱歉,找不到 {{ queryString }} 請重新輸入搜尋。","search_product_label":"商品搜尋結果 ({{ totalProductCounts }})","search_total":"搜尋 {{ queryString }} 結果共 {{ totalSearchCount }} 筆","select_sort_by":"選擇排序方式","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","send_too_many_times_try_again_later":"發送次數過多,請稍後再試","sending_msg_few_minutes_get":"簡訊發送中,幾分鐘後您將收到驗證碼","shipping_fee":"運費","sold_out":"已售完","state_placeholder":"請選擇州/省","submit":"送出","subtotal":"小計","success_operation":"操作成功!","successfully_copy_tracking_number":"已成功複製你的物流單號","system_busy_try_again":"系統忙碌,請稍後再試","tax":"稅額","thanks_for_advise":"謝謝您的å¯
1092¶è²´æ„è¦‹","thanks_you_have_signed_up":"謝謝您已註冊","total_bonus_redemption":"總紅利換購點數","tw_city_placeholder":"請選擇縣市","tw_district_placeholder":"請選擇鄉鎮市區","unreach_favorable":"未達優惠","verification_error_please_correct":"驗證有誤請修正","verify_success":"驗證碼確認成功","view_product":"查看商品","vip_shipping_free":"VIP免運費","zip":"郵遞區號","suggested_range":"建議區間:","periodic_order_label":"定期定額","check_account_length":"請檢查銀行帳號長度"}
1093  $(document).ready(function(){
1094    if(window.location.pathname != '' && window.location.pathname != '/' ){
1095      document.getElementById('index-popular-tags').style.display = 'none'
1096    }
1097    // 倒數計時
1098    
1099
1100    function adjustContentTop() {
1101      
1102      const isNavbarTransparent = false;
1103      let headerHeight = $("#header").outerHeight();
1104      if (isNavbarTransparent && $('#template').width() >= 992) {
1105        headerHeight -= $('.computer_nav').height();
1106      }
1107      const floatFilterHeight = $('#float-filter').innerHeight() || 0;
1108      $("body").css({
1109        "padding-top": (headerHeight - floatFilterHeight) + "px",
1110      });
1111    }
1112
1113    window.adjustContentTop = adjustContentTop;
1114
1115    // navbar設定透明
1116    
1117
1118    // Call it first once DOM is ready to prevent CLS
1119    adjustContentTop();
1120
1121    // 延遲初始化,等待 app banner 初始化完成
1122    $(window).on("resize", adjustContentTop);
1123
1124    // 使用 setTimeout 確保 banner 狀態已經確定
1125    $(window).on("load", function() {
1126      setTimeout(function() {
1127        adjustContentTop();
1128      }, 200); // 給 banner 足夠時間初始化
1129    });
1130
1131    $('img.header_banner').on('load', adjustContentTop);
1132
1133    window.renderNavbarSection('.main_nav', {
1134        navbarCollections: null,
1135        navbarItems: [{"id":442221,"title":"首頁","url":"/","item_type":"frontpage","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1409075,"title":"全新升級🌟杏仁果效果飲","url":"/collections/almond-koka","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1745315,"title":"即期俗又大碗🥣","url":"/collections/即期俗又大碗🥣","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1667779,"title":"每週好物推薦區","url":"/collections/每週好物推薦區","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1642650,"title":"超值優惠商品區","url":"/collections/超值優惠組合區","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":570375,"title":"依品牌分類","url":"商品總覽","item_type":"linklist","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1405263,"title":"Pocky 百奇","url":"/collections/pocky","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1627119,"title":"Almon Koka杏仁果效果","url":"/collections/almond-koka","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":818420,"title":"Pretz 百力滋","url":"/collections/pretz百力滋","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1611926,"title":"Pocky百奇優格棒","url":"/collections/pocky百奇優格棒系列","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1623460,"title":"Caplico卡布莉可/棒棒糖系列","url":"/collections/caplico卡布莉可|巧克力系列","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1623462,"title":"雙色可可","url":"/collections/雙色可可","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1623463,"title":"Pejoy百醇","url":"/collections/pejoy百醇","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1625322,"title":"Bisco必思可","url":"/collections/bisco必思可","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":818426,"title":"全部商品","url":"/collections/全部商品","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1160635,"title":"會員專區","url":"","item_type":"linklist","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1160630,"title":"會員等級說明","url":"/pages/會員等級說明","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":914260,"title":"會員紅利兌換","url":"/bonus_malls/glico-格力高-感謝祭_有您真好❤❤❤","item_type":"bonus_mall","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1004985,"title":"Glico大小事","url":"","item_type":"linklist","subtitle":null,"icon_image_url":null,"menuItems":[{"id":459985,"title":"認識Glico","url":"/pages/關於我們品牌介紹","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]}],
1136        settings: {
1137          menuDisplayStyle: "three_dimension_menu",
1138          pcLogoImgUrl: "//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52",
1139          mobileLogoImgUrl: "//cdn-general.cybassets.com/media/W1siZiIsIjE3MzI5L2F0dGFjaGVkX3Bob3Rvcy8xNzIwNDIyMTgyX19wbmcucG5nLnBuZyJdXQ.png?sha=47f44d46eed41c52",
1140          navbarDisplayStyle: "displayDefault",
1141        }
1142      }
1143    );
1144
1145
1146    // for link menu
1147    const linkMenuElement = document.querySelector('.link-nav');
1148    const data = []
1149    data.forEach((item) => {
1150      const wrapper = document.createElement('a');
1151      const link = document.createElement('ul');
1152
1153      wrapper.href = item.url;
1154      link.textContent = item.title;
1155      link.classList.add('link-item');
1156
1157      wrapper.appendChild(link);
1158      linkMenuElement.appendChild(wrapper);
1159    });
1160
1161    // for safe-area space on iOS devices
1162    const userAgent = navigator.userAgent;
1163    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
1164    const isLiff = /Line\/[\d.]+/i.test(userAgent);
1165    const $mobileBottomBar = $('#mobile-bottom-bar');
1166
1167    if ($mobileBottomBar.length && isIOS && isLiff) {
1168      $mobileBottomBar.addClass('is-ios-liff');
1169    }
1170  });
1171  document.addEventListener('DOMContentLoaded', function() {
1172    window.getCartAmount = function() {
1173      return parseInt($('.global-cart-count').html());
1174    };
1175  });
1176</script>
1176
1177
1178<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/navbar-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1178
1178
1179<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/currencies-3a2e378145f8a165.js' type='text/javascript'></script>
1179
1180<!-- cyb_snippet i18n_modal start -->
1181
1182
1183<!-- cyb_snippet i18n_modal end -->
1184<!-- cyb_snippet _load_fonts start -->
1185<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/load_fonts-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1185
1185
1186<script>
1187  document.addEventListener('DOMContentLoaded', function() {
1188    window.loadFontSetting("{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Sans TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}")
1189  })
1190</script>
1190
1191
1192<!-- cyb_snippet _load_fonts end -->
1193<!-- cyb_snippet _custom_icon start -->
1194<script src='//cdn-general.cybassets.com/frontend/shop/navIcon-3a2e378145f8a165.js' type='text/javascript'></script>
1194
1195
1196<script>
1197  (function() {
1198    const iconUrlMap = new Map([
1199      ['custom_icon_type_home', null],
1200      ['custom_icon_type_tracking_items', null],
1201      ['custom_icon_type_account', null],
1202      ['custom_icon_type_cart', null],
1203      ['custom_icon_type_search', null],
1204      ['custom_icon_type_menu', null]
1205    ]);
1206    const elements = document.querySelectorAll('[data-icon-type]');
1207    elements.forEach((element, index) => {
1208      const iconAttributes = element.getAttribute('data-icon-type');
1209
1210      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
1211      element.id = uniqueId;
1212      window.renderNavCustomIcon(`#${uniqueId}`, {
1213        navIconStyle: "icon_type_default",
1214        customIconUrl: iconUrlMap.get(iconAttributes) || '',
1215        iconAttributes: iconAttributes,
1216        currentTemplate: "collection",
1217      });
1218    });
1219  })();
1220</script>
1220
1221
1222<!-- cyb_snippet _custom_icon end -->
1223
1224
1225
1226    
1227  
1228    
1228<script src='//cdn-general.cybassets.com/frontend/shop/announcementBar-3a2e378145f8a165.js' type='text/javascript'></script>
1228
1229
1230    
1231
1232    
1233
1234    
1234<script>
1235      $(document).ready(function() {
1236        window.renderAnnouncementBar('#announcement-bar', {
1237          sectionId: "announcement_bar",
1238          isIndex: false,
1239        });
1240      });
1241    </script>
1241
1242  
1243
1244
1245
1246
1247
1248    <!-- template -->
1249    <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);">
1250      
1251
1252
1253<!-- cyb_snippet breadcrumb start -->
1254
1255<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/breadcrumb-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1256
1257
1258<div id="site_path" class="qk-bd_b--default qk-bd--product_border">
1259  <!-- mobile: toggle button (hidden on PC) -->
1260  <div class="qk-container qk-hidden--pc">
1261    <div class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb">
1262      <button
1263        class="bt-toggle qk-bg--theme_bg qk-pd_x--0 qk-w--100 qk-text--left qk-bd--none qk-pos--rel collapsed"
1264        data-toggle="collapse"
1265        data-target=".breadcrumb-content"
1266      >
1267        <a href="/" class="qk-text--text">
1268          <i class="fas fa-home"></i>
1269        </a>
1270      </button>
1271    </div>
1272  </div>
1273  <!-- breadcrumb nav: single DOM, PC always visible, mobile as collapse dropdown -->
1274  <div class="breadcrumb-content qk-bg--theme_bg collapse">
1275    <div class="qk-container">
1276      <!-- cyb_snippet breadcrumb_nav start -->
1277<!-- 主題版型麵包屑 -->
1278<nav aria-label="breadcrumb">
1279  <ol
1280    class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb"
1281    itemscope
1282    itemtype="http://schema.org/BreadcrumbList"
1283  >
1284    
1285      <li
1286        class="breadcrumb-item
1287        
1288        "
1289        itemprop="itemListElement"
1290        itemscope itemtype="http://schema.org/ListItem">
1291        <!-- home -->
1292        
1293          <a href="/" class="qk-text--text" itemprop="item">
1294            <i class="fas fa-home"></i>
1295            <span class="qk-display--none" itemprop="name">首頁</span>
1296          </a>
1297        <!-- account -->
1298        
1299        <meta itemprop="position" content="1"/>
1300      </li>
1301    
1302      <li
1303        class="breadcrumb-item
1304        
1305         active "
1306        itemprop="itemListElement"
1307        itemscope itemtype="http://schema.org/ListItem">
1308        <!-- home -->
1309        
1310          <a href="/collections/pejoy百醇" class="qk-text--text" itemprop="item">
1311            <span itemprop="name">Pejoy百醇</span>
1312          </a>
1313        <!-- bundle discount -->
1314        
1315        <meta itemprop="position" content="2"/>
1316      </li>
1317    
1318  </ol>
1319</nav>
1320<script>
1321  $(document).ready(function () {
1322    if (!window.liquidHelper || !window.liquidHelper.hasBreadcrumbReferrerEnabled) return;
1323
1324    var $collections = $('[data-breadcrumb-links]');
1325    if (!$collections.length) return;
1326
1327    var refMatch = document.referrer.match(/\/collections\/([^/?#]+)/);
1328    if (!refMatch || refMatch[1] === 'all') return;
1329
1330    var referrerHandle = decodeURIComponent(refMatch[1]);
1331
1332    function getCollectionHandle(url) {
1333      if (!url) return null;
1334      try {
1335        var pathname = new URL(url, location.origin).pathname;
1336        var parts = pathname.split('/');
1337        var idx = parts.indexOf('collections');
1338        if (idx === -1 || !parts[idx + 1]) return null;
1339        return decodeURIComponent(parts[idx + 1]);
1340      } catch (e) {
1341        return null;
1342      }
1343    }
1344
1345    var $link = $collections.find('a').filter(function () {
1346      return getCollectionHandle(this.href) === referrerHandle;
1347    });
1348
1349    if ($link.length) {
1350      $collections.siblings('a.qk-text--accent[href="#"]').remove();
1351      $collections.empty().append($link);
1352    }
1353  });
1354</script>
1354
1355
1356<!-- cyb_snippet breadcrumb_nav end -->
1357    </div>
1358  </div>
1359</div>
1360
1361
1362<!-- cyb_snippet breadcrumb end -->
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372<div id="collection" class="qk-mg_t--3">
1373  <div class="qk-container">
1374    <div  class="row qk-mg_x--0" >
1375      
1376        <!-- 一般群組頁 -->
1377        <!-- 群組簡述 start -->
1378          
1379        <!-- 群組簡述 end -->
1380        <!-- 側邊列表 start -->
1381        
1382          <div class="col-md-3 qk-hidden--mobile">
1383            
1384              <!-- cyb_snippet side_menu start -->
1385
1386
1387<ul id="collection_menu_shelf_top" class="sidebar qk-pd_b--1">
1388  
1389  
1390    
1391
1392    
1393      <!-- cyb_snippet components/side_menu/menu start -->
1394
1395
1396  
1397  
1398  
1399    <li class="qk-pos--rel qk-pd--0">
1400      
1401        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/">首頁</a>
1402      
1403    </li>
1404  
1405
1406  
1407  
1408  
1409    <li class="qk-pos--rel qk-pd--0">
1410      
1411        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/almond-koka">全新升級🌟杏仁果效果飲</a>
1412      
1413    </li>
1414  
1415
1416  
1417  
1418  
1419    <li class="qk-pos--rel qk-pd--0">
1420      
1421        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/即期俗又大碗🥣">即期俗又大碗🥣</a>
1422      
1423    </li>
1424  
1425
1426  
1427  
1428  
1429    <li class="qk-pos--rel qk-pd--0">
1430      
1431        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/每週好物推薦區">每週好物推薦區</a>
1432      
1433    </li>
1434  
1435
1436  
1437  
1438  
1439    <li class="qk-pos--rel qk-pd--0">
1440      
1441        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/超值優惠組合區">超值優惠商品區</a>
1442      
1443    </li>
1444  
1445
1446  
1447  
1448  
1449    <li class="qk-pos--rel qk-pd--0">
1450      <button class="linklist bt-toggle qk-fw--bold  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--heading qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_6" aria-expanded=" false ">
1451        
1452          <span class="qk-cursor--pointer qk-text--heading"> 依品牌分類 </span>
1453        
1454      </button>
1455      <ul id="collection_menu_shelf_second_6" class="collapse_collection_menu_6 collapse shelf_second  qk-pd--0">
1456        
1457          
1458          
1459          
1460            <li class="qk-pos--rel qk-pd--0">
1461              
1462                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/pocky">
1463                  Pocky 百奇
1464                </a>
1465              
1466            </li>
1467          
1468        
1469          
1470          
1471          
1472            <li class="qk-pos--rel qk-pd--0">
1473              
1474                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/almond-koka">
1475                  Almon Koka杏仁果效果
1476                </a>
1477              
1478            </li>
1479          
1480        
1481          
1482          
1483          
1484            <li class="qk-pos--rel qk-pd--0">
1485              
1486                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/pretz百力滋">
1487                  Pretz 百力滋
1488                </a>
1489              
1490            </li>
1491          
1492        
1493          
1494          
1495          
1496            <li class="qk-pos--rel qk-pd--0">
1497              
1498                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/pocky百奇優格棒系列">
1499                  Pocky百奇優格棒
1500                </a>
1501              
1502            </li>
1503          
1504        
1505          
1506          
1507          
1508            <li class="qk-pos--rel qk-pd--0">
1509              
1510                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/caplico卡布莉可|巧克力系列">
1511                  Caplico卡布莉可/棒棒糖系列
1512                </a>
1513              
1514            </li>
1515          
1516        
1517          
1518          
1519          
1520            <li class="qk-pos--rel qk-pd--0">
1521              
1522                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/雙色可可">
1523                  雙色可可
1524                </a>
1525              
1526            </li>
1527          
1528        
1529          
1530          
1531          
1532            <li class="qk-pos--rel qk-pd--0">
1533              
1534                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--accent" href="/collections/pejoy百醇">
1535                  Pejoy百醇
1536                </a>
1537              
1538            </li>
1539          
1540        
1541          
1542          
1543          
1544            <li class="qk-pos--rel qk-pd--0">
1545              
1546                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/bisco必思可">
1547                  Bisco必思可
1548                </a>
1549              
1550            </li>
1551          
1552        
1553      </ul>
1554    </li>
1555  
1556
1557  
1558  
1559  
1560    <li class="qk-pos--rel qk-pd--0">
1561      
1562        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/全部商品">全部商品</a>
1563      
1564    </li>
1565  
1566
1567  
1568  
1569  
1570    <li class="qk-pos--rel qk-pd--0">
1571      <button class="linklist bt-toggle qk-fw--bold  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--heading qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_8" aria-expanded=" false ">
1572        
1573          <span class="qk-cursor--pointer qk-text--heading"> 會員專區 </span>
1574        
1575      </button>
1576      <ul id="collection_menu_shelf_second_8" class="collapse_collection_menu_8 collapse shelf_second  qk-pd--0">
1577        
1578          
1579          
1580          
1581            <li class="qk-pos--rel qk-pd--0">
1582              
1583                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/會員等級說明">
1584                  會員等級說明
1585                </a>
1586              
1587            </li>
1588          
1589        
1590          
1591          
1592          
1593            <li class="qk-pos--rel qk-pd--0">
1594              
1595                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/bonus_malls/glico-格力高-感謝祭_有您真好❤❤❤">
1596                  會員紅利兌換
1597                </a>
1598              
1599            </li>
1600          
1601        
1602      </ul>
1603    </li>
1604  
1605
1606  
1607  
1608  
1609    <li class="qk-pos--rel qk-pd--0">
1610      <button class="linklist bt-toggle qk-fw--bold  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--heading qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_9" aria-expanded=" false ">
1611        
1612          <span class="qk-cursor--pointer qk-text--heading"> Glico大小事 </span>
1613        
1614      </button>
1615      <ul id="collection_menu_shelf_second_9" class="collapse_collection_menu_9 collapse shelf_second  qk-pd--0">
1616        
1617          
1618          
1619          
1620            <li class="qk-pos--rel qk-pd--0">
1621              
1622                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/關於我們品牌介紹">
1623                  認識Glico
1624                </a>
1625              
1626            </li>
1627          
1628        
1629      </ul>
1630    </li>
1631  
1632
1633
1634<script>
1635  $('button a').on('click', function(e) {e.stopPropagation()});
1636</script>
1636
1637
1638<!-- cyb_snippet components/side_menu/menu end -->
1639    
1640  
1641  
1642</ul>
1643
1644<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/sidebar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1645
1646<script>
1647  $(document).ready(function(){
1648    // 側邊選單
1649    if ($('.drawer').length){
1650      $('.drawer').drawer();
1651      $('.bt-toggle').click(function(){
1652        setTimeout(function(){
1653          $('.drawer')[0].iScroll.refresh()
1654        },500)
1655      })
1656    }
1657  });
1658</script>
1658
1659
1660
1661<!-- cyb_snippet side_menu end -->
1662
1663            
1664          </div>
1665        
1666        <!-- 側邊列表 end -->
1667        <!-- 群組商品 start -->
1668        <div id="collection-content" class="col-lg-9">
1669          <!-- for SEO:CLS, will be replaced by Vue component -->
1670          <div style="height: 100vh"></div>
1671        </div>
1672        <!-- 群組商品 end -->
1673      
1674    </div>
1675  </div>
1676</div>
1677
1678
1679
1680
1681  <!-- cyb_snippet _combo_product_related_items_modal start -->
1681<script src='//cdn-general.cybassets.com/frontend/shop/standaloneRelatedItemsSelectModal-3a2e378145f8a165.js' type='text/javascript'></script>
1681
1682  
1682<script>
1683    if (!$('#related-items-select-modal').length) {
1684      $('body').append('<div id="related-items-select-modal"></div>');
1685      document.addEventListener('DOMContentLoaded', function() {
1686        window.renderRelatedItemsSelectModal('#related-items-select-modal', {
1687          hasStockNotificationPlugin: true,
1688          displayProductDiscountsList: true,
1689        });
1690      });
1691    }
1692  </script>
1692<!-- cyb_snippet _combo_product_related_items_modal end -->
1693  <!-- cyb_snippet new_addcart_modal start -->
1694<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/vue_product_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1695
1696<div id="new-addcart-modal" class="container">
1697  <transition name="modal">
1698    <product-modal
1699      v-if="showProductModal"
1700      :only-description="onlyDescription"
1701      :product-url="popProductUrl"
1702      :color="color"
1703      :is-collection="isCollection"
1704      :is-show-description="isShowDescription"
1705      :is-quick-buy="isQuickBuy"
1706      :selected-variant-id="selectedVariantId"
1707      :categories="categories"
1708      :call-back="checkoutAddToCartCallback"
1709      ref="productModal"
1710    >
1711    </product-modal>
1712  </transition>
1713</div>
1714
1715<!-- cyb_snippet components/product_modal/product_modal start -->
1716<script type="text/x-template" id="product-modal">
1717  <div class="modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed" @click="closeModal">
1718    <div class="modal-content qk-bd--none qk-center qk-bg--theme_bg" :class="{'only-description': onlyDescription}" @click.stop>
1719      <button class="btn-close qk-circle qk-circle--md qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default" @click="closeModal"></button>
1720      <div class="modal-body custom-scrollbar qk-w--100">
1721        <div v-if="!isLoading">
1722          <div id="checkout-product" class="row">
1723            <div class="col-sm-6 col-xs-4">
1724              <photo-swiper
1725                :mediaItems="swiperItems"
1726                :current-image-index="currentImageIndex"
1727                :current-variant="currentVariant"
1728                :video-after-image="videoAfterImage"
1729              ></photo-swiper>
1730            </div>
1731            <div class="col-sm-6 col-xs-8">
1732              <h4 class="qk-fs--hd2 qk-fw--bold qk-text--heading qk-mg--0" v-html="product.title"></h4>
1733              <p class="product_brief qk-text--text qk-fs--body" v-html="product.brief"></p>
1734              <p class="product_slogan qk-text--heading qk-fs--body" v-html="product.slogan"></p>
1735              <div class="swiper_thumbnails" style="margin-bottom: 10px;">
1736                <swiper-thumbnails
1737                  :mediaItems="swiperItems"
1738                  :current-image-index="currentImageIndex"
1739                  :title="product.title"
1740                  @update-current-image-index="(thumbnailIndex) => { currentImageIndex = thumbnailIndex }"
1741                ></swiper-thumbnails>
1742              </div>
1743              
1744              <div v-if="!hidePrice" style="margin-bottom: 10px;">
1745                
1746                <span class="price-title qk-fs--body qk-fw--500 qk-text--heading">${ priceTitleTag }</span>
1747                
1748                <div>
1749                  <span v-html="variantPrice" class="variant-price qk-fs--hd1 qk-fw--bold" :class="[isDiscountPrice ? 'qk-text--discount_price' : 'qk-text--price']"></span>
1750                  <del v-html="marketPrice" class="variant-del-price qk-fs--body qk-fw--500 qk-text--text"></del>
1751                </div>
1752              </div>
1753              <div v-if="!onlyDescription" class="controls">
1754                <div class="variant-quantity qk-display--flex qk-flex--column">
1755                  <div v-if="hasVariant" class="product-variant-options">
1756                    <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}">
1757                      <div class="advance variant-select-option" v-if="styledShopMenu==='dropDownType'">
1758                      
1759                        <label>${option.name}</label>
1760                        <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"> </path></svg>
1761                        <select class="qk-bg--theme_bg" :class="{'select_placeholder-color': currentOption[`option${index + 1}`] === null}" v-show="!isMobileSize" :value="String(currentOption[`option${index + 1}`])" @change="setOption(`option${index + 1}`, $event.target.value, option.types )" @click="onClickSelectModal(option,`option${index + 1}`)">
1762                          <option value="null" class="select_option-hidden">請選擇${option.name}</option>
1763                          <option :style="{ visibility : isMobileSize ? 'hidden' : 'visible' }" v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option>
1764                        </select>
1765                        <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">請選擇${option.name}</span>
1766                        <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span>
1767                      </div>
1768                      <advance-option v-else :option-key="'option' + (index + 1)" :option="option" :current-option="currentOption" :toggle-current-option="toggleCurrentOption"/>
1769                    </div>
1770                  </div>
1771                  <div class="product_discounts_list qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-pd--1 qk-mg_b--1" v-show="displayProductDiscountsList && ((displayPeriodicSalesPages && product.showableSalesPages.length > 0) || !!discountsList)">
1772                    <div class="list_block custom-scrollbar qk-of_x--hidden">
1773                      <h4 class="qk-text--heading qk-fs--body">此商品參與的優惠活動
1774                      </h4>
1775                      <template v-if="displayPeriodicSalesPages">
1776                        <div v-for="salesPage in product.showableSalesPages" class="discount-list">
1777                          <span class="discount-label qk-fs--breadcrumb qk-bd--default qk-bd--accent qk-bg--white qk-display--il_bk qk-text--accent">定期定額
1778                          </span>
1779                          <a class="discount-title qk-text--accent qk-fs--body" :href="salesPage.path">${ salesPage.title }</a>
1780                        </div>
1781                      </template>
1782                      <template v-for="discounts in discountsList">
1783                        <div v-for="discount in discounts" class="discount-list">
1784                          <a v-if="discount.url" :href="discount.url" class="discount-title qk-text--accent qk-fs--body">
1785                            ${ discount.title }
1786                          </a>
1787                          <span v-else class="discount-title qk-text--accent qk-fs--body">${ discount.title }</span>
1788                        </div>
1789                      </template>
1790                    </div>
1791                  </div>
1792                  <div v-if="showPurchaseControls" class="product-quantity qk-bd--product_border" v-show="!isMobileSize">
1793                    <div class="btn-group qk-w--100" role="group" aria-label="First group">
1794                      <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
1795                      <input class="btn item-quantity qk-bd--default qk-bd--border qk-w--100 qk-text--heading" type="text" name="quantity" :value="quantity" @change="quantityChange">
1796                      <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
1797                    </div>
1798                  </div>
1799                </div>
1800                <div v-if="showPurchaseControls" class="add-button-wrapper">
1801                  <!-- cyb_snippet _product_modal_button start -->
1802<button
1803  class="btn btn-default add-button qk-cursor--pointer qk-w--100 qk-btn--primary"
1804  :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
1805  type="button"
1806  :disabled="isHideAddCartBtn"
1807  @click="addProduct"
1808>
1809  ${ addCartText }
1810</button>
1811
1812<!-- cyb_snippet _product_modal_button end -->
1813                </div>
1814                <div class="product-others qk-fs--body">
1815                  <span class="product-love">
1816                    <a class="btn-love qk-text--text qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-display--il_bk qk-text--center qk-cursor--pointer qk-tst qk-tst_timing--ease_io qk-tst_dur--15" @click="addWishList">
1817                      <svg
1818                        width="15"
1819                        height="15"
1820                        viewBox="0 0 24 24"
1821                        fill="none"
1822                        xmlns="http://www.w3.org/2000/svg">
1823                        <path
1824                          d="M21.3899 4.54287C20.8146 4.01265 20.1366 3.60344 19.3969 3.34002C18.6572 3.0766 17.8711 2.96444 17.0863 3.01034C16.5593 3.01219 16.0362 3.09923 15.5375 3.26802C15.0194 3.44412 14.5265 3.68572 14.071 3.98682C13.6676 4.25092 13.2787 4.53613 12.906 4.84124C12.5762 5.09996 12.2648 5.38092 11.974 5.6821C11.6833 5.38092 11.3719 5.09996 11.042 4.84124C10.6516 4.53452 10.2443 4.24928 9.82221 3.98682C9.3967 3.69278 8.93642 3.45138 8.45163 3.26802C7.93995 3.0948 7.40254 3.0077 6.86175 3.01034C6.07688 2.96365 5.2906 3.07544 4.55076 3.3389C3.81091 3.60236 3.13296 4.01199 2.55813 4.54287C2.02401 5.11052 1.61146 5.77922 1.3453 6.50873C1.07914 7.23825 0.964875 8.01351 1.00937 8.78786C1.01359 9.36893 1.11073 9.94569 1.29719 10.4967C1.45989 11.0166 1.68054 11.517 1.95507 11.9886C2.20373 12.4073 2.47838 12.8104 2.77742 13.1956C3.09266 13.5889 3.32566 13.8601 3.46271 14.0093C3.56921 14.1255 3.6837 14.2343 3.80536 14.3348L11.4395 21.7669C11.5066 21.8412 11.5891 21.9002 11.6813 21.94C11.7736 21.9798 11.8734 21.9994 11.974 21.9975C12.0836 22.0067 12.1938 21.9906 12.296 21.9506C12.3983 21.9106 12.4898 21.8477 12.5634 21.7669L20.1838 14.3484C21.8272 12.9359 22.8376 10.9363 22.9935 8.78786C23.0307 8.0097 22.9078 7.23217 22.6321 6.50246C22.3565 5.77274 21.9339 5.10606 21.3899 4.54287V4.54287Z"
1825                          stroke="currentColor"
1826                          stroke-width="2"
1827                          stroke-linecap="round"
1828                          stroke-linejoin="round" />
1829                      </svg>
1830                      加入最愛
1831                    </a>
1832                  </span>
1833                  <span class="product_sold qk-text--text" v-if="false">
1834                    <span>已銷售:
1835                      ${ product.totalSold }
1836                      ä»¶
1837                    </span>
1838                  </span>
1839                  <span class="product_bonus qk-text--text" v-if="true">
1840                    此商品 「 最高 」可以折抵紅利
1841                    <span class="val qk-fw--600 qk-fs--hd2" v-if="currentVariant">${currentVariant.maxUsableBonus}</span>
1842                    <span class="val qk-fw--600 qk-fs--hd2" v-else>${maxUsableBonus}</span>
1843                    點
1844                    <span v-html="bonusToPrice"/>
1845                  </span>
1846                </div>
1847                <div class='product_limit_buy qk-fs--body' v-show="product.minBuy > 0 || product.limitBuy > 0">
1848                  ${limitBuyText}
1849                </div>
1850              </div>
1851            </div>
1852          </div>
1853          <div v-if="isShowDescription" class="row">
1854            <div class="col-sm-12">
1855              
1856                <div v-if="product.bodyHtml">
1857                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1858                    商品介紹
1859                  </h5>
1860                  <div class="ckeditor">
1861                    <div v-html="product.bodyHtml"></div>
1862                  </div>
1863                </div>
1864              
1865              
1866                <div v-if="otherDescriptions['product_description_section_spec']">
1867                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1868                    規格說明
1869                  </h5>
1870                  <div class="ckeditor">
1871                    <div v-html="otherDescriptions['product_description_section_spec']"></div>
1872                  </div>
1873                </div>
1874              
1875              
1876                <div v-if="otherDescriptions['product_description_section_shipping']">
1877                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1878                    運送方式
1879                  </h5>
1880                  <div class="ckeditor">
1881                    <div v-html="otherDescriptions['product_description_section_shipping']"></div>
1882                  </div>
1883                </div>
1884              
1885            </div>
1886          </div>
1887        </div>
1888        <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;">
1889          <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i>
1890        </div>
1891      </div>
1892        <!-- cyb_snippet _product_modal_button_mobile start -->
1893 <div
1894  v-if="showPurchaseControls"
1895  v-show="isMobileSize"
1896  class="mobile_footer"
1897  :class="{'mobile_footer-z': variantSize > 1 }">
1898        <div class="product-quantity">
1899          <div class="btn-group qk-w--100" role="group" aria-label="First group">
1900            <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
1901            <input class="btn item-quantity qk-bd--default qk-bd--border qk-w--100 qk-text--heading" type="text" name="quantity" :value="quantity" @change="quantityChange">
1902            <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
1903          </div>
1904        </div>
1905        <button
1906          v-if="!isLoading && !onlyDescription"
1907          class="btn btn-mobile add-button qk-btn qk-btn--primary qk-btn--lg"
1908          :class="{selected: isChoose, adding: adding || isHideAddCartBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
1909          type="button"
1910          :disabled="isHideAddCartBtn"
1911          @click="addProduct">
1912            ${ addCartText }
1913        </button>
1914</div>
1915<div
1916  class="mobile-modal"
1917  :class="{ 'modal-open': isModalSelectShow && isMobileSize }">
1918        <div class="mobile_modal-content">
1919          <div class="modal_close-button">
1920            <button class="btn-close qk-circle qk-circle--md qk-pos--abs qk-op--100  qk-text--heading qk-bd--product_border qk-bd--default" @click="onChangeModalSelect(false,true)"></button>
1921          </div>
1922          
1923          <p>請選擇${modalOption.name}</p>
1924          <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100">
1925            <div class="options-container">
1926              <label :class="{'seleced-option': currentOption && currentOption[selectOption] === data.name, 'avoid-clicks':!data.isValid}" v-for="data in modalOption.types" @click="setOption(selectOption, data.name, modalOption.types)">${data.name}</label>
1927            </div>
1928          </div>
1929          <div v-if="variantSize > 1" class="modal_select_footer qk-display--flex">
1930            <button type="button" class="modal_cancel qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">取消</button>
1931            <button type="button" class="qk-btn qk-btn--primary qk-btn--lg qk-fs--body qk-bd--button qk-test--button_text" @click="onChangeModalSelect(false,true)">完成</button>
1932          </div>
1933        </div>
1934</div>
1935
1936<!-- cyb_snippet _product_modal_button_mobile end -->
1937    </div>
1938  </div>
1939</script>
1939
1940
1941<!-- cyb_snippet components/product_modal/color_image_option start -->
1942<script id="color-image-option" type="text/x-template">
1943  <div class="color-image qk-display--flex qk-flex--wrap qk-align--center">
1944    <div class="title">顏色</div>
1945    <div
1946      v-for="(imageColor, index) in imageColors"
1947      :class="{
1948        'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index,
1949        'selected': currentOption[optionKey] === option.types[index].name,
1950        'disabled': !option.types[index].isValid
1951      }"
1952      class="image-option img-flex qk-bd--default qk-bd--transparent qk-display--block qk-pos--rel"
1953      @mouseleave="setCurrentImageIndex(index)"
1954      @mouseover="getOptionImageIndex(index)"
1955      @click="setOption(optionKey, index)"
1956    >
1957      <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image">
1958      <img v-else src="/assets/no-image-large.png" alt="image">
1959    </div>
1960  </div>
1961</script>
1961
1962
1963<script type="text/javascript">
1964  $(document).ready(function() {
1965    window.themeHelper.productModalComponents['color-image-option'] = {
1966      template: '#color-image-option',
1967      delimiters: ['${', '}'],
1968      props: {
1969        optionKey: String,
1970        option: Object,
1971        product: Object,
1972        imageColors: Array,
1973        isChoose: Boolean,
1974        currentImageIndex: Number,
1975        setCurrentImageIndex: Function,
1976        getOptionImageIndex: Function,
1977        currentOption: Object,
1978        toggleCurrentOption: Function,
1979      },
1980      methods: {
1981        setOption: function(optionKey, index) {
1982          const type = this.option.types[index];
1983          if(type.isValid){
1984            this.toggleCurrentOption(optionKey, type.name);
1985          }
1986        }
1987      }
1988    };
1989  });
1990</script>
1990
1991
1992<!-- cyb_snippet components/product_modal/color_image_option end -->
1993<!-- cyb_snippet components/product_modal/advance_option start -->
1994<script id="advance-option" type="text/x-template">
1995  <div class="advance">
1996    <div class="title qk-text--heading qk-fs--body">${option.name}</div>
1997    <div
1998      v-for="type in option.types"
1999      :class="{
2000        'selected': currentOption[optionKey] === type.name,
2001        'disabled': !type.isValid
2002      }"
2003      @click="setOption(optionKey, type)"
2004      class="option qk-btn  qk-bd--button qk-text--button qk-pd_x--1"
2005    >
2006      ${type.name}
2007    </div>
2008  </div>
2009</script>
2009
2010
2011<script type="text/javascript">
2012  $(document).ready(function() {
2013    window.themeHelper.productModalComponents['advance-option'] = {
2014      template: '#advance-option',
2015      delimiters: ['${', '}'],
2016      props: {
2017        optionKey: String,
2018        option: Object,
2019        product: Object,
2020        currentOption: Object,
2021        toggleCurrentOption: Function,
2022      },
2023      methods: {
2024        setOption: function(optionKey, type) {
2025          if(type.isValid){
2026            this.toggleCurrentOption(optionKey, type.name);
2027          }
2028        }
2029      }
2030    };
2031  });
2032</script>
2032
2033
2034<!-- cyb_snippet components/product_modal/advance_option end -->
2035
2036<!-- cyb_snippet components/product_modal/photo_swiper start -->
2037
2038
2039<script id="photo-swiper" type="text/x-template">
2040  <div ref="photoSwiper" id="photo_swiper" class="photos swiper swiper-container">
2041    <div class="swiper-wrapper">
2042      <template v-if="hasImage">
2043        <div v-for="(item, index) in mediaItems" :key="index" class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale">
2044          <video-player v-if="item.url" :video="item"
2045            :video-poster=" !!mediaItems[firstImageIndex] ? mediaItems[firstImageIndex].large : '//cdn-general.cybassets.com/img_loading.svg' "
2046          >
2047          </video-player>
2048          <img v-else class="qk-center" :src="item.large" alt="image"/>
2049        </div>
2050      </template>
2051      <div v-else class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale">
2052        <img src="//cdn-general.cybassets.com/assets/no-image-large-2b95ea56c455be9ce081d81c14eded925df68bf8fa38809e46f6af8fcdd5f9bc.png" alt="image" />
2053      </div>
2054    </div>
2055    <div v-show="showBtn" class="photo-prev qk-swiper_btn--prev  qk-hidden--mobile qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-mg_l--05"></div>
2056    <div v-show="showBtn" class="photo-next qk-swiper_btn--next  qk-hidden--mobile qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-mg_l--05"></div>
2057
2058    <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm">
2059        <span class="current-index qk-text--default_dark">${currentImageIndex +1 }</span><span class="pagination-slash">/</span>
2060        <span>${mediaItems.length}</span>
2061      </div>
2062  </div>
2063</script>
2063
2064
2065<script>
2066  $(document).ready(function () {
2067    window.themeHelper.productModalComponents['photo-swiper'] = {
2068      template: '#photo-swiper',
2069      delimiters: ['${', '}'],
2070      props: {
2071        mediaItems: Array,
2072        currentImageIndex: Number,
2073        currentVariant: Object,
2074        videoAfterImage: Boolean,
2075      },
2076      data: function () {
2077        return {
2078          swiper: {},
2079          swiperOption: {
2080            preventInteractionOnTransition: true,
2081            rewind: true,
2082            spaceBetween: 5,
2083            slidesPerView: 1,
2084            navigation: {
2085              nextEl: '.photo-next',
2086              prevEl: '.photo-prev'
2087            }
2088          },
2089          showBtn: true,
2090          isVariantReposition: false,
2091        }
2092      },
2093      mounted: function() {
2094        this.swiper = new Swiper('#photo_swiper', this.swiperOption);
2095        this.swiper.on('slideChange', this.slideOnChange);
2096      },
2097      watch: {
2098        currentImageIndex: function() {
2099          this.slideToIndex();
2100        },
2101        currentVariant: {
2102          immediate: true,
2103          handler: function() {
2104            this.showBtn = this.mediaItems.length > 1;
2105            this.isVariantReposition = true;
2106            this.$nextTick(() => {
2107              if (this.swiper) {
2108                this.swiper.update();
2109                this.swiper.slideToLoop(this.initialItemIndex)
2110                this.slideOnChange();
2111                this.isVariantReposition = false;
2112              }
2113            });
2114          },
2115        },
2116      },
2117      computed: {
2118        hasImage: function() {
2119          return this.mediaItems.length > 0;
2120        },
2121        hasVideo: function() {
2122          return this.mediaItems.findIndex(item => !!item.url) !== -1;
2123        },
2124        variantPhotos: function() {
2125          if (this.currentVariant?.photos?.length) {
2126            return this.currentVariant.photos;
2127          } else  {
2128            return null;
2129          }
2130        },
2131        initialItemIndex: function() {
2132          if (this.hasVideo && !this.videoAfterImage) {
2133            // Focus on photo if "variant with photos" selected, video otherwise
2134            return this.variantPhotos?.length ? 1 : 0;
2135          } else {
2136            // Focus on first photo
2137            return 0;
2138          }
2139        },
2140      },
2141      methods: {
2142        slideOnChange: function() {
2143          themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex, this.isVariantReposition);
2144        },
2145        slideToIndex: function() {
2146          if(this.swiper.realIndex != this.currentImageIndex) {
2147            this.swiper.slideToLoop(this.currentImageIndex);
2148            this.swiper.update();
2149          }
2150        },
2151      }
2152    };
2153  });
2154</script>
2154
2155
2156
2157<!-- cyb_snippet components/product_modal/video_player start -->
2158<script id="video-player" type="text/x-template">
2159  <div class="videoPlayer__wrapper" @click="handleVideoClick">
2160    <video 
2161      id='modal-video'
2162      class="videoPlayer__video qk-cursor--pointer qk-center" 
2163      :poster="videoPoster"
2164      loop defaultMuted muted playsinline webkit-playsinline autoplay
2165    >
2166      <source :src="videoUrl" type="video/mp4">
2167      <p>你的瀏覽器不支援 HTML 5 video</p>
2168    </video>
2169    <button id="modal-video-button" class="videoPlayer__pauseButton"></button>
2170  </div>
2171</script>
2171
2172
2173<script>
2174  $(document).ready(function () {
2175    window.themeHelper.productModalComponents['video-player'] = {
2176      template: '#video-player',
2177      delimiters: ['${', '}'],
2178      props: {
2179        video: Object,
2180        videoPoster: String,
2181      },
2182      data: function() {
2183        return {
2184          videoElement: null,
2185          buttonElement: null,
2186        };
2187      },
2188      mounted: function() {
2189        this.videoElement = $('#modal-video')[0];
2190        this.buttonElement = $('#modal-video-button');
2191        this.setVideoVolumeZero();
2192        this.videoElement.addEventListener('canplay', (event) => {
2193          this.sendGtag('play');
2194        }, { once: true });
2195      },
2196      computed: {
2197        videoUrl: function() {
2198          return this.video.url;
2199        }
2200      },
2201      methods: {
2202        sendGtag: function(action) {
2203          window.productVideoView && productVideoView(action);
2204        },
2205        setVideoVolumeZero: function() {
2206          this.videoElement.volume = 0;
2207        },
2208        handleVideoClick: function() {
2209          if (this.videoElement.paused){
2210            this.videoElement.play();
2211            this.sendGtag('play');
2212          } else {
2213            this.videoElement.pause();
2214            this.sendGtag('paused');
2215          }
2216          this.handleVideoButtonDisplay(this.buttonElement, this.videoElement);
2217        },
2218        handleVideoButtonDisplay: function(button, video) {
2219          button.toggleClass('videoPlayer__playButton', video.paused);
2220          button.toggleClass('videoPlayer__pauseButton', !video.paused);
2221        },
2222      }
2223    };
2224  });
2225</script>
2225
2226
2227<!-- cyb_snippet components/product_modal/video_player end -->
2228
2229<!-- cyb_snippet components/product_modal/photo_swiper end -->
2230<!-- cyb_snippet components/product_modal/swiper_thumbnails start -->
2231<script id="swiper-thumbnails" type="text/x-template">
2232  <div
2233    v-for="(thumbnail, index) in allThumbnails"
2234    :key="index"
2235    class="product-thumbnail img-flex qk-of--hidden qk-display--il_bk qk-cursor--pointer qk-bd--default qk-bd--transparent default_scale"
2236    :class="{ focus: index === currentImageIndex }"
2237    @mouseover="updateCurrentImageIndex(index)"
2238  >
2239    <template v-if="thumbnail.isVideo">
2240      <video class="qk-w--100 qk-h--100" :src="thumbnail.url" defaultMuted playsinline></video>
2241      <button class="videoPlayer__playButton"></button>
2242    </template>
2243    <img v-else :src="thumbnail.url" :alt="title" class="qk-w--100 qk-h--100">
2244  </div>
2245</script>
2245
2246
2247<script type="text/javascript">
2248  $(document).ready(function () {
2249    window.themeHelper.productModalComponents['swiper-thumbnails'] = {
2250      template: '#swiper-thumbnails',
2251      delimiters: ['${', '}'],
2252      props: {
2253        title: String,
2254        mediaItems: Array,
2255        currentImageIndex: Number,
2256      },
2257      emits: ['updateCurrentImageIndex'],
2258      methods: {
2259        updateCurrentImageIndex: function(thumbnailIndex) {
2260          if (thumbnailIndex !== this.currentImageIndex ) {
2261            this.$emit('updateCurrentImageIndex', thumbnailIndex);
2262          }
2263        },
2264      },
2265      mounted() {
2266        // can be removed after replacing video thumbnail with img
2267        const thumbnailVideo = $('.product-thumbnail video')[0];
2268        if (!!thumbnailVideo) {
2269          thumbnailVideo.volume = 0;
2270          const promise = thumbnailVideo.play();
2271          promise.then(() => {
2272            thumbnailVideo.pause();
2273          })
2274        }
2275      },
2276      computed: {
2277        allThumbnails: function() {
2278          return this.mediaItems.map(item => ({
2279            isVideo: !!item.url,
2280            url: item.url || item.medium
2281          }));
2282        },
2283      },
2284      watch: {
2285        allThumbnails: {
2286          handler(){
2287            this.updateCurrentImageIndex(this.currentImageIndex);
2288          }
2289        }
2290      }
2291    };
2292  });
2293</script>
2293
2294
2295<!-- cyb_snippet components/product_modal/swiper_thumbnails end -->
2296
2297
2298<!-- cyb_snippet _product_modal_js start -->
2299<script type="text/javascript">
2300  $(document).ready(function() {
2301    var categoryLevels = [];
2302    var productCategoryLevels = null;
2303    var pageMainProductId = null;
2304    window.themeHelper.productModalComponents['product-modal'] = {
2305      template: '#product-modal',
2306      delimiters: [
2307        '${', '}'
2308      ],
2309      props: {
2310        onlyDescription: Boolean,
2311        cartItems: Array,
2312        groupId: Number,
2313        productUrl: String,
2314        color: String, // unused
2315        collectionId: Number,
2316        categories: Array,
2317        // 判斷是否有色票展開
2318        isCollection: {
2319          type: Boolean,
2320          required: false,
2321          default: false,
2322        },
2323        // 判斷加入購物車的方法
2324        isNnCollection: Boolean,
2325        isNewNnCollection: Boolean,
2326        isBundleDiscount: Boolean,
2327
2328        // 判斷是否顯示商品描述
2329        isShowDescription: {
2330          type: Boolean,
2331          default: true
2332        },
2333
2334        // 判斷是否為立即購買
2335        isQuickBuy: {
2336          type: Boolean,
2337          default: false
2338        },
2339        selectedVariantId: Number,
2340        callBack: Function
2341      },
2342      data: function() {
2343        return {
2344          styledShopMenu: "buttonType",
2345          selectOption: '',
2346          selectCurrentStr:'',
2347          isModalSelectShow: false,
2348          modalOption: {},
2349          adding: false,
2350          currentImageIndex: 0,
2351          _navState: { variantId: null, photoIndex: 0 },
2352          currentOption: {
2353            option1: null,
2354            option2: null,
2355            option3: null
2356          },
2357          currentVariant: null,
2358          variantNotifications: null,
2359          currentVariantIndex: null,
2360          product: {},
2361          isChoose: false,
2362          isLoading: true,
2363          isEmptyClickable: liquidHelper.isEmptyClickable,
2364          quantity: 1,
2365          maxUsableBonus: 0,
2366          isDiscountPrice: false,
2367          displayProductDiscountsList: true,
2368          displayPeriodicSalesPages:true,
2369          discountsList: null,
2370          hasVideoPlugin: true,
2371          videoDisplayLocation: "before",
2372          hasStockNotificationPlugin: true,
2373          isDisplayPriceRange: null,
2374          hasVariantPriceRangePlugin: true,
2375          hasHideSingleVariantOptionsPlugin: false,
2376        }
2377      },
2378      mounted: function() {
2379        this.getProductDetail();
2380        $('.custom-scrollbar').addCustomScrollbar();
2381        themeHelper.EventBus.$on('photoOnChange', this.photoOnChange);
2382      },
2383      beforeUnmount: function() {
2384        themeHelper.EventBus.$off('photoOnChange', this.photoOnChange);
2385      },
2386      computed: {
2387        photoUrls: function() {
2388          return this.product.photoUrls.length > 0
2389            ? this.product.photoUrls
2390            : [this.featuredImage];
2391        },
2392        photoUrlsMap: function() {
2393          var map = {};
2394          var urls = this.product.photoUrls;
2395          this.product.photos.forEach(function(photo, index) {
2396            map[photo.photo.id] = urls[index];
2397          });
2398
2399          return map;
2400        },
2401        featuredImage: function() {
2402          return this.product.featuredImage;
2403        },
2404        swiperPhotos: function() {
2405          if (!this.photoUrls.length) {
2406            return [this.featuredImage];
2407          }
2408
2409          if (this.currentVariant && this.currentVariant.photos.length) {
2410            var map = this.photoUrlsMap;
2411            return this.currentVariant.photos.map(function(p) {
2412              return map[p.id];
2413            });
2414          }
2415
2416          return this.photoUrls;
2417        },
2418        productVideo: function() {
2419          return this.product.video;
2420        },
2421        videoAfterImage: function() {
2422          return this.videoDisplayLocation === 'after';
2423        },
2424        swiperItems: function() {
2425          const media = [...this.swiperPhotos];
2426          if (
2427            this.hasVideoPlugin && this.productVideo.url
2428          ) {
2429            this.videoAfterImage
2430              ? media.push(this.productVideo)
2431              : media.unshift(this.productVideo);
2432          }
2433          return media;
2434        },
2435        firstImageIndex: function() {
2436          return this.hasVideoPlugin && this.productVideo.url && !this.videoAfterImage
2437            ? 1
2438            : 0
2439        },
2440        otherDescriptions: function() {
2441          var descriptions = {};
2442          this.product.otherDescriptions.forEach(function(od) {
2443            descriptions[od.settingName] = od.bodyHtml;
2444          })
2445          return descriptions
2446        },
2447        variantOptions: function() {
2448          return themeHelper.variantOptions(this.product);
2449        },
2450        firstValidVariant: function() {
2451          var self = this;
2452          var result = this.product.variants.find(function(variant) {
2453            // 增加 product modal 聯絡店家 property
2454            variant.imgUrl = "";
2455            variant.productTitle = "";
2456
2457            return variant.available;
2458          });
2459
2460          return result
2461            ? result
2462            : null;
2463        },
2464        selectedValidVariant: function() {
2465          var self = this;
2466          var result = this.variantOptions.find(function(variant) {
2467            return variant.id === self.selectedVariantId;
2468          });
2469
2470          return result
2471            ? result
2472            : null;
2473        },
2474        totalInventoryQuantity: function(product) {
2475          return themeHelper.totalInventoryQuantity(this.product)
2476        },
2477        addCartText: function() {
2478          var variants = parseInt("");
2479          let isRegisteredNotification = this.currentVariant && this.variantNotifications && this.variantNotifications[this.currentVariant.id]
2480          if (this.isNnCollection || this.isBundleDiscount) {
2481            if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
2482              if (this.currentVariant.inventoryPolicy === 'continue') {
2483                if (this.isNnCollection) {
2484                  return this.isChoose && !this.isNewNnCollection
2485                    ? '已預購'
2486                    : '預購商品';
2487                }
2488              } else {
2489                return '已售完';
2490              }
2491            }
2492            if (this.totalInventoryQuantity === 0) {
2493              return '已售完';
2494            }
2495            return this.isChoose && !this.isNewNnCollection
2496              ? '已選購'
2497              : '選購';
2498          } else {
2499            if (this.isQuickBuy) {
2500              if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
2501                if (this.currentVariant.inventoryPolicy === 'continue'){
2502                  return '立即預購'
2503                }
2504                return this.hasStockNotificationPlugin
2505                  ? (isRegisteredNotification
2506                    ? '已登記補貨通知'
2507                    : '已售完,貨到通知我')
2508                  : '聯絡店家'
2509              }
2510              return '立即購買';
2511            } else {
2512              if (this.currentVariant) {
2513                if (!themeHelper.variantIsAvailable(this.currentVariant)) {
2514                  if (this.currentVariant.inventoryPolicy === 'continue'){
2515                    return '預購商品'
2516                  }
2517                  return this.hasStockNotificationPlugin
2518                    ? (isRegisteredNotification
2519                      ? '已登記補貨通知'
2520                      : '已售完,貨到通知我')
2521                    : '聯絡店家'
2522                }
2523              } else {
2524                if (this.totalInventoryQuantity === 0) {
2525                  return '已售完';
2526                }
2527              }
2528              return '加入購物車';
2529            }
2530          }
2531        },
2532        cartItem: function() {
2533          if (!this.currentVariant) {
2534            return null
2535          }
2536          return {
2537            id: this.currentVariant.id,
2538            groupId: this.groupId,
2539            productId: this.product.id,
2540            title: this.product.title,
2541            photo: this.currentVariant.imgUrl || this.featuredImage.large,
2542            quantity: this.quantity,
2543            price: this.currentVariant.price,
2544            variant: this.currentVariant,
2545            product: this.product
2546          }
2547        },
2548        options: function() {
2549          return this.product.options;
2550        },
2551        optionTypes: function() {
2552
2553          // 先根據設定的variants來排序
2554          var self = this;
2555
2556          var option1 = [];
2557          var option2 = [];
2558          var option3 = [];
2559          this.product.variants.forEach(function(item) {
2560            if (item.option1 !== null) {
2561              option1.push(item.option1);
2562            }
2563            if (item.option2 !== null) {
2564              option2.push(item.option2);
2565            }
2566            if (item.option3 !== null) {
2567              option3.push(item.option3);
2568            }
2569          })
2570          var filteredOptionTypes = [];
2571          this.product.optionTypes.forEach(function(item, index) {
2572            filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (
2573              index + 1
2574            ))).join(','));
2575          });
2576          return filteredOptionTypes;
2577        },
2578        optionInfo: function() {
2579          var self = this;
2580
2581          return self.options.map(function(option, index) {
2582            return {
2583              name: option,
2584              types: self.getOptions('option' + (
2585                index + 1
2586              ), self.optionTypes[index].split(','))
2587            }
2588          });
2589        },
2590        hasVariant: function() {
2591          return this.product.options.length > 0;
2592        },
2593        shouldHideSingleVariantOptions: function() {
2594          return this.hasHideSingleVariantOptionsPlugin &&
2595                 this.product.variants &&
2596                 this.product.variants.length <= 1;
2597        },
2598        variantSize: function() {
2599          if(this.product.options){
2600          return this.product.options.length;
2601          }
2602        },
2603        firstVariant: function() {
2604          return this.product.variants[0];
2605        },
2606        firstCheapestVariant: function() {
2607          return this.product.variants.find((v)=> (v.price === this.priceStats.minPrice));
2608        },
2609        priceStats: function() {
2610          return this.product.variants.reduce(function(acc, variant) {
2611            return {
2612              minPrice: variant.price < acc.minPrice ? variant.price : acc.minPrice,
2613              maxPrice: variant.price > acc.maxPrice ? variant.price : acc.maxPrice,
2614            };
2615          }, {
2616            minPrice: this.firstVariant.price,
2617            maxPrice: this.firstVariant.price,
2618          });
2619        },
2620        hidePrice: function() {
2621          return this.product && this.product.hidePrice === true;
2622        },
2623        salesModePurchasable: function() {
2624          return !(this.product && this.product.salesModePurchasable === false);
2625        },
2626         // - 任選折扣/紅配綠:「選擇」只是加進試算清單,不會直接下單,故只擋藏價商品
2627        // - 其他情境(商品頁、群組頁、多層級分類、搜尋、首頁商品區塊):不可購買(含藏價)就整組收掉
2628        showPurchaseControls: function() {
2629          if (this.isNnCollection || this.isBundleDiscount) {
2630            return !this.hidePrice;
2631          }
2632          return this.salesModePurchasable;
2633        },
2634        variantPrice: function() {
2635          if (this.hidePrice) {
2636            return '';
2637          }
2638          var from = liquidHelper.defaultCurrency;
2639          if (this.currentVariant) {
2640            return moneySymbol(this.currentVariant.price, from);
2641          }
2642          if (this.product.variants.length === 1) {
2643            return moneySymbol(this.firstVariant.price, from);
2644          }
2645
2646          var minPrice = this.priceStats.minPrice;
2647          var maxPrice = this.priceStats.maxPrice;
2648
2649          if (minPrice !== maxPrice && (!this.hasVariantPriceRangePlugin || this.isDisplayPriceRange)) {
2650            this.isDiscountPrice = false;
2651            return moneySymbol(minPrice, from) + '~' + moneySymbol(maxPrice, from);
2652          } else {
2653            return moneySymbol(minPrice, from);
2654          }
2655        },
2656        marketPrice: function() {
2657          if (this.hidePrice) {
2658            this.isDiscountPrice = false;
2659            return;
2660          }
2661          var from = liquidHelper.defaultCurrency;
2662          if (this.currentVariant) {
2663            this.isDiscountPrice = false;
2664            if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) {
2665              this.isDiscountPrice = true;
2666              return moneySymbol(this.currentVariant.compareAtPrice, from);
2667            }
2668          } else {
2669            if (!_.includes(this.variantPrice, '~')) {
2670              const price =  Number(this.variantPrice.replace(/[^0-9.
2670-]/g, ""))
2671              // 未選擇款式也不顯示區間時,顯示第一個最便宜的款式的定價
2672              if (this.firstCheapestVariant.compareAtPrice && this.firstCheapestVariant.compareAtPrice > price){
2673                this.isDiscountPrice = true;
2674                return moneySymbol(this.firstCheapestVariant.compareAtPrice, from);
2675              }
2676              // 未選擇款式時要改回一般價格顏色
2677              this.isDiscountPrice = false;
2678            }
2679          }
2680        },
2681        isShowDropdownList: function() {
2682          if (this.product.options.length > 0) {
2683            return true;
2684          }
2685          return this.product.variants.length > 1
2686        },
2687        priceTitleTag: function() {
2688          return this.marketPrice
2689            ? getDiscountPriceName()
2690            : getDiscountPriceSuggestionName();
2691        },
2692        isHideAddCartBtn: function() {
2693          if (this.addCartText === '已售完') {
2694            return true;
2695          }
2696          return false;
2697        },
2698        isSecondaryBtn: function() {
2699          if (this.addCartText === '聯絡店家') {
2700            return true;
2701          }
2702          return false;
2703        },
2704        variantsMaxUsableBonus: function() {
2705          var variants = this.product.variants;
2706          var maxUsableBonusArray = variants.map(function(item) {
2707            return item.maxUsableBonus
2708          });
2709          return Math.max.apply(null, maxUsableBonusArray);
2710        },
2711        bonusToPrice: function() {
2712          const bonus = this.currentVariant
2713            ? this.currentVariant.maxUsableBonus
2714            : this.maxUsableBonus;
2715          const price = Math.floor(bonus / window.liquidHelper.conversionBonus);
2716          const priceWithMoney = window.themeHelper.productDisplayCurrencyBlock(price);
2717          return "(約等於 value )".replace('value', priceWithMoney);
2718        },
2719        isMobileSize: function() {
2720          return window.innerWidth <= 580
2721        },
2722        limitBuyText: function () {
2723          const minCount = this.product.minBuy;
2724          const maxCount = this.product.limitBuy;
2725          if (minCount > 0 && maxCount > 0) {
2726            return '此商品每筆訂單最少需購買 minCount 件,最多可購買 maxCount 件'.replace('minCount', minCount).replace('maxCount', maxCount);
2727          }
2728          if (minCount > 0) {
2729            return '此商品每筆訂單最少需購買 minCount 件'.replace('minCount', minCount);
2730          }
2731          if (maxCount > 0) {
2732            return '此商品每筆訂單最多可購買 maxCount 件'.replace('maxCount', maxCount);
2733          }
2734          return '';
2735        }
2736      },
2737      methods: {
2738        onClickSelectModal: function(objData, selectOptionStr) {
2739          this.isModalSelectShow = true;
2740          this.modalOption = objData;
2741          this.selectOption = selectOptionStr
2742          this.selectCurrentStr = this.currentOption && (String(this.currentOption[selectOptionStr]) || null)
2743        },
2744        onChangeModalSelect: function(flag, isSelect) {
2745          if(!isSelect){
2746            this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types)
2747          }
2748          this.isModalSelectShow = flag;
2749        },
2750        setOption: function(optionKey, type, dataArr) {
2751          let flag = true
2752          dataArr.forEach(item => {
2753            if (item.name === type) {
2754              flag = item.isValid
2755            }
2756          })
2757          if (flag) {
2758            this.toggleCurrentOption(optionKey, type)
2759          }
2760        },
2761        addToWishListEvent: function() {
2762          try {
2763            if (appMarketAddToWishListEvent) {
2764              var product = this.product;
2765              var currentVariant = this.currentVariant
2766              var element = $(`.btn[data-id=${product.id}]`);
2767              var index;
2768              var listName;
2769              if (element) {
2770                index = element.data('position')
2771                listName = element.data('list')
2772              }
2773              // sku_properties:選中款式的 option pairs(當前語系),類型名 zip 值
2774              var optionValues = [currentVariant.option1, currentVariant.option2, currentVariant.option3];
2775              var properties = [];
2776              (product.options || []).forEach(function(optionName, i) {
2777                if (optionName && optionValues[i]) {
2778                  properties.push({ name: optionName, value: optionValues[i] });
2779                }
2780              });
2781              var dataSet = {
2782                name: product.title,
2783                category: product.productType,
2784                categories: (this.categories && this.categories.length) ? this.categories : (categoryLevels.length ? categoryLevels : (product.id === pageMainProductId ? productCategoryLevels : undefined)),
2785                sku: currentVariant.sku,
2786                price: currentVariant.price,
2787                compare_at_price: currentVariant.compareAtPrice,
2788                properties: properties,
2789                quantity: currentVariant.inventoryQuantity,
2790                variant: currentVariant.title,
2791                listName: listName || null,
2792                productId: product.id,
2793                variantId: currentVariant.id,
2794                index: Number(index) || 0,
2795              }
2796              appMarketAddToWishListEvent(dataSet)
2797            }
2798          } catch (e) {
2799            console.error(e)
2800          }
2801        },
2802        addWishList: function() {
2803          if (this.currentVariant === null) {
2804            window.msg('請選擇商品款式', 'warning').show();
2805            return;
2806          }
2807          var productVariantId = this.currentVariant.id;
2808          var addToWishListEvent = this.addToWishListEvent
2809          $.ajax({
2810            method: 'POST',
2811            url: '/tracking_items',
2812            dataType: 'json',
2813            data: {
2814              product_variant_id: productVariantId
2815            },
2816            success: function(response) {
2817              if (response.message) {
2818                window.msg(response.message, 'success').show();
2819                addToWishListEvent()
2820              }
2821
2822              if (response.error) {
2823                window.msg(response.error, 'error').show();
2824
2825              }
2826              if (response.info) {
2827                window.msg(response.info, 'info').show();
2828              }
2829              if (response.success === false) {
2830                if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
2831                  window.location = "/" + window.liquidHelper.language.handle + "/account/login";
2832                } else {
2833                  window.location = "/account/login";
2834                }
2835              }
2836            }
2837          });
2838        },
2839        setChoose: function(currentVariant) {
2840          this.maxUsableBonus = 0;
2841          var quantity = 1;
2842          var cartItem = null;
2843          if (!this.isNnCollection && this.cartItems) {
2844            cartItem = this.normalGetChoosenItem(currentVariant);
2845          }
2846          if (this.isNnCollection) {
2847            cartItem = this.nnCollectionGetChoosenItem(currentVariant);
2848          }
2849          this.isChoose = !! cartItem;
2850          if (this.isNewNnCollection) {
2851            return
2852          }
2853          this.quantity = cartItem
2854            ? cartItem.quantity
2855            : this.quantity;
2856
2857          // product modal 聯絡店家情境
2858          if (currentVariant) {
2859            var photoIndex = 0;
2860            if (! currentVariant.imgUrl) {
2861              currentVariant.imgUrl = this.swiperPhotos.length > 0
2862                ? (this.swiperPhotos[photoIndex] && this.swiperPhotos[photoIndex].large)
2863                : this.featuredImage.large;
2864            }
2865            currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title;
2866          }
2867        },
2868        normalGetChoosenItem: function(currentVariant) {
2869          return this.cartItems.find(function(cartItem) {
2870            return currentVariant && cartItem.id === currentVariant.id;
2871          });
2872        },
2873        nnCollectionGetChoosenItem: function(currentVariant) {
2874          var isSelected = null;
2875          if (! currentVariant) {
2876            return isSelected;
2877          }
2878          if (this.isNewNnCollection) {
2879            var cart = store.get(`SpecialCollectionCart_${this.collectionId}`);
2880            isSelected = cart && cart.find((item) => item.variant_id == currentVariant.id) || null;
2881          } else {
2882            store.each(function(value, key) {
2883              var productId = _.includes(key, 'Pro' + currentVariant.productId);
2884              var variantID = _.includes(key, 'Var' + currentVariant.id);
2885              if (productId && variantID) {
2886                isSelected = store.get(key);
2887              }
2888            });
2889          }
2890
2891          return isSelected;
2892        },
2893        // get product detail
2894        getProductDetail: function() {
2895          var self = this;
2896
2897          $.ajax({
2898            url: self.productUrl + '.json',
2899            type: 'GET',
2900            timeout: 30000,
2901            beforeSend: function() {
2902              self.isLoading = true;
2903            },
2904            error: function(xhr) {
2905              self.closeModal();
2906              if (xhr.status === 429) {
2907                window.showAddCartRateLimitModal(5);
2908                return;
2909              }
2910              window.msg('網路連線異常,請重新整理', 'error').show();
2911            }
2912          }).done(function(data) {
2913            if (data.id) {
2914              var productData = [themeHelper.toCamelCase(data)];
2915              self.product = themeHelper.priceWithDiscount(productData, liquidHelper.hasPriceWithDiscountPlugin)[0];
2916              self.maxUsableBonus = self.variantsMaxUsableBonus;
2917              if (self.product.variants.length === 1 || liquidHelper.isFirstVariantSelected || self.selectedVariantId) {
2918                self.currentVariant = self.firstValidVariant;
2919                // 如果已經自選商品,則商品頁下滑加入購物車顯示自選商品
2920                if (self.selectedVariantId) {
2921                  self.currentVariant = self.selectedValidVariant;
2922                }
2923                if (self.currentVariant) {
2924                  self.setChoose(self.currentVariant);
2925                  self.setDefaultOption();
2926                }
2927              }
2928              if (self.displayProductDiscountsList) {
2929                self.setUpDiscountsTag(data);
2930              }
2931              self.isLoading = false;
2932              if (self.product && self.product.variants) {
2933                self.product.variants.forEach(function(discountedVariant) {
2934                  var rawVariant = data.variants.find(function(v) { return v.id === discountedVariant.id; });
2935                  if (rawVariant) { rawVariant.price = discountedVariant.price; }
2936                });
2937              }
2938              viewItem && viewItem(data, { collectionId: '182945', collectionName: "Pejoy百醇", categories: (self.categories && self.categories.length) ? self.categories : (categoryLevels.length ? categoryLevels : (data.id === pageMainProductId ? productCategoryLevels : undefined)) });
2939
2940              (function() {
2941                // Read login status from cacheable, skip GET /pv_notification if not login.
2942                if (window.store && window.store.get('customer')) {
2943                  var cacheableCustomer = window.store.get('customer');
2944                  if (cacheableCustomer.notLogin) {
2945                    return;
2946                  }
2947                }
2948                $.ajax({
2949                  url: '/pv_notification',
2950                  method: 'GET',
2951                  dataType: 'json',
2952                  data: {
2953                    product_id: parseInt(data.id)
2954                  },
2955                  success: function(response) {
2956                    self.variantNotifications = response.variants;
2957                  }
2958                })
2959              })();
2960            } else {
2961              window.msg('網路連線異常,請重新整理', 'error').show();
2962              self.closeModal()
2963            }
2964          })
2965        },
2966        // product image btn
2967        photoOnChange: function(photoIndex, isVariantReposition) {
2968          var visiblePhotos = (this.currentVariant && this.currentVariant.photos.length)
2969            ? this.currentVariant.photos
2970            : this.product.photos.map(function(p) { return p.photo; });
2971          var result = themeHelper.buildNavigateItemImagePayload(this._navState, {
2972            product: this.product,
2973            currentVariant: this.currentVariant,
2974            visiblePhotos: visiblePhotos,
2975            slideIndex: photoIndex,
2976            videoOffset: this.firstImageIndex,
2977          });
2978          this._navState = result.nextState;
2979          if (result.payload && !isVariantReposition) {
2980            window.navigateItemImage(result.payload);
2981          }
2982          this.currentImageIndex = photoIndex;
2983        },
2984        toggleCurrentOption: function(key, value) {
2985          this.currentOption[key] =
2986            (this.currentOption[key] === value || value === 'null') ? null : value;
2987          var variantIndex = this.getVariantIndex();
2988          if (variantIndex !== -1) {
2989            this.currentVariant = this.product.variants[variantIndex];
2990          } else {
2991            this.currentVariant = null;
2992          }
2993          this.setChoose(this.product.variants[variantIndex]);
2994          if (this.currentOption[key] !== null) {
2995            var optionIndex = parseInt(key.replace('option', '')) - 1;
2996            appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant);
2997          }
2998        },
2999        toggleNotification: function() {
3000          var self = this;
3001          var variantId = this.currentVariant.id;
3002
3003          $.ajax({
3004            url: '/toggle_pv_notification',
3005            method: 'POST',
3006            dataType: 'json',
3007            data: {
3008              product_variant_id: variantId
3009            },
3010            success: function(response) {
3011              self.variantNotifications[variantId] = response.notice;
3012              window.msg(response.message, "success").show();
3013            },
3014            error: function(xhr) {
3015              var response = xhr.responseJSON;
3016              var msg = response && response.error || "網路連線異常,請重新整理";
3017              window.msg(msg, "error").show();
3018            }
3019          })
3020        },
3021        getOptionImageIndex: function(index) {
3022          this.currentImageIndex = index;
3023        },
3024        quantityDecrease: function() {
3025          if (this.cartItem) {
3026            themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false);
3027            this.quantity = this.cartItem.quantity
3028          } else {
3029            window.msg("請選擇商品款式", 'warning').show();
3030          }
3031        },
3032        quantityIncrease: function() {
3033          if (this.cartItem) {
3034            themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false);
3035            this.quantity = this.cartItem.quantity
3036          } else {
3037            window.msg("請選擇商品款式", 'warning').show();
3038          }
3039        },
3040        quantityChange: function(el) {
3041          if (this.cartItem) {
3042            themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false);
3043            this.quantity = this.cartItem.quantity;
3044            el.target.value = this.cartItem.quantity;
3045          } else {
3046            window.msg("請選擇商品款式", 'warning').show();
3047          }
3048        },
3049        addProduct: function() {
3050          if (this.addCartText === '聯絡店家') {
3051            $('#messagebuy-Modal').data('variant', this.currentVariant);
3052            $('#messagebuy-Modal').modal('show');
3053            $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)");
3054          } else if (
3055            this.addCartText === '已登記補貨通知' ||
3056            this.addCartText === '已售完,貨到通知我'
3057          ) {
3058              this.toggleNotification();
3059          } else {
3060            if (this.cartItem) {
3061              try {
3062                if (this.isChoose) {
3063                  themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem, this.callBack)
3064                } else {
3065                  themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem, this.callBack)
3066                }
3067
3068                this.adding = true;
3069                this.closeModal();
3070              } catch (e) {
3071                window.msg("商品款式異常", 'error').show();
3072              }
3073            } else {
3074              window.msg("請選擇商品款式", 'warning').show();
3075            }
3076          }
3077        },
3078        closeModal: function() {
3079          themeHelper.EventBus.$emit('closeProductModal');
3080        },
3081        setDefaultOption: function() {
3082          var self = this;
3083          Object.keys(self.currentOption).map(function(optionKey) {
3084            self.currentOption[optionKey] = self.currentVariant[optionKey];
3085          });
3086        },
3087        getVariantIndex: function() {
3088          var self = this;
3089          return self.product.variants.findIndex(function(variant, index) {
3090            var isVariant = true;
3091            Object.keys(self.currentOption).forEach(function(option) {
3092              if (variant[option] !== self.currentOption[option]) {
3093                isVariant = false;
3094              }
3095            });
3096            return isVariant;
3097          });
3098        },
3099
3100        // 篩選重複品項
3101        getUniqueVariant: function(variants) {
3102          return variants.filter(function(value, index, self) {
3103            return self.indexOf(value) === index;
3104          });
3105        },
3106        groupBy(xs, key) {
3107          return xs.reduce(function(rv, x) {
3108            (rv[x[key]] = rv[x[key]] || []).push(x);
3109            return rv;
3110          }, {});
3111        },
3112        setUpDiscountsTag(data) {
3113          var self = this;
3114          var languagePrefix = '/' + ((window.shopScriptHelper && window.shopScriptHelper.i18nLocale) || 'zh-TW');
3115          $.ajax({
3116            url: languagePrefix + self.productUrl + '/discounts_list',
3117            method: 'GET',
3118            success: function(result) {
3119              if (result.length > 0) {
3120                var discounts_list = self.groupBy(result, 'campaign_type');
3121                self.discountsList = discounts_list;
3122              } else {
3123                self.discountsList = null;
3124              }
3125            }
3126          });
3127        },
3128        getOptions: function(optionKey, optionTypes) {
3129          var self = this;
3130          return optionTypes.map(function(optionType, index) {
3131            var isValid = true;
3132
3133            // 選出包含目前type的variant
3134            var matchVariants = self.product.variants.filter(function(variant) {
3135              return variant[optionKey] === optionType;
3136            });
3137
3138            // 篩選已勾選type
3139            Object.keys(self.currentOption).forEach(function(currentOptionKey) {
3140              if (currentOptionKey !== optionKey) {
3141                matchVariants = matchVariants.filter(function(variant) {
3142                  if (self.currentOption[currentOptionKey]) {
3143                    return variant[currentOptionKey] === self.currentOption[currentOptionKey]
3144                  } else {
3145                    return true;
3146                  }
3147                });
3148              }
3149            });
3150            if (matchVariants.length === 0) {
3151              isValid = false;
3152            }
3153            if (! self.isEmptyClickable) {
3154              isValid = false;
3155              matchVariants.find(function(item) {
3156                if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') {
3157                  isValid = true;
3158                }
3159              });
3160            }
3161            return {name: optionType, isValid: isValid}
3162          });
3163        }
3164      }
3165    };
3166  });
3167</script>
3167
3168
3169<!-- cyb_snippet _product_modal_js end -->
3170
3171<!-- cyb_snippet components/product_modal/product_modal end -->
3172
3173<!-- cyb_snippet messagebuy_modal start -->
3174
3175
3176<!-- cyb_snippet messagebuy_modal end -->
3177<!-- cyb_snippet components/rate_limit_modal start -->
3178<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/rate_limit_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
3179
3180<div class="modal fade" id="rate-limit-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
3181  <div class="modal-dialog modal-dialog-centered" role="document">
3182    <div class="modal-content">
3183      <div class="modal-body">
3184        <div class="qk-text--default_dark rate-limit-text">
3185          <p id="rate-limit-title">目前搶購人潮眾多,請耐心等候</p>
3186          <p class="qk-fs--body qk-fw--500 rate-limit-message">
3187            <span class="qk-text--error" id="rate-limit-countdown"></span>
3188            <span id="rate-limit-desc"></span>
3189          </p>
3190          <p class="qk-fs--body qk-fw--500 rate-limit-message" id="rate-limit-warn">若離開此頁面,可能會延長等待時間。</p>
3191        </div>
3192        <button id="rate-limit-btn" class="btn qk-btn qk-btn--primary" disabled>重新進入商品頁</button>
3193      </div>
3194    </div>
3195  </div>
3196</div>
3197
3198<script>
3199  window.showRateLimitModal = function(countdownSec) {
3200    var countdown = countdownSec || 5;
3201    var $modal = $('#rate-limit-modal');
3202    var $btn = $modal.find('#rate-limit-btn');
3203    var $countdownEl = $modal.find('#rate-limit-countdown');
3204
3205    $btn.show();
3206    $modal.find('#rate-limit-desc').text(language["product_rate_limit_desc"]);
3207    $countdownEl.text(countdown);
3208    $btn.prop('disabled', true);
3209    $modal.modal('show');
3210
3211    var timer = setInterval(function() {
3212      countdown--;
3213      $countdownEl.text(countdown);
3214      if (countdown <= 0) {
3215        clearInterval(timer);
3216        $btn.prop('disabled', false);
3217      }
3218    }, 1000);
3219
3220    $btn.off('click').on('click', function() {
3221      location.reload();
3222    });
3223  }
3224
3225  window.showAddCartRateLimitModal = function(countdownSec) {
3226    var countdown = countdownSec || 5;
3227    var $modal = $('#rate-limit-modal');
3228    var $countdownEl = $modal.find('#rate-limit-countdown');
3229
3230    $modal.find('#rate-limit-btn').hide();
3231    $modal.find('#rate-limit-desc').text(language["addcart_rate_limit_desc"]);
3232    $countdownEl.text(countdown);
3233    $modal.modal('show');
3234
3235    var timer = setInterval(function() {
3236      countdown--;
3237      $countdownEl.text(countdown);
3238      if (countdown <= 0) {
3239        clearInterval(timer);
3240        $modal.modal('hide');
3241      }
3242    }, 1000);
3243  }
3244</script>
3244
3245
3246<!-- cyb_snippet components/rate_limit_modal end -->
3247
3248<script>
3249  $(document).ready(function() {
3250    const shouldSkipQuantityCheck = false;
3251    const newAddCartModalApp = new window.themeHelper.LiquidVueHandler({
3252      componentNames: Object.keys(window.themeHelper.productModalComponents),
3253      mountSelector: '#new-addcart-modal',
3254      autoMount: false,
3255    });
3256
3257    newAddCartModalApp.createApp({
3258      el: '#new-addcart-modal',
3259      delimiters: ['${', '}'],
3260      data() {
3261        return {
3262          collectionId: 0,
3263          categories: [],
3264          color: '', // unused
3265          isCollection: true,
3266          productQuantity: 0,
3267          onlyDescription: false,
3268          showProductModal: false,
3269          popProductUrl: '',
3270          loading: false,
3271        };
3272      },
3273      mounted: function() {
3274        themeHelper.EventBus.$on('closeProductModal',this.closeProductModal);
3275        themeHelper.EventBus.$on('updateStore', this.addProduct);
3276        themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease);
3277        themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease);
3278        themeHelper.EventBus.$on('quantityChange', this.quantityChange);
3279      },
3280      methods: {
3281        addProduct: function(actionType, productData, checkoutAddToCartCallback){
3282          var self = this;
3283          var pageViewId = window.CYBERBIZ && window.CYBERBIZ.dis && window.CYBERBIZ.dis.pageViewId;
3284          $.ajax({
3285            method: 'POST',
3286            url: '/cart/add',
3287            headers: pageViewId ? { 'X-Cyb-Page-View-Id': pageViewId } : {},
3288            data: {
3289              id: productData.id,
3290              quantity: productData.quantity,
3291            },
3292            dataType: 'json',
3293            beforeSend: function() {
3294              self.loading = true;
3295              themeHelper.ajaxLoadingMsg('loading');
3296              $('.shopcart').dropdown('hide')
3297              $('.global-cart-count').hide();
3298              $('.global-cart-loading').show();
3299              $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse" style="vertical-align: middle;"></i>');
3300            },
3301            error: function(xhr) {
3302              $('.global-cart-loading').hide();
3303              $('.global-cart-count').show();
3304              self.loading = false;
3305              if (xhr.status === 429) {
3306                themeHelper.ajaxLoadingMsg('hide', 0);
3307                self.closeProductModal();
3308                window.showAddCartRateLimitModal(5);
3309                return;
3310              }
3311              themeHelper.ajaxLoadingMsg('fail', 2000);
3312            }
3313          }).done(function(data, status, request){
3314            // product modal 立即購買按鈕
3315            window.sendAddToCartEvent && sendAddToCartEvent({
3316              price: productData.price,
3317              quantity: productData.quantity,
3318              id: productData.product.id,
3319              name: productData.product.title,
3320              category: productData.product.productType,
3321              brand: productData.product.vendor,
3322              qc: productData.variant.qc,
3323              variant: {
3324                id: productData.variant.id,
3325                title: productData.variant.title,
3326                sku: productData.variant.sku,
3327                price: productData.variant.price,
3328                qc: productData.variant.qc,
3329              },
3330              position: "商品彈出視窗",
3331              request,
3332            })
3333            if (self.isQuickBuy) {
3334              if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
3335                window.location = "/" + window.liquidHelper.language.handle + "/cart";
3336              } else {
3337                window.location = "/cart";
3338              }
3339            } else {
3340              themeHelper.ajaxLoadingMsg('success');
3341              pullNavCart();
3342              $('.shopcart').dropdown('show')
3343              $('.global-cart-loading').hide();
3344              self.loading = false;
3345            }
3346            if(typeof checkoutAddToCartCallback === 'function'){
3347              var callbackData = {
3348                id: productData.id,
3349                quantity: productData.quantity,
3350                title: productData.product ? productData.product.title : productData.title || ''
3351              };
3352              checkoutAddToCartCallback(callbackData)
3353            }
3354            peh.emit('product:add_to_cart', [{
3355              variantId: productData.id,
3356              quantity: productData.quantity
3357            }], self.collectionId);
3358          }).fail(function(e){
3359            if (e.status === 429) {
3360              return;
3361            }
3362            let err_msg = e.responseJSON.err_msg;
3363            err_msg && err_msg.length > 0 ?
3364              window.msg(e.responseJSON.err_msg, 'warning').show():
3365              window.msg("加入購物車有誤,請重新嘗試", 'warning').show();
3366          })
3367        },
3368        quantityDecrease: function(cartItem, isAdded){
3369          if (cartItem.quantity > 1) {
3370            cartItem.quantity -= 1;
3371          } else {
3372            window.msg("數量不得為低於 1", 'warning').show();
3373          }
3374        },
3375        quantityIncrease: function(cartItem, isAdded){
3376          const limitQuantity = cartItem.variant.inventoryQuantity;
3377          const limitBuy = cartItem.product.limitBuy
3378          if (limitBuy && cartItem.quantity >= limitBuy) {
3379            product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
3380            window.msg(product_limit_buy, 'warning').show();
3381            return;
3382          } else if (cartItem.quantity >= liquidHelper.cartQuantityLimit) {
3383            window.msg("數量超過購買上限", 'warning').show();
3384          } else if ( cartItem.quantity < limitQuantity || limitQuantity === null ||
3385            cartItem.variant.inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
3386            cartItem.quantity += 1;
3387          } else {
3388            this.showInventoryMessage(limitQuantity);
3389          }
3390        },
3391        quantityChange: function(quantity, cartItem, isAdded){
3392          const limitBuy = cartItem.product.limitBuy
3393          var limitQuantity = cartItem.variant.inventoryQuantity;
3394          var inventoryPolicy = cartItem.variant.inventoryPolicy;
3395          if (Number.isInteger(quantity)) {
3396            if (quantity >= 1) {
3397              if (limitBuy && quantity >= limitBuy) {
3398                product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
3399                window.msg(product_limit_buy, 'warning').show();
3400              } else if (quantity > liquidHelper.cartQuantityLimit) {
3401                window.msg("數量超過購買上限", 'warning').show();
3402              } else if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
3403                cartItem.quantity = quantity;
3404              } else {
3405                cartItem.quantity = limitQuantity;
3406                this.showInventoryMessage(limitQuantity);
3407              }
3408            } else {
3409              window.msg("數量不得為低於 1", 'warning').show();
3410            }
3411          } else {
3412            window.msg("數量輸入錯誤", 'warning').show();
3413          }
3414        },
3415        popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId, checkoutAddToCartCallback, categories){
3416          this.showProductModal = true;
3417          this.collectionId = collectionId;
3418          this.categories = categories || [];
3419          this.popProductUrl = productUrl;
3420          this.color = color || ''; // unused
3421          this.isCollection = isCollection || false;
3422          this.isShowDescription = isShowDescription != false;
3423          this.isQuickBuy = isQuickBuy || false;
3424          this.selectedVariantId = parseInt(variantId) || undefined;
3425          this.checkoutAddToCartCallback = checkoutAddToCartCallback;
3426          document.body.style.overflow = "hidden";
3427        },
3428        closeProductModal: function() {
3429          this.showProductModal = false;
3430          document.body.style.overflow = "";
3431        },
3432        showInventoryMessage: function(inventoryQuantity) {
3433          const stockMessage = "商品庫存剩餘 count 件".replace('count', inventoryQuantity || 0);
3434          window.msg(stockMessage, 'warning').show();
3435        },
3436      }
3437    });
3438
3439    for (const componentName in window.themeHelper.productModalComponents) {
3440      newAddCartModalApp.component(
3441        componentName,
3442        window.themeHelper.productModalComponents[componentName],
3443      );
3444    }
3445
3446    window.new_addcart_modal = newAddCartModalApp.mount();
3447  });
3448</script>
3448
3449
3450<!-- cyb_snippet new_addcart_modal end -->
3451
3452  
3453
3454  
3455
3456  
3457
3458  
3459
3460  
3461
3462  
3462<script>
3463    document.addEventListener('DOMContentLoaded', function() {
3464      window.renderCollectionPage('#collection-content', {
3465        collection: {
3466          id: Number('182945') || undefined,
3467          title: "Pejoy百醇",
3468          className: 'CustomCollection',
3469          handle: "pejoy百醇"
3470        },
3471        currentTags: null || '',
3472        containerClass: 'col-lg-9',
3473        cartEnabled: true,
3474        showPeriodicLabel: false,
3475        trackingVariantIds: null,
3476        useVanillaFilter: true,
3477        filterNotASearch: null,
3478        settingsData: {
3479          displayProductTotalSold: false,
3480          productScale: "default_scale",
3481          displayPeriodicOrderLabel: false,
3482          discountPriceSloganUrl: '',
3483          productSloganDisplay: false,
3484          collectionPaginationLimit: Number(24) || 24,
3485          isInfiniteScroll: false,
3486          isUpcomingProductsEnabled: false,
3487          productTextAlign: "center",
3488          displayProductVariantThumbnail: null,
3489          hasIntegratedProductLabelsPlugin: true,
3490          productColumnForPc: "",
3491          isDisplayPriceRange: null,
3492          productCardHoverEffect: "button",
3493          productImageBorderRadius:0
3494        }
3495      });
3496    });
3497  </script>
3497
3498
3499  
3499<script>
3500    $('#collection .collection_products').on('click', ".btn-cart", function(event) {
3501      event.preventDefault();
3502      var comboProductInfo = $(this).data('comboProductInfo');
3503      if (comboProductInfo) {
3504        window.themeHelper.EventBus.$emit('showRelatedItemsSelectModal', comboProductInfo);
3505      } else {
3506        var productHandle = '/products/' + $(this).data('handle');
3507        var collectionId = $(this).data('collection');
3508        var color = $(this).data('color');
3509        var isCollection = true;
3510        new_addcart_modal.popModal(productHandle, collectionId, color, isCollection);
3511      }
3512    });
3513
3514    // 無限下拉轉換率追蹤
3515    window.gtIds = dataLayer.reduce(function(acc, curr) {
3516      if (curr[2] && curr[2].custom_map && curr[2].custom_map.dimension3 === 'infinite_scroll') {
3517        acc.push(curr[1]);
3518      }
3519      return acc;
3520    }, []);
3521    gtag('set', 'dimension3', 'behavior_test_normal');
3522    window.gtIds.forEach(function(g) {
3523      gtag('event', 'normal_collection_page_load', {send_to: g})
3524    });
3525  </script>
3525
3526
3527
3528
3529
3530
3531
3532
3533    </div>
3534
3535    <!-- Footer -->
3536    
3537
3538
3539
3540
3541
3542
3543<style>
3544  
3545  
3546  @media(min-width: 991px) {
3547    .display_x .left-content > div {
3548      max-width: calc(100% / 1);
3549    }
3550  }
3551</style>
3552
3553<div id="index-recommendation"></div>
3554
3555<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
3556  
3557    
3558    <div class="qk-container display_x">
3559      <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
3560        <div class="left-content qk-flex--1">
3561          
3562            
3563              <div class="item contact qk-text--left">
3564                
3565                  <p class="footer_title qk-fs--title qk-text--footer_text">聯絡資訊</p>
3566                
3567                <ul>
3568                  
3569                    <li class="phone qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3570                      <span class="qk-text--footer_text">客服專線:0809-099-007 (非網站訂單問題請洽專線)</span>
3571                    </li>
3572                  
3573                  
3574                  
3575                    <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3576                      <span class="qk-text--footer_text">客服時間:10:00-17:00</span>
3577                    </li>
3578                  
3579                  
3580                    <br>
3581                    <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk">
3582                      <a class="qk-text--footer_text" href="mailto:[email protected]">信箱:[email protected]</a>
3583                    </li>
3584                  
3585                  
3586                    <li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3587                      <span class="qk-text--footer_text">地址:臺北市中山區樂群二路189號10樓之2</span>
3588                    </li>
3589                  
3590                  
3591                </ul>
3592              </div>
3593              
3594          
3595        </div>
3596        <div class="right-content qk-display--flex qk-flex--column">
3597          
3598            <div class="fb_fanpage qk-hidden--mobile">
3599              <div class="fb_fans_page_area">
3600                <div
3601                  class="fb-page"
3602                  data-href="https://www.facebook.com/109757853773301"
3603                  data-width="500"
3604                  data-adapt-container-width="true"
3605                  data-hide-cover="false"
3606                  data-show-facepile="true">
3607                  <blockquote cite="https://www.facebook.com/109757853773301" class="fb-xfbml-parse-ignore">
3608                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/109757853773301"></a>
3609                  </blockquote>
3610                </div>
3611              </div>
3612            </div>
3613          
3614          <div class="media qk-display--il">
3615            <div class="item social_media qk-h--auto qk-float--l">
3616              <ul>
3617                
3618                
3619                
3620                
3621              </ul>
3622            </div>
3623          </div>
3624        </div>
3625      </div>
3626    </div>
3627    
3628  <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default">
3629    <div class="qk-container container qk-fw--500">
3630      <span>Copyright ©</span>
3631      <a class="qk-text--link" href="/">
3632        <span>glico格力高</span>
3633      </a>
3634      <span>All Rights Reserved.</span>
3635      <span>Designed by
3636      </span>
3637      <a
3638        class="qk-text--link"
3639        href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
3640        target="_blank"
3641        rel="noopener noreferrer"
3642        title="Designed by CYBERBIZ">CYBERBIZ</a>.
3643    </div>
3644  </div>
3645  
3646</footer>
3647<script>
3648  $(document).ready(function() {
3649    let isDynamicLoading = false;
3650
3651    let menusData = {
3652      
3653        
3654      
3655    };
3656
3657    if (isDynamicLoading) {
3658      window.DynamicLoading.setupComponent({
3659          sectionId: '#footer',
3660          callbackData:{
3661            section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":false,"shop_facebook":"","display_instagram":false,"shop_instagram":"","display_line":false,"shop_line":"","display_youtube":false,"shop_youtube":"","footer_link_arrangement":"display_x","display_facebook_fan_block":true},"block_order":["default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","thumbnail":"list","draggable":true,"visible":false,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"},"custom_name":"選單"},"default_contact_info":{"type":"contact_info_setting","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"聯絡資訊","display_phone":"true","dict_phone_number":"0809-099-007 (非網站訂單問題請洽專線)","display_fax_number":false,"dict_shop_fax_number":"","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"臺北市中山區樂群二路189號10樓之2","display_office_time":"true","dict_shop_office_time":"10:00-17:00"},"custom_name":"聯絡資訊"}},"custom_name":"頁腳"},
3662            shop: {
3663              name: 'glico格力高',
3664              cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz',
3665              facebook_fan_page: 'https://www.facebook.com/109757853773301',
3666            },
3667            menus: menusData,
3668            is_display_facebook_fan_block: true
3669            },
3670          entryName:'renderFooterSection',
3671          source:'//cdn-general.cybassets.com/frontend/shop/footerSection-3a2e378145f8a165.js',
3672        });
3673    }
3674  });
3675</script>
3675
3676
3677<!-- cyb_snippet _tracking_code start -->
3678      
3678<script>
3679        window.fbAsyncInit = function() {
3680          FB.init({
3681          appId : '',
3682          xfbml : true,
3683          version : 'v24.0',
3684          });
3685        };
3686        (function(d, s, id){
3687          var js, fjs = d.getElementsByTagName(s)[0];
3688          if (d.getElementById(id)) {return;}
3689          js = d.createElement(s);
3690          js.id = id;
3691          js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
3692          fjs.parentNode.insertBefore(js, fjs);
3693        }(document, 'script', 'facebook-jssdk'));
3694      </script>
3694
3695
3696
3697<script>
3698  // for scupio
3699  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
3700    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
3701  } else {
3702    mid = "";
3703  }
3704  if (!window.is_scupio_sent && mid) {
3705    window._bwtm = window._bwtm || []
3706    window._bwtm.push({
3707      "mid": mid,
3708      "uid": ""
3709    });
3710  }
3711</script>
3711
3712
3713<!-- cyb_snippet _tracking_code end -->
3714
3715<script>
3716  $(document).ready(function(){
3717    if(window.location.pathname != '' && window.location.pathname != '/' ){
3718      document.getElementById('index-recommendation').style.display = 'none'
3719    }
3720  });
3721</script>
3721
3722
3723
3724
3725    <!-- Fast-Events -->
3726    <!-- cyb_snippet fast_events start -->
3727
3728
3729<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/fast_events-3a2e378145f8a165.js' type='text/javascript'></script>
3729
3730<link href='//cdn-general.cybassets.com/frontend/shop/beta_theme/css/fast_events-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
3731
3732<!-- cyb_snippet fast_events end -->
3733
3734    <div class="bottom-right qk-pos--fixed">
3735      <!-- gototop -->
3736      <div id="gototop" class="qk-display--none qk-text--center">
3737        <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
3738          <i class="fas fa-chevron-up"></i>
3739        </a>
3740      </div>
3741
3742      <!-- popup -->
3743      
3744
3745
3746
3747<div id="popup-wrapper" class="qk-display--none"></div>
3748
3749<template id="popup-template">
3750  <div
3751    :class="status"
3752    v-if="hasContent"
3753    id="popup-section"
3754  >
3755    <transition name="backdrop">
3756      <div
3757        v-if="shouldShowPopup"
3758        @click.capture="minifyPopup"
3759        id="popup-backdrop"
3760        class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
3761      >
3762      </div>
3763    </transition>
3764    <transition name="onShow">
3765      <div
3766        @click.self="showPopup"
3767        @transitionstart="updateGameStatus('start', this)"
3768        @transitionend="updateGameStatus('end', this)"
3769        class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3770      >
3771        <div
3772          v-for="block in blocks"
3773          :key="block.id"
3774          :class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
3775          class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
3776        >
3777          <div v-if="block.type === 'image'" class="qk-pos--rel">
3778            <img
3779              v-show="!shouldShowPopup"
3780              :src="block.settings.dict_icon_image_url"
3781              class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3782              alt="popup button"
3783            >
3784            <a
3785              v-show="shouldShowPopup"
3786              :href="block.settings.dict_link"
3787              :target="block.settings.target"
3788              :rel="block.settings.rel"
3789              class="qk-display--flex qk-align--center"
3790              @click="linkClicked"
3791            >
3792              <picture>
3793                <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
3794                <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
3795                <img
3796                  :src="block.settings.dict_image_url"
3797                  class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3798                  alt="popup picture"
3799                />
3800              </picture>
3801            </a>
3802          </div>
3803          <div v-if="block.type === 'video'">
3804            <iframe
3805              :src="block.settings.dict_video_link"
3806              frameborder="0"
3807              class="qk-center--y qk-w--100 qk-h--100"
3808            ></iframe>
3809          </div>
3810          <div v-if="block.type === 'game'">
3811            <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
3812              <iframe
3813                class="cb-game-iframe iframe-loading"
3814                :src="getGameIframeSrc(block)"
3815                style="border: none;"
3816              >
3817                Loading
3818              </iframe>
3819            </div>
3820            <div v-show="gameStatus === 'minified'">
3821              <img
3822                src="//cdn-general.cybassets.com/game_assets/game_minified_new.png"
3823                class="qk-h--100 qk-w--100"
3824                alt="game minified icon"
3825              />
3826            </div>
3827          </div>
3828          <div
3829            v-if="block.type === 'carousel'"
3830            :id="`popup-carousel-${block.id}`"
3831          >
3832          </div>
3833        </div>
3834      </div>
3835    </transition>
3836    <transition name="backdrop">
3837      <div
3838        v-if="shouldShowPopup"
3839        @click.capture="minifyPopup"
3840        class="minify-popup qk-circle qk-circle--md qk-text--black qk-bg--white qk-bd--default qk-bd--border qk-text--center qk-cursor--pointer qk-pos--fixed"
3841      >
3842      </div>
3843    </transition>
3844  </div>
3845</template>
3846
3847<script>
3848  $(document).ready(function() {
3849    const CDN_HOST = '//cdn-general.cybassets.com';
3850    const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/popup_default.jpg","icon_size":"small"},"custom_name":"圖片"},"1746036296453_2":{"type":"game","custom_name":"互動遊戲","visible":false,"settings":{"dict_game_handle":"10631"}}},"block_order":["1746036296453_2"],"settings":{},"custom_name":"彈窗廣告"};
3851    var popupSection = Vue.createApp({
3852      template: '#popup-template',
3853      delimiters: ['${', '}'],
3854      data() {
3855        const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/']
3856          .some(path => location.pathname.includes(path));
3857        return {
3858          status: 'minified',
3859          gameStatus: 'show',
3860          blocks: isOmniauthPage
3861            ? []
3862            : section.block_order && section.block_order.reduce(
3863                function(acc, blockId) {
3864                  const block = section.blocks[blockId];
3865                  if (block && block.visible) {
3866                    acc.push({
3867                      ...block,
3868                      id: blockId,
3869                    });
3870                  }
3871                  return acc;
3872                },
3873                [],
3874              ),
3875          hasAddedGameScript: false,
3876        };
3877      },
3878      computed: {
3879        hasContent: function() {
3880          return !!(this.blocks && this.blocks.length > 0);
3881        },
3882        minifiedBlockClasses: function() {
3883          return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
3884        },
3885        shouldShowPopup: function() {
3886          return this.status === 'show';
3887        }
3888      },
3889      methods: {
3890        unhidePopup: function(storedStatus) {
3891          this.status = storedStatus;
3892          $('#popup-wrapper').removeClass('qk-display--none');
3893        },
3894        showPopup: function() {
3895          if (this.status !== 'show') {
3896            this.status = 'show';
3897            this.saveStatus(this.status);
3898          }
3899        },
3900        minifyPopup: function() {
3901          this.status = 'minified';
3902          this.saveStatus('minified');
3903        },
3904        loadStatus: function() {
3905          return JSON.parse(localStorage.getItem('popupStatus'));
3906        },
3907        saveStatus: function(status) {
3908          if (status) {
3909            localStorage.setItem('popupStatus', JSON.stringify({
3910              status: status,
3911              setTime: new Date().getTime(),
3912            }));
3913          }
3914        },
3915        linkClicked: function() {
3916          this.saveStatus('minified');
3917        },
3918        parseVideoLink: function(settings) {
3919          settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
3920        },
3921        setupImageSrc: function (settings) {
3922          settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
3923          if (settings.dict_tablet_image_url) {
3924            settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
3925          }
3926          if (settings.dict_mobile_image_url) {
3927            settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url);
3928          }
3929          settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
3930        },
3931        addCdnHost: function(url) {
3932          if (!url) {
3933            return url; // only add cdn host if url is not empty
3934          }
3935
3936          try {
3937            new URL(url);
3938            return url; // already a valid url, cdn host not needed
3939          } catch {
3940            return `${CDN_HOST}${url}`;
3941          }
3942        },
3943        initStatus: function() {
3944          let newStatus = 'show';
3945          const popupStatus = this.loadStatus();
3946          const currentTime = new Date().getTime();
3947          const oneDay = 1000 * 60 * 60 * 24;
3948          const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
3949          const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
3950          const isLoggingIn = this.isLoggingIn();
3951          const isCartPage = window.location.pathname.split('/').includes('carts');
3952
3953          if (hasStoredStatus && !redirectedByGameLogin) {
3954            newStatus = popupStatus.status;
3955          }
3956
3957          if (isLoggingIn) {
3958            newStatus = 'minified';
3959          } else {
3960            localStorage.removeItem('redirectedByPopup');
3961          }
3962
3963          setTimeout(() => {
3964            this.status = newStatus;
3965            this.gameStatus = newStatus;
3966            this.saveStatus(newStatus);
3967            if(!isCartPage){
3968              this.unhidePopup(newStatus);
3969            }
3970          }, 1000);
3971        },
3972        initBlocks: function() {
3973          if (this.hasContent) {
3974            this.blocks.forEach(block => {
3975              switch(block.type) {
3976                case 'image':
3977                  this.setupImageSrc(block.settings);
3978
3979                  const isOpenInNewTab = block.settings.link_open_in_new_tab;
3980                  if (isOpenInNewTab) {
3981                    block.settings.target = '_blank';
3982                    block.settings.rel = 'noopener noreferrer';
3983                  }
3984
3985                  break;
3986                case 'video':
3987                  this.parseVideoLink(block.settings);
3988                  break;
3989              }
3990            })
3991          }
3992        },
3993        getGameIframeSrc: function (block) {
3994          return `/games/${block.settings.dict_game_handle}`
3995        },
3996        updateGameStatus: function(type, element) {
3997          if (
3998            (type === 'start' && this.status === 'minified')
3999            || (type === 'end' && this.status === 'show')
4000          ) {
4001            this.gameStatus = this.status;
4002          }
4003        },
4004        setupGameRedirects: function() {
4005          window.addEventListener('pagehide', () => {
4006            const isGameActive = document.body.getElementsByClassName('show-game').length;
4007            if (isGameActive) {
4008              localStorage.setItem('redirectedByPopup', 'true');
4009              this.saveStatus('minified');
4010            }
4011          });
4012        },
4013        hasRedirectUrl: function() {
4014          return (new URLSearchParams(location.search)).has('redirect_url');
4015        },
4016        redirectedByGameLogin: function() {
4017          return localStorage.getItem('redirectedByPopup');
4018        },
4019        isLoggingIn: function() {
4020          const loginRelatedPathnames = [
4021            'account/signup',
4022            'account/login',
4023            'account/customer/password/new',
4024            'pages/terms'
4025          ];
4026          return loginRelatedPathnames.some(path => location.pathname.includes(path));
4027        }
4028      },
4029      created: function() {
4030        this.initStatus();
4031        this.initBlocks();
4032        this.setupGameRedirects();
4033      },
4034      mounted: function() {
4035        this.blocks.forEach((block) => {
4036          if (block.type === 'carousel' && block.settings.dict_c
4036arousel) {
4037            renderCarousel(`#popup-carousel-${block.id}`, {
4038              title: block.settings.dict_carousel,
4039              CDN_HOST,
4040              onLinkClick: () => this.linkClicked(),
4041            });
4042          }
4043        });
4044      },
4045    });
4046    popupSection.mount('#popup-wrapper');
4047  });
4048</script>
4048
4049
4050
4051
4052    </div>
4053
4054    <!-- ajaxloading -->
4055    <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
4056      <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
4057        <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">
4058          <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"/>
4059          <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 "/>
4060          <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"/>
4061          <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"/>
4062          <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"/>
4063          <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"/>
4064        </svg>
4065        <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
4066        <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
4067        <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常,請重新整理</div>
4068      </div>
4069    </div>
4070  
4071      
4071<script type="text/javascript">
4072        window.google_tag_params = {}
4073        /* <![CDATA[ */
4074        var google_conversion_id = 11250926074;
4075        var google_custom_params = window.google_tag_params;
4076        var google_remarketing_only = true;
4077        /* ]]> */
4078      </script>
4078
4079      
4079<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
4080      </script>
4080
4081      <noscript>
4082        <div style="display:inline;">
4083          <img height="1" width="1" style="border-style:none;" alt=""
4084          src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/11250926074/?
4085          guid=ON&amp;script=0"/>
4086        </div>
4087      </noscript>
4088    
4089      
4089<script type="text/javascript">
4090        /* <![CDATA[ */
4091        var google_conversion_id = 10813842126;
4092        var google_conversion_language = "en";
4093        var google_conversion_format = "3";
4094        var google_conversion_color = "ffffff";
4095        var google_conversion_label = "oqiACLbejowcEM7FuKQo";
4096        var google_remarketing_only = false;
4097        
4098        
4099        /* ]]> */
4100      </script>
4100
4101      
4101<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
4101
4102      <noscript>
4103        <div style="display:inline;">
4104          <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/10813842126/?label=oqiACLbejowcEM7FuKQo&guid=ON&script=0" />
4105        </div>
4106      </noscript>
4107    
4107<script src="//cdn-general.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
4107
4108      
4108<script>
4109        cyb.push({
4110          'event': 'productImpressions',
4111          'ecommerce':{
4112            'currencyCode': 'TWD',
4113            'impressions':[]
4114          }
4115        })
4116      </script>
4116
4117    </body>
4118
4119  
4119<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-3a2e378145f8a165.js' type='text/javascript'></script>
4119
4120  
4120<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/theme_helper-3a2e378145f8a165.js' type='text/javascript'></script>
4120
4121
4122  <!-- theme assets -->
4123  
4123<script src='//cdn-general.cybassets.com/s/files/17329/theme/109195/assets/js/1720421966_f562699a_main.js?1720421966' type='text/javascript'></script>
4123
4124  
4124<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/theme-3a2e378145f8a165.js' type='text/javascript'></script>
4124
4125
4126  <!-- for cache -->
4127  
4127<script src='//cdn-general.cybassets.com/frontend/shop/beta_theme/js/cacheable-3a2e378145f8a165.js' type='text/javascript'></script>
4127
4128</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.