PageSourceSearch

https://www.nin-jiom.com.tw/products/coolmate36sale

html nin-jiom.com.tw collected 2026-10-04 13:56:31 UTC 375,141 bytes, 6,598 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-NDPZLQF
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-W9M9PQM3
vendor: 3 bytes, line 18
18');
18</script>
18
19          <!-- End Google Tag Manager -->
20      <!-- CYBERBIZ Google Tag Manager -->
21      
21<script>
vendor: 345 bytes, lines 21-25
21(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
22      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
23      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
24      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
25      })(window,document,'script','cyb','
25GTM-TXD9LVJ
vendor: 3 bytes, line 25
25');
25</script>
25
26      <!-- End CYBERBIZ Google Tag Manager -->
27    
28    <meta charset="utf-8">
29<meta http-equiv="X-UA-Compatible" content="IE=edge">
30<meta name="viewport" content="width=device-width, initial-scale=1">
31<link rel="icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE4NzMzX-WWrmxvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?convert=false&sha=484c86340f8042d0">
32<link rel="apple-touch-icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE4NzMzX-WWrmxvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?convert=false&sha=484c86340f8042d0">
33
34<meta property="og:site_name" content="京都念慈菴" />
35
36<!-- og tag -->
37
38
39<!-- og image -->
40
41  <meta property="og:image" content="https://cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI0ODB4NDgwIl1d.png?sha=f921eddc9aea60a3" />
42
43
44<title>
45  
46    草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組| 京都念慈菴 京都念慈菴
47  
48</title>
49
50
51
52<script src='//cdn1-next.cybassets.com/frontend/shop/useSettingsData-4b1f02b0b778fcac.js' type='text/javascript'></script>
52
53
54
55
56  
56<script>
57    window.setSettingsData({"draggable_sections":{"404":[],"index":["1690418010613_0","_index_4_blogs","1710985815123_3","1692161810091_3","_index_8_blocks","1692157437258_6"],"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":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b","navbar_image_logo_tablet_url":"","navbar_image_logo_mobile_url":"","main_nav":"main-menu","slider_primary_linklist":"main-menu","slider_primary_linklist_set_open":false,"nav_show_three_dimension":true,"search_enabled":true,"display_only_index":true,"dict_header_banner_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0Nzg4X-acg-WToTUwLeWumOe2si5qcGcuanBlZyJdXQ.jpeg?sha=8ba157cc72e6f675","dict_header_banner_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0ODIxX-acg-WToTUwLeW5s-advy5qcGcuanBlZyJdXQ.jpeg?sha=13072d2ca72a2efb","dict_header_banner_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0ODM5X-acg-WToTUwLeaJi-apny5qcGcuanBlZyJdXQ.jpeg?sha=29c64157d47d0d05","dict_header_banner_link":"","display_count_down":false,"navbar_display_style":"rowNav","menu_display_style":"three_dimension_menu","header_banner_start":"","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#fbae8f","navbar_background_transparent":false,"header_logo_image_alt":"京都念慈菴|華人百年推薦品牌","display_banner_type":"imageBanner","header_banner_simple_text_size":"12","header_banner_simple_text_color":"#ffffff","header_banner_simple_bg":"#000000","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":true,"shop_facebook":"https://www.facebook.com/NJA.TW/","display_instagram":true,"shop_instagram":"https://www.instagram.com/ninjiom.tw/","display_line":true,"shop_line":"https://page.line.me/olx0883r","display_youtube":true,"shop_youtube":"https://www.youtube.com/channel/UC3LXuuemnSbVQy4c0m5RtrA","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"選單","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"聯絡資訊","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"聯絡資訊","display_phone":true,"dict_phone_number":"+886-3-328-2931","display_fax_number":true,"dict_shop_fax_number":"+886-3-328-2935","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"桃園市龜山區文明二街2號","display_office_time":true,"dict_shop_office_time":"08:00-16:30"}}},"custom_name":"頁腳"},"_main_slider_custom":{"type":"_main_slider_custom","visible":true,"blocks":{"display_main_slider_item_1":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_1_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}},"display_main_slider_item_2":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_2_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}},"display_main_slider_item_3":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_main_slider_item_3_lg.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":""}}},"block_order":["display_main_slider_item_1","display_main_slider_item_2","display_main_slider_item_3","display_main_slider_item_4","display_main_slider_item_5"],"settings":{}},"_index_product_banner":{"type":"_index_product_banner","visible":false,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_index_product_banner_1_lg.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","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"},"custom_name":"橫幅廣告"},"_index_8_blocks":{"type":"_index_8_blocks","visible":true,"settings":{"dict_title":"產品推薦","collection_handle":"frontpage","limit":"4","margin_x":"150","margin_bottom":"50","mobile_margin_x":"25","mobile_margin_bottom":"25","product_display":"displayDefault","product_arrangement":"1","product_alignment":"leftPosition","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"custom_name":"商品分類"},"_index_4_blogs":{"type":"_index_4_blogs","visible":true,"blocks":{"index_4_blogs_1":{"type":"blog","visible":true,"settings":{"blog_handle":"kolcoolmate"},"custom_name":"部落格"},"index_4_blogs_2":{"type":"blog","visible":true,"settings":{"blog_handle":"kolbriz"},"custom_name":"部落格"},"index_4_blogs_3":{"type":"blog","visible":true,"settings":{"blog_handle":"kolwomenprobiotics"},"custom_name":"部落格"},"index_4_blogs_4":{"type":"blog","visible":false,"settings":{"blog_handle":"solarterm"},"custom_name":"部落格"}},"block_order":["index_4_blogs_1","index_4_blogs_2","index_4_blogs_3","index_4_blogs_4"],"settings":{"dict_title":"好評開箱","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","article_c
57olumns":"4"},"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_shoestore/default_img/new_index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"圖片"},"1690417644758_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://www.youtube.com/watch?v=_CuYb-ArWnI","block_propotion":""}},"1690417757753_2":{"type":"carousel","custom_name":"排程跑馬燈","visible":false,"settings":{}},"1691127690301_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_shoestore/default_img/index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1692156909780_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://www.youtube.com/watch?v=S8U89AaueYI"}},"1692156915613_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://www.youtube.com/watch?v=VXy_Lkv_q6o"}},"1692162311254_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://www.youtube.com/watch?v=fQ-CktxZyQE"}}},"block_order":["1690417644758_1","1692156909780_1","1692162311254_1","1692156915613_1"],"custom_name":"自訂排版設計","settings":{"margin_x":"50","margin_bottom":"50","margin_block":"20","mobile_margin_x":"50","mobile_margin_bottom":"50","mobile_columns":2,"mobile_margin_block":"10"}},"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_shoestore/default_img/new_index_4_blocks_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"},"custom_name":"部落格文章設定"},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"6","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE4NzMzX-WWrmxvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=484c86340f8042d0","og_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b","shop_title":"華人百年推薦品牌-京都念慈菴","shop_description":"植化素營養調理專家,草本元素精心煉製,潤喉爽聲養身保健","shop_keywords":""},"custom_name":"全站設定"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#000000","button_text_color":"#FFFFFF","accent_color":"#f93908","heading_color":"#565656","text_color":"#565656","price_color":"#C55201","discount_price_color":"#f93908","theme_bg_color":"#ffe7d0","product_border_color":"#fbae8f","nav_logo_bg_color":"#FFFFFF","nav_menu_bg_color":"#FFFFFF","nav_menu_text_color":"#565656","nav_menu_icon_color":"#565656","footer_bg_color":"#fbae8f","footer_text_color":"#040000","checkout_button_color":"#000000","checkout_accent_color":"#6e382b","tips_text_color":"#0C5460"},"custom_name":"顏色設定"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzUxMjU4ODQ0X-W3peS9nOWNgOWfnyAxLTEwMC5qcGcuanBlZyJdXQ.jpeg?sha=4a5ae7a532a0272b","icon_size":"large","dict_link":"/collections/coolmates","dict_icon_
57image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkyNjcyMTUxX1NBTEUyLnBuZy5wbmciXV0.png?sha=33269124ec7531da","dict_tablet_image_url":"","dict_mobile_image_url":"","link_open_in_new_tab":false},"custom_name":"圖片"},"1751261304018_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzU0OTgxNTM2XzjmnIjmlZnluKvnr4DlhKrmg6DmtLvli5UucG5nLnBuZyJdXQ.png?sha=e31dcdd933bbcbf0","icon_size":"large","dict_icon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkyNjcyMTUxX1NBTEUyLnBuZy5wbmciXV0.png?sha=33269124ec7531da","dict_link":"/collections/gift"}},"1770768520350_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNjcwMTEyX-ezu-e1see2reitt-WFrOWRii0wMS5qcGcuanBlZyJdXQ.jpeg?sha=47adc42949827372","icon_size":"large"}}},"block_order":["1770768520350_0"],"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":{},"custom_name":"商品評論","thumbnail":"list","draggable":false},"related_products":{"type":"related_products","visible":true,"settings":{"display_related_cols":false,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"相關商品","related_products_limit":"8"},"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","is_infinite_scroll":true},"custom_name":"商品分類設定"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_shoestore/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_shoestore/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":{}},"1690418010613_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"50","swiper_delay":"5","image_number":"1","image_space":"12","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"blocks":{"1690418010614_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkxMTA3ODIxX2ltYWdlXzIwMjNfMDdfMjdUMDBfNTlfMzhfMjc1Wi1qcGcuanBnLmpwZWciXV0.jpeg?sha=844bd9ab6f814efd","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/frontpage","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":""}},"1690418024349_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkxMTA3ODIxX2ltYWdlXzIwMjNfMDdfMjdUMDBfNTlfMDBfMTQ1Wi1qcGcuanBnLmpwZWciXV0.jpeg?sha=319c51a924d5dee2","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/frontpage","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":""}},"1693294216828_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkzMjk0MTQ5X2t2NS3nuYExMjgwLmpwZy5qcGVnIl1d.jpeg?sha=fc382d0c61c44e90","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/frontpage"}},"1694066577057_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","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":""}},"1721007456563_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzIxMDA3MjYxX-aoqueJiGt25pWZ5a6k5a6Y57ay6aaW6aCBLmpwZy5qcGVnIl1d.jpeg?sha=03a72bbbab0c4beb","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/actsale","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":""}},"1723438282549_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzgyMTk2NjY5XzIwMjYwNjIyLTEuanBnLmpwZWciXV0.jpeg?sha=dd9b3daf1137d685","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/coolmates","main_slider_image_alt":"","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":""}},"1751259246904_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzYyMTQ2OTcyX-WFlOeUsOS9qeWFi-aLiemmlumggei8quaSrS5wbmcucG5nIl1d.png?sha=3f1329d80211664b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/medias","slide_contents_display":"left","dict_slide_btn_link":"/blogs/medias","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","link_open_in_new_tab":true,"dict_slide_title_text":"","dict_slide_content_text":""}},"1754971071113_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzU0OTcxMDE2X-WRqOa3semmlumggei8quaSreWcllMucG5nLnBuZyJdXQ.png?sha=1b87ba4bb0fc7fc4","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/frontpage","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"}},"1766108175894_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzY2MTA4MjI5X-WRqOa3seW5tOiyqOevgCDlrpjntrJiYW5uZXIuanBnLmpwZWciXV0.jpeg?sha=c32aff80dce2c36a","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1776904438837_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzc2OTA0NTcxX-WumOe2smJhbm5lci5qcGcuanBlZyJdXQ.jpeg?sha=4cc324b1077023e5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1782189124417_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg2OTI3MDk2X2Jhbm5lci0wOC5qcGcuanBlZyJdXQ.jpeg?sha=de2097f00ba3bf9b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1782189157985_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"","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"}},"1787103019645_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MTAzMTQxX2Jhbm5lci0wNC5qcGcuanBlZyJdXQ.jpeg?sha=c065ac60b149d70a","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1787104811072_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MTA0ODI1X2Jhbm5lci0wNy5qcGcuanBlZyJdXQ.jpeg?sha=2a6fb34a0d248da8","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1787192656137_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MTkyNjc5X2Jhbm5lci0wMi5qcGcuanBlZyJdXQ.jpeg?sha=3e0c8f1a863807d9","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/news","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"}},"1787192707434_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MTkyNzE4X2Jhbm5lci0wMS5qcGcuanBlZyJdXQ.jpeg?sha=99dd1c256bb10b7c","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/news","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"}},"1787280898853_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MjgwOTM4X2Jhbm5lci0wNS5qcGcuanBlZyJdXQ.jpeg?sha=6ccb2ae6686dd133","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/news","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"}},"1787280995109_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MjgxMDI5X2Jhbm5lci0wMy5qcGcuanBlZyJdXQ.jpeg?sha=dc1bd1d6164cfeee","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/shen","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"}},"1787281108176_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzg3MjgxMTQ2X2Jhbm5lci0wNi5qcGcuanBlZyJdXQ.jpeg?sha=5be3ef4f5b73247b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/news","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"}},"1787281134618_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_shoestore/default_img/index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","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"}}},"block_order":["1787192656137_0","1787192707434_0","1787280995109_0","1787280898853_0","1787281108176_0","1787104811072_0","1787103019645_0","1782189124417_0","1776904438837_0","1766108175894_0","1754971071113_0","1723438282549_0","1751259246904_0","1690418010614_0","1690418024349_0","1694066577057_0","1721007456563_0","1782189157985_0"]},"1691127457876_6":{"type":"_graphic_introduction","custom_name":"圖文介紹","visible":false,"settings":{"text_display":"leftPosition","graphic_text":"#373420","graphic_bg"
57:"#F4EEE2","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_image_url":"/theme_src/i18n_shoestore/default_img/index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":"","btn_display":"leftSide","block_propotion":"50"},"blocks":{"1691127457878_0":{"type":"title","custom_name":"標題","visible":true,"settings":{"dict_rich_text_title":"產品介紹","dict_size":"24"}},"1691127457879_1":{"type":"text","custom_name":"內文","visible":true,"settings":{"dict_rich_text_content":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.","dict_size":"14"}},"1691127457879_2":{"type":"button","custom_name":"按鈕","visible":true,"settings":{"dict_btn_text":"了解更多","graphic-button_bg":"#6B6432","graphic-button_text":"#FFFFFF"}}},"block_order":["1691127457878_0","1691127457879_1","1691127457879_2"]},"1692157437258_6":{"type":"_graphic_introduction","custom_name":"圖文介紹","visible":false,"settings":{"text_display":"leftPosition","graphic_text":"#373420","graphic_bg":"#F4EEE2","margin_x":"50","margin_bottom":"50","mobile_margin_x":"25","mobile_margin_bottom":"25","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkyMTU3NzQ3X3R3X2ZhY19saXN0XzE5ZDI5XzYzNngybnVpZ2PntqDoibLln7rlnLAuanBnLmpwZWciXV0.jpeg?sha=7ca5e8484fe097f7","dict_tablet_image_url":"","dict_mobile_image_url":"","btn_display":"leftSide","block_propotion":"50"},"blocks":{"1692157437260_0":{"type":"title","custom_name":"標題","visible":true,"settings":{"dict_rich_text_title":"品牌簡介","dict_size":"24"}},"1692157437260_1":{"type":"text","custom_name":"內文","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003e\u003cins\u003e流傳百年 京都念慈菴\u003c/ins\u003e\u003c/p\u003e\n\u003cp\u003e延續楊氏感人孝親故事,以正統正方正藥嘉惠世人,目前共有數十個國家進口京都念慈菴川貝枇杷膏,風行全球各地 !\u003c/p\u003e\n","dict_size":"14"}},"1692157437261_2":{"type":"button","custom_name":"按鈕","visible":true,"settings":{"dict_btn_text":"了解更多","graphic-button_bg":"#6B6432","graphic-button_text":"#FFFFFF","dict_graphic_button_link":"/pages/about"}}},"block_order":["1692157437260_0","1692157437260_1","1692157437261_2"]},"1692161810091_3":{"type":"_index_4_blogs","custom_name":"品牌活動","visible":true,"settings":{"dict_title":"品牌活動","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","article_columns":"4"},"blocks":{"1692161810092_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"news"}},"1692161882507_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"csr"}},"1692161896689_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"medias"}}},"block_order":["1692161810092_0","1692161882507_0","1692161896689_0"]},"1710985815123_3":{"type":"_index_4_blogs","custom_name":"健康小知識","visible":true,"settings":{"dict_title":"健康小知識","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","article_columns":"4"},"blocks":{"1710985815124_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"knowledges"}},"1710985842525_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"faq"}},"1710985844547_0":{"type":"blog","custom_name":"部落格","visible":true,"settings":{"blog_handle":"herb"}}},"block_order":["1710985815124_0","1710985842525_0","1710985844547_0"]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"image","visible":true,"settings":{"display_only_index":true,"display_period":"always","dict_link":"","link_open_in_new_tab":false,"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0Nzg4X-acg-WToTUwLeWumOe2si5qcGcuanBlZyJdXQ.jpeg?sha=8ba157cc72e6f675","dict_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0ODIxX-acg-WToTUwLeW5s-advy5qcGcuanBlZyJdXQ.jpeg?sha=13072d2ca72a2efb","dict_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzI2NzA0ODM5X-acg-WToTUwLeaJ
57i-apny5qcGcuanBlZyJdXQ.jpeg?sha=29c64157d47d0d05","image_alt":"","dict_content":"","text_size":"12","text_color":"#ffffff","bg_color":"#000000","timer_text_color":"#c39d6f","timer_bg_color":"#fbae8f","migrated_from_navbar":true},"custom_name":"圖片"}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"},"custom_name":"置頂公告"}},"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":"","index_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":true,"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":true,"discount_price_slogan_url":"/theme_src/beta_theme/default_img/onsale_icon.png","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":false,"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_video_display_location":"before","product_text_align":"start","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":"57a5afb8-aca1-4105-bbd0-726fc8bd2fab","kind":"custom","title":"自定義標籤 1","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"d5daa61b-01ab-4443-bd4e-92d0dd258bba","kind":"custom","title":"自定義標籤 2","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"b1f25d82-a785-47fe-b482-67bd4aa4fdc3","kind":"custom","title":"自定義標籤 3","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"f9d455fb-b82e-4eb7-ab42-0af4fcbaccc5","kind":"custom","title":"自定義標籤 4","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"fdc51f80-0aa6-4478-b54e-ea7d4a5dd914","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"});
58  </script>
58
59
60
61
62
63
64
65
66
67
68
69    <!-- for vendor -->
70    <!-- cyb_snippet _bootstrap start -->
71
72<!-- cyb_snippet _bootstrap end -->
73    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vendor-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
74
75    <!-- common css rulesets -->
76    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/common-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
77
78    <!-- for navbar -->
79    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/navbar-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
80
81    <!-- for footer -->
82    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/footer-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
83
84    <!-- theme assets -->
85    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/main-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
86
87    <!-- for vendor -->
88    
88<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/vendor-4b1f02b0b778fcac.js' type='text/javascript'></script>
88
89
90            
90<script>
91          window.sci = "eyJzaG9wX2lkIjoyNjI2NCwic2hvcF9wbGFuIjoiYWR2YW5jZSIsImRpbV9h\nZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9u\nYW1lIjpudWxsLCJzaG9wX25hbWUiOiLkuqzpg73lv7XmhYjoj7QiLCJzaGFy\nZV9hdHRyaWJ1dGlvbl9lbmFibGVkIjp0cnVlfQ==\n";
92        </script>
92
93
94
95<meta name="csrf-param" content="authenticity_token" />
96<meta name="csrf-token" content="opYoHWvSWZW4JkRgtCQVhtJ7xnDpoPA16DY-v4uiBtLgNtksmDDOFTQdanRjcHPJPN2g0MCa-I_g8agouO_A9g" />
97<script>(function () {
98  window.gaConfigurations = {"useProductIdInProductEvents":false};
99})();
100</script>
vendor: 1 bytes, line 100
100
101<script>(function () {
102  window.CYBERBIZ_PageContext = {"page_type":"product"};
103})();
104</script>
104
105<link href="//cdn1-next.cybassets.com/frontend/shop/quark-4b1f02b0b778fcac.css" rel="stylesheet" type="text/css" media="all" />
106        
106<script>
107          window.shopScriptHelper = {
108            i18nLocale: "zh-TW",
109            i18nLocaleDefault: "zh-TW",
110            availableCurrencies: [],
111            defaultCurrency: "TWD",
112            currenciesInfo: [{"name":"新台幣 (TWD)","html":"NT${{amount_no_decimals}}","trailing_zeros":false,"unit":"","money_format":"%u%n","decimal_precision":0,"format":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","html_unit":"NT${{amount_no_decimals}}","code":"TWD","email":"NT${{amount_no_decimals}}","symbol":"NT$"}],
113            vueOverrideTranslations: {"zh-TW":{"vue":{"theme_pages":{"order_return":{"address1":"詳細退貨地址:路/巷/弄/號/樓","keyin_address1":"請填寫詳細退貨地址:路/巷/弄/號/樓"}}}}},
114            hasI18nInContextEditing: false,
115            shopMultipleCurrenciesCheckout: false,
116            hasLocalizedShopPriceFormat: true,
117          }
118        </script>
118
119
120        
121        
121<script
122          src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-4b1f02b0b778fcac.js">
123        </script>
123
124        
124<script defer>
125          /*
126          * Enable in-context translation for Liquid part on the page.
127          * This must be executed last to prevent conflicts with other Vue apps.
128          * So put it to `onload`, which will be executed after DOM ready's app mount
129          */
130          window.onload = function() {
131            if (
132              window.shopScriptHelper &&
133              window.shopScriptHelper.hasI18nInContextEditing
134            ) {
135              window.initTolgeeForLiquid()
136            }
137          }
138        </script>
138
139
140<script> var google_con_event_labels = [{"conversion_id":"951986261","conversion_event":"add_to_cart","conversion_label":"Q_pyCN7R0YEDENXQ-MUD","id":null},{"conversion_id":"951986261","conversion_event":"account_created","conversion_label":"YrILCOjb-eIYENXQ-MUD","id":null},{"conversion_id":"454766213","conversion_event":"account_created","conversion_label":"cVA4CKzYlcwZEIXd7NgB","id":null}]</script>
vendor: 1 bytes, line 140
140
141<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-4b1f02b0b778fcac.js"></script>
vendor: 1 bytes, line 141
141
142<script src="//cdn1-next.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
142
143        
143<script>
144          window.c12t = {"customer_id":null,"product":{"id":57141210,"name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","price":7100.0,"brand":"京都念慈菴"}};
145        </script>
145
146
147        <meta name="request-id" content="9F89BE40ED4F47F193E1EDA4B5AC1AEE"/>
148
149<link rel="canonical" href="https://www.nin-jiom.com.tw/products/coolmate36sale">
150<script src="//cdn1-next.cybassets.com/frontend/shop/carousel-4b1f02b0b778fcac.js"></script>
150
151          
151<script>
152            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
153          </script>
153
154
155<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 155
155
156<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctRUc0MkJFM1dK\nUywgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6Ikct\nNVJMUEc0UzZKRe+8jEctSDc4SzkwM1BENiJ9fSx7InZlbmRvcl90eXBlIjoi\nRGlnaXRhbCBJbnRlbGxpZ2VuY2UgVHJhY2tlciIsImFwcF9pZCI6IjFiNTBh\nODZkYzJkMTQxODM4OGZkZWRmN2EwZDQzOWFlIiwic2V0dGluZ3MiOnt9fV0=\n"}
157</script>
vendor: 1 bytes, line 157
157
158<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 158
158
159<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 159
159
160<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 160
160
161<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 161
161
162<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-4b1f02b0b778fcac.js"></script>
vendor: 1 bytes, line 162
162
163<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
163
164
165        <!-- LINE Tag Setting -->
166        
166<script>
167          var ltas = [{"customerType":"account","tagId":"1abcaede-fcb7-4e24-a9e4-320376379c06"}];
168          var lts = ["1abcaede-fcb7-4e24-a9e4-320376379c06"];
169        </script>
169
170        <!-- End LINE Tag Setting -->
171
172          <!-- LINE Tag Base Code -->
173          <!-- Do Not Modify -->
174          
174<script>
175          (function(g,d,o){
176            g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
177            var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
178            var s=d.createElement('script');s.async=1;
179            s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
180            var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
181              })(window, document);
182          ltas.forEach(function(lta){
183            _lt('init', { customerType: lta.customerType, tagId: lta.tagId });
184            _lt('send', 'pv', [lta.tagId]);
185          });
186          </script>
186
187          <noscript>
188            <img height="1" width="1" style="display:none" src="https://tr.line.me/tag.gif?c_t=lap&t_id=e317566c-9fe5-48de-bc28-d6a2d773853a&e=pv&noscript=1" />
189          </noscript>
190          <!-- End LINE Tag Base Code -->
191
192          
192<script>
193            window.addEventListener('load', function() {
194              _lt('send', 'cv', { type: 'PageView' }, lts);
195            });
196          </script>
196
197
198          
198<script>
199            window.addEventListener('load', function() {
200              $(document).on('sendAddToCartEvent', function() {
201                _lt('send', 'cv', { type: 'AddToCart' }, lts);
202              });
203              $(window).on('addToCart', function() {
204                _lt('send', 'cv', { type: 'AddToCart' }, lts);
205              });
206            });
207          </script>
207
208
209          
209<script>
210            window.addEventListener('load', function() {
211              _lt('send', 'cv', { type: 'ViewContent' }, lts);
212            });
213          </script>
213
214
215
216
217
218<meta name="title" content="草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組| 京都念慈菴">
219<meta property="og:title" content="草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組| 京都念慈菴">
220<meta name="description" content="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組),嚴選七種草本研製,採用名貴石斛,獨特配方調整體質降火氣!">
221<meta property="og:description" content="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組),嚴選七種草本研製,採用名貴石斛,獨特配方調整體質降火氣!">
222<meta name="keywords" content="降火氣">
223<meta property="og:url" content="https://www.nin-jiom.com.tw/products/coolmate36sale">
224<meta property="og:type" content="og:product">
225<script type="application/ld+json">{"@context":"https://schema.org/","@type":"Product","name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","image":"https://cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI0ODB4NDgwIl1d.png?sha=f921eddc9aea60a3","description":"✅ 清涼解膩降火氣\n✅ 添加石斛、決明子、陳皮、羅漢果等草本\n✅ 保持好神色養顏美容\n✅ 爆款推薦!千萬熱銷好評不斷\n✅ 嚴選七種草本研製,採用名貴石斛,獨特配方調整體質降火氣!","brand":"京都念慈菴","sku":"coolmate36","offers":[{"@type":"Offer","url":"https://www.nin-jiom.com.tw/products/coolmate36sale","priceCurrency":"TWD","price":"7100.0","availability":"OutOfStock","itemCondition":"https://schema.org/NewCondition","sku":"68987045"}],"productId":57141210}</script>
225
226
227      
227<script>
228        document.addEventListener("DOMContentLoaded", function() {
229          gtag('event', 'view_item', {"items":[{"id":68987045,"name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","price":7100.0}],"send_to":["cyberbiz","dynamic_remarketing"]});
230        })
231      </script>
231
232    
233      
233<script>
234        document.addEventListener("DOMContentLoaded", function() {
235          gtag('event', 'view_item', {"items":[{"id":"coolmate36","name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","price":7100.0}],"send_to":["ecommerce","enhanced_ecommerce"]});
236        })
237      </script>
237
238    
239
240      
240<script>
241        document.addEventListener("DOMContentLoaded", function() {
242          try {
243            var productData = [{"id":"coolmate36","product_id":57141210,"variant_id":68987045,"sku":"coolmate36","name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","price":7100.0,"compare_at_price":9720.0,"currency":"TWD","inventory_quantity_status":"empty","category":null,"categories":["草本積熱清降火氣專區,首頁商品"],"properties":[{"name":"風格","value":"限量10組"}],"list_name":""}];
244
245            if (document.referrer.indexOf('collection') !== -1 || document.referrer.indexOf('products') !== -1) {
246              for (var i = 0; i < productData.length; i++) {
247                productData[i].list_name = sessionStorage.getItem("viewedCollection");
248              }
249            }
250
251            window.CYBERBIZ.eventSDK.callEvent("viewItem", productData)
252
253            window.addEventListener("beforeunload", function(event) {
254              var collection = "相關商品";
255              sessionStorage.setItem("viewedCollection", collection);
256            });
257
258          } catch (error) {
259            console.error('Exception catched in appMarketViewItemEvent')
260          }
261        })
262      </script>
262
263    
264
265<script src="//cdn1-next.cybassets.com/frontend/shop/gallery-4b1f02b0b778fcac.js"></script>
265
266
267    <style id="color_settings">
268  :root {
269    
270      --button: #000000;
271    
272
273    
274      --button_text: #FFFFFF;
275    
276
277    
278      --accent: #f93908;
279    
280
281    
282      --heading: #565656;
283    
284
285    
286      --text: #565656;
287    
288
289    
290      --price: #C55201;
291    
292
293    
294      --discount_price: #f93908;
295    
296
297    
298      --theme_bg: #ffe7d0;
299    
300
301    
302      --nav_logo_bg: #FFFFFF;
303    
304
305    
306      --nav_menu_bg: #FFFFFF;
307    
308
309    
310      --nav_menu_text: #565656;
311    
312
313    
314      --nav_menu_icon: #565656;
315    
316
317    
318      --footer_bg: #fbae8f;
319    
320
321    
322      --footer_text: #040000;
323    
324
325    
326      --checkout_button: #000000;
327    
328
329    
330      --checkout_accent: #6e382b;
331    
332
333    
334      --product_border: #fbae8f;
335    
336
337    
338      --tips_text: #0C5460;
339    
340
341    
342
343    
344  }
345</style>
346
347
348
349
350  
351        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 351-352
351
352          <script async src="https://www.googletagmanager.com/gtag/js?id=
352G-EG42BE3WJS
vendor: 22 bytes, lines 352-353
352"></script>
353          
353<script>
354            
vendor: 183 bytes, lines 354-359
354window.dataLayer = window.dataLayer || [];
355            function gtag(){dataLayer.push(arguments);}
356            gtag('js', new Date());
357            
358            
359      gtag('config', '
359G-5RLPG4S6JE
vendor: 27 bytes, line 359
359', {"groups":"ecommerce"});
359gtag('config', 'AW-951986261', {"groups":"dynamic_remarketing"});</script>
359
360      
360<script>
361        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
362        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
363        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
364        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
365
366        ga('create', '', 'auto', {'name': 'cyberbiz'});
367        ga('cyberbiz.require', 'displayfeatures');
368        ga('cyberbiz.set', 'dimension1', '26264');
369        ga('cyberbiz.require', 'ec');
370        ga('cyberbiz.send', 'pageview');
371      </script>
371
372    
373      
373<script>
vendor: 426 bytes, lines 373-380
373
374      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
375      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
376      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
377      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
378      document,'script','//connect.facebook.net/en_US/fbevents.js');
379
380      fbq('init', '
380375304916720437
vendor: 38 bytes, lines 380-381
380', {}, {'agent':'plcyberbiz'});
381      
381fbq('track', "PageView", '', { eventID: "PageView_9F89BE40ED4F47F193E1EDA4B5AC1AEE" });
382      var facebook_pixel_id = '375304916720437'</script>
382
383
384    </head>
385
386  <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 386-387
386
387            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
387GTM-NDPZLQF
vendor: 179 bytes, lines 387-390
387"
388            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
389          
390            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
390GTM-W9M9PQM3
vendor: 105 bytes, lines 390-392
390"
391            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
392          
392<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 392-394
392
393      <noscript><iframe
394      src="//www.googletagmanager.com/ns.html?id=
394GTM-TXD9LVJ
vendor: 117 bytes, lines 394-400
394"
395      height="0"
396      width="0"
397      style="display:none;visibility:hidden">
398      </iframe></noscript>
399    
400    
400<!-- Navigation -->
401    <!-- cyb_snippet liquid_helper start -->
402<script>
403	function getDiscountPriceName() {
404		return "true" === "true" ? "" : "";
405	}
406
407	function getDiscountPriceSuggestionName() {
408		return "false" === "true" ? "" : "";
409	}
410
411  document.addEventListener('DOMContentLoaded', function() {
412    const languageHandle = Cookies.get("language");
413    const defaultLanguage = {"handle":"zh-TW","title":"繁體中文","currency_code":"TWD"};
414    const languages = [];
415    const currency = window.shopScriptHelper.defaultCurrency;
416    const currencies = window.shopScriptHelper.currenciesInfo;
417		window.liquidHelper = {
418			shopInternational: false,
419			defaultLanguage: defaultLanguage,
420			language: languages.find(function(l) {
421				return l.handle === languageHandle;
422			}) || defaultLanguage,
423      shopMultipleCurrenciesCheckout: false,
424			shopMultipleCurrencies: false,
425			defaultCurrencyFormat: "NT${{amount_no_decimals}}",
426			defaultCurrency: currency,
427			getCurrency: function() {
428        const currencyValue = Cookies.get("currencyValue") || currency;
429        return currencies.find(function(c) { return c.code === currencyValue; }
430      )},
431      getDefaultCurrency: function() { return currencies.find(function(c) {
432				return c.code === currency;
433			})},
434      getAvailableCurrencies: function() { return currencies.map(c => c.code) },
435      getCurrencyFormatInfo: function(currency) {
436        const currencyInfo = currencies.find(c => c.code === currency)
437        return _.pick(currencyInfo, [
438          'decimal_precision',
439          'symbol',
440          'money_format',
441          'unit',
442          'trailing_zeros',
443          'html_unit',
444          'code',
445        ]);
446      },
447			cartQuantityLimit: (function() {
448        const limit = Number("0" || undefined);
449        return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit;
450      })(),
451			isFirstVariantSelected:  false ,
452			isImageColorsUsed:  false ,
453			isEmptyClickable:  true ,
454			hasAddBuyProduct: '' !== "" ? true : false,
455			hasPriceWithDiscountPlugin: 'false' ? true : false,
456      conversionBonus: 1,
457      hasLocalizedShopPriceFormat: true,
458      hasCustomerCartPlugin: true,
459      isCartEnabled: true,
460      cdnHost: '//cdn1-next.cybassets.com',
461      hasShopCustomPasswordRulePlugin: false,
462      hasDisableProductQuantityValidation: false,
463      hasBreadcrumbReferrerEnabled: false,
464		};
465	});
466</script>
466
467
468<!-- cyb_snippet liquid_helper end -->
469
470<script src='//cdn1-next.cybassets.com/frontend/shop/navbarSection-4b1f02b0b778fcac.js' type='text/javascript'></script>
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487<style>
488  
489    #navbar {
490      --navbar-pc-title-scale: 1.0;
491      --navbar-pc-body-scale: 1.0;
492      --navbar-mobile-title-scale: 1.0;
493      --navbar-mobile-body-scale: 1.0;
494    }
495  
496
497  
498
499  
500</style>
501
502
503  <span id="navbar" class="drawer drawer--left font-size-setting-enabled">
504    <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0">
505      
506
507      
508        <div id="announcement-bar"></div>
509      
510
511      
512      
513        
514
515        <div class="computer_nav row_nav qk-hidden--mobile ">
516          <div class="header_logo qk-bg--nav_logo_bg">
517            <div class="qk-pos--rel">
518              <div class="qk-text--center qk-display--flex">
519                <!-- logo start -->
520                
521                
522                  <nav class="logo qk-display--il_bk">
523                    <a href="/" class="qk-w--100">
524                      <img
525                        src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b"
526                        class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile"
527                        style="width: auto; height: 52px;"
528                        alt="京都念慈菴|華人百年推薦品牌"
529                        height="52"
530                        width="auto"
531                      >
532                    </a>
533                  </nav>
534                
535                <!-- logo end -->
536                
537                  <div class="header_nav qk-flex--1">
538                    <div class="qk-pos--relative center qk-pd_r--1 qk-w--100">
539                      <!-- main-nav start -->
540                      <nav class="main_nav qk-display--init"></nav>
541                      <!-- main-nav end -->
542                    </div>
543                  </div>
544                
545                <!-- tool-nav start -->
546                
547                  <div style="display: flex; align-items: center; position: relative; top: -12px;">
548                    <!-- cyb_snippet tool_nav start -->
549
550
551
552
553
554
555<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex">
556  <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0">
557    
558    
559    <!-- member -->
560    
561      <li class="customer_account qk-pos--rel qk-pd--05">
562        <div class="dropdown qk-pos--static">
563          <div class="qk-cursor--pointer" data-toggle="dropdown">
564            <div data-icon-type="custom_icon_type_account"></div>
565            <span class="text"></span>
566          </div>
567          <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">
568            <ul id="customer-logined-menu" style="display: none">
569              <li>
570                <div class="qk-fs--body qk-text--heading">
571                  <p class="customer-name qk-whitespace-break-spaces"></p>
572                  <p>您好!</p>
573                </div>
574              </li>
575            </ul>
576            <ul id="customer-not-login-menu">
577              <li class="button qk-text--center">
578                <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">會員登入</a>
579              </li>
580              <li class="button qk-text--center">
581                <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">註冊新會員</a>
582              </li>
583            </ul>
584            <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span>
585            <ul class="member-menu qk-bd_t--default qk-bd--product_border">
586              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
587                <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">我的帳戶</a>
588              </li>
589              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
590                <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">
590訂單查詢</a>
591              </li>
592              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
593                <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">專屬優惠券</a>
594              </li>
595              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
596                <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">收藏清單</a>
597              </li>
598              <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">
599                <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">會員登出</a>
600              </li>
601            </ul>
602          </div>
603        </div>
604      </li>
605    
606    <!-- for money symbol -->
607    <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div>
608    <!-- cart -->
609    
610      <li class="cart qk-pos--rel qk-pd--05">
611        <!--電腦版的購物車選單-->
612        <div class="dropdown qk-pos--static">
613          <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" >
614            <div data-icon-type="custom_icon_type_cart"></div>
615            <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>
616            <span class="global-cart-loading"></span>
617          </div>
618          <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">
619            <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>
620            <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">目前的購物車是空的!</p>
621            <ul>
622              <li class="button qk-text--center">
623                <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">立即購買</a>
624                <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">前往收藏清單</a>
625              </li>
626            </ul>
627          </div>
628        </div>
629      </li>
630    
631    <!-- search -->
632    
633      <li class="search qk-pos--rel qk-pd--05" id="search-icon">
634        <div class="dropdown qk-pos--static">
635          <div class="qk-cursor--pointer" data-toggle="dropdown">
636            <div data-icon-type="custom_icon_type_search"></div>
637          </div>
638          <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">
639            <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-vert--mid">
640              <form action="/search" class="form-inline qk-search_form qk-display--flex qk-justfify--between qk-align--center qk-flex--1">
641                <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="" />
642                <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">搜尋</button>
643              </form>
644            </div>
645          </div>
646        </div>
647      </li>
648    
649    <!-- express delivery -->
650    
651  </ul>
652</nav>
653
654<!-- cyb_snippet tool_nav end -->
655                  </div>
656                
657                
658                <!-- tool-nav end -->
659              </div>
660            </div>
661          </div>
662        </div>
663      
664      <div class="qk-hidden--pc  ">
665        <!-- mobile-nav start -->
666        <nav class="mobile-nav qk-bg--nav_logo_bg">
667          <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0">
668            <!-- menu -->
669            
670              <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center">
671                <div data-icon-type="custom_icon_type_menu"></div>
672              </li>
673            
674            <!-- logo -->
675            
676              <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0">
677                
678                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone">
679                    <img
680                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b"
681                      height="25"
682                      width="auto"
683                      alt="京都念慈菴|華人百年推薦品牌"
684                    >
685                  </a>
686                
687                
688                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet">
689                    <img
690                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b"
691                      height="25"
692                      width="auto"
693                      alt="京都念慈菴|華人百年推薦品牌"
694                    >
695                  </a>
696                
697              </li>
698            
699            
700              <!-- search -->
701              
702                <li class="search qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center ">
703                  <div class="dropdown qk-pos--static qk-text--center">
704                    <div class="qk-cursor--pointer" data-toggle="dropdown">
705                      <div data-icon-type="custom_icon_type_search"></div>
706                    </div>
707                    <div
708                      class="qk-dropdown_menu dropdown-menu qk-w--100vw qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-mg--0"
709                      role="menu"
710                    >
711                      <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-sp_bt--5 qk-w--100">
712                        <form action="/search" class="form-inline qk-display--flex qk-justfify--center qk-flex--1">
713                          <div class="form-inline qk-search_form qk-display--flex qk-justfify--center qk-align--center qk-flex--1">
714                            <input
715                              class="form-control qk-flex--1 qk-inputbox qk-inputbox--lg qk-bg--transparent qk-text--heading"
716                              type="search"
717                              placeholder="搜尋"
718                              aria-label="Search"
719                              name="q"
720                              value=""
721                            >
722                            <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">
723                              搜尋
724                            </button>
725                          </div>
726                        </form>
727                      </div>
728                    </div>
729                  </div>
730                </li>
731              
732              <!-- express delivery -->
733              
734            
735          </ul>
736        </nav>
737        <!-- mobile-nav end -->
738      </div>
739      
740    </header>
741    
742      <!-- Sidebar -->
743      <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation">
744        <div class="drawer-menu">
745          <!-- cyb_snippet side_menu start -->
746
747
748<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1">
749  
750    <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05">
751      <a href="/" class="qk-pd--0">
752        <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b" height="32" width="auto" alt="logo">
753      </a>
754      <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button>
755    </li>
756  
757  
758    
759
760    
761      <!-- cyb_snippet components/side_menu/menu start -->
762
763  <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>
764
765
766  
767  
768  
769    <li class="qk-pos--rel qk-pd--0">
770      <button class="linklist bt-toggle qk-fw--bold  collapsed  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_1" aria-expanded=" false ">
771        
772          <a class="qk-text--nav_menu_text" href="/blogs/news"> 最新消息 </a>
773        
774      </button>
775      <ul id="index_sidebar_shelf_second_1" class="collapse_index_sidebar_1 collapse shelf_second  qk-pd--0">
776        
777          
778          
779          
780            <li class="qk-pos--rel qk-pd--0">
781              
782                <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="/blogs/medias">
783                  異業合作
784                </a>
785              
786            </li>
787          
788        
789          
790          
791          
792            <li class="qk-pos--rel qk-pd--0">
793              
794                <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="/blogs/csr">
795                  企業關懷
796                </a>
797              
798            </li>
799          
800        
801      </ul>
802    </li>
803  
804
805  
806  
807  
808    <li class="qk-pos--rel qk-pd--0">
809      <button class="linklist bt-toggle qk-fw--bold  collapsed  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_2" aria-expanded=" false ">
810        
811          <a class="qk-text--nav_menu_text" href="/pages/about"> 品牌介紹 </a>
812        
813      </button>
814      <ul id="index_sidebar_shelf_second_2" class="collapse_index_sidebar_2 collapse shelf_second  qk-pd--0">
815        
816          
817          
818          
819            <li class="qk-pos--rel qk-pd--0">
820              
821                <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="/blogs/advertisement">
822                  經典廣告
823                </a>
824              
825            </li>
826          
827        
828          
829          
830          
831            <li class="qk-pos--rel qk-pd--0">
832              
833                <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="/blogs/quality">
834                  品質宣言
835                </a>
836              
837            </li>
838          
839        
840          
841          
842          
843            <li class="qk-pos--rel qk-pd--0">
844              
845                <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="/contact">
846                  聯絡我們
847                </a>
848              
849            </li>
850          
851        
852      </ul>
853    </li>
854  
855
856  
857  
858  
859    <li class="qk-pos--rel qk-pd--0">
860      
861        <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="/blogs/coolmate">草本積熱清專區</a>
862      
863    </li>
864  
865
866  
867  
868  
869    <li class="qk-pos--rel qk-pd--0">
870      <button class="linklist bt-toggle qk-fw--bold  collapsed  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_4" aria-expanded=" false ">
871        
872          <a class="qk-text--nav_menu_text" href="/blogs/kolcoolmate"> 好評開箱 </a>
873        
874      </button>
875      <ul id="index_sidebar_shelf_second_4" class="collapse_index_sidebar_4 collapse shelf_second  qk-pd--0">
876        
877          
878          
879          
880            <li class="qk-pos--rel qk-pd--0">
881              
882                <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="/blogs/kolcoolmate">
883                  草本積熱清好評推薦
884                </a>
885              
886            </li>
887          
888        
889          
890          
891          
892            <li class="qk-pos--rel qk-pd--0">
893              
894                <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="/blogs/kolbriz">
895                  寶涼滋好評推薦
896                </a>
897              
898            </li>
899          
900        
901          
902          
903          
904            <li class="qk-pos--rel qk-pd--0">
905              
906                <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="/blogs/kolwomenprobiotics">
907                  私密乳酸菌好評推薦
908                </a>
909              
910            </li>
911          
912        
913          
914          
915          
916            <li class="qk-pos--rel qk-pd--0">
917              
918                <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="/blogs/kollutein">
919                  石斛葉黃素好評推薦
920                </a>
921              
922            </li>
923          
924        
925          
926          
927          
928            <li class="qk-pos--rel qk-pd--0">
929              
930                <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="/blogs/kolfishcollagen">
931                  海洋膠原蛋白好評推薦
932                </a>
933              
934            </li>
935          
936        
937          
938          
939          
940            <li class="qk-pos--rel qk-pd--0">
941              
942                <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="/blogs/kolfms">
943                  蜜煉四物膏好評推薦
944                </a>
945              
946            </li>
947          
948        
949          
950          
951          
952            <li class="qk-pos--rel qk-pd--0">
953              
954                <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="/blogs/kolfmp">
955                  枇杷膏好評推薦
956                </a>
957              
958            </li>
959          
960        
961      </ul>
962    </li>
963  
964
965  
966  
967  
968    <!-- cyb_snippet components/side_menu/collection_all start -->
969
970
971
972
973  <li class="qk-pos--rel qk-pd--0">
974    <button class="collection_all bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-bd--none qk-pos--rel qk-fw--bold" data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5" aria-expanded=" false ">
975      <a href="/collections/all" class="collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-fw--bold qk-bg--nav_menu_bg qk-text--nav_menu_text">
976        購物專區
977      </a>
978    </button>
979    <ul id="index_sidebar_collection_all_shelf_second_5" class="collapse_collection_all_index_sidebar_5 collapse shelf_second qk-pd--0 ">
980      
981        
982        
983        <li class="qk-pos--rel qk-pd--0">
984          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_1" aria-expanded=" false ">
985            <a href="/collections/frontpage" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
986              首頁商品
987            </a>
988          </button>
989          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_1 collapse shelf_third q
989k-pd--0 ">
990            
991              <li class="qk-pos--rel qk-pd--0">
992                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate36sale">【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)</a>
993              </li>
994            
995              <li class="qk-pos--rel qk-pd--0">
996                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/26sscandy5">【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
997              </li>
998            
999              <li class="qk-pos--rel qk-pd--0">
1000                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate">【退火茶】草本積熱清(8包/盒)</a>
1001              </li>
1002            
1003              <li class="qk-pos--rel qk-pd--0">
1004                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate15">【退火茶】草本積熱清(8包/盒)*15盒划算組</a>
1005              </li>
1006            
1007              <li class="qk-pos--rel qk-pd--0">
1008                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9xcoolmate">【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)</a>
1009              </li>
1010            
1011              <li class="qk-pos--rel qk-pd--0">
1012                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandyall5">【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1013              </li>
1014            
1015              <li class="qk-pos--rel qk-pd--0">
1016                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandy02">【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1017              </li>
1018            
1019              <li class="qk-pos--rel qk-pd--0">
1020                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz">【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)</a>
1021              </li>
1022            
1023              <li class="qk-pos--rel qk-pd--0">
1024                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/luteinchews">【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝</a>
1025              </li>
1026            
1027              <li class="qk-pos--rel qk-pd--0">
1028                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenprobiotics">【私密處益生菌推薦】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份)</a>
1029              </li>
1030            
1031              <li class="qk-pos--rel qk-pd--0">
1032                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenprobiotics-2026">【京都念慈菴】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份) *2盒 (送「深情對視」壓克力鏡中畫x1)</a>
1033              </li>
1034            
1035              <li class="qk-pos--rel qk-pd--0">
1036                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311wf">【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)</a>
1037              </li>
1038            
1039              <li class="qk-pos--rel qk-pd--0">
1040                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ll">【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)</a>
1041              </li>
1042            
1043              <li class="qk-pos--rel qk-pd--0">
1044                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ml">【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)</a>
1045              </li>
1046            
1047              <li class="qk-pos--rel qk-pd--0">
1048                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenfmpgift">【京都念慈菴】草本養護女神禮盒(私密乳酸菌x1盒+蜜煉枇杷膏5入x1盒+微笑螢光筆x1+2.5g潤喉糖枕頭包x5顆(口味隨機))</a>
1049              </li>
1050            
1051              <li class="qk-pos--rel qk-pd--0">
1052                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/honey-loquat">【京都念慈菴】蜜煉枇杷膏-隨身包(5包/盒)</a>
1053              </li>
1054            
1055              <li class="qk-pos--rel qk-pd--0">
1056                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat">【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)</a>
1057              </li>
1058            
1059              <li class="qk-pos--rel qk-pd--0">
1060                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat198g">【京都念慈菴】清潤無糖枇杷膏198g瓶裝</a>
1061              </li>
1062            
1063              <li class="qk-pos--rel qk-pd--0">
1064                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/lutein">【京都念慈菴】高效游離型葉黃素+石斛(30顆/盒,30天份)</a>
1065              </li>
1066            
1067              <li class="qk-pos--rel qk-pd--0">
1068                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-1">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x1盒(加送藥盒x1)</a>
1069              </li>
1070            
1071              <li class="qk-pos--rel qk-pd--0">
1072                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-2">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x2盒(加送藥盒x1)</a>
1073              </li>
1074            
1075              <li class="qk-pos--rel qk-pd--0">
1076                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-3">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x3盒(加送藥盒x1)</a>
1077              </li>
1078            
1079              <li class="qk-pos--rel qk-pd--0">
1080                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fishcollagen">【京都念慈菴】海洋膠原蛋白胜肽PLUS珍珠粉(14包/盒)</a>
1081              </li>
1082            
1083              <li class="qk-pos--rel qk-pd--0">
1084                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextrac">【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)</a>
1085              </li>
1086            
1087              <li class="qk-pos--rel qk-pd--0">
1088                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/honey-loquat-for-children">【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)</a>
1089              </li>
1090            
1091              <li class="qk-pos--rel qk-pd--0">
1092                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original20g">【京都念慈菴】枇杷潤喉糖-原味(20g/包)</a>
1093              </li>
1094            
1095              <li class="qk-pos--rel qk-pd--0">
1096                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon20g">【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)</a>
1097              </li>
1098            
1099              <li class="qk-pos--rel qk-pd--0">
1100                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original60g">【京都念慈菴】 枇杷潤喉糖-原味(60g鐵盒)</a>
1101              </li>
1102            
1103              <li class="qk-pos--rel qk-pd--0">
1104                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon60g">【京都念慈菴】 枇杷潤喉糖-金桔檸檬味(60g鐵盒)</a>
1105              </li>
1106            
1107              <li class="qk-pos--rel qk-pd--0">
1108                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/umeplum60g">【京都念慈菴】枇杷潤喉糖-烏梅味(60g鐵盒)</a>
1109              </li>
1110            
1111              <li class="qk-pos--rel qk-pd--0">
1112                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/lemongrass60g">【京都念慈菴】金銀花潤喉糖-檸檬草味(60g鐵盒)</a>
1113              </li>
1114            
1115              <li class="qk-pos--rel qk-pd--0">
1116                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/supermint60g">【京都念慈菴】枇杷潤喉糖-超涼薄荷味(60g鐵盒)</a>
1117              </li>
1118            
1119              <li class="qk-pos--rel qk-pd--0">
1120                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/applelongan60g">【京都念慈菴】 枇杷潤喉糖-蘋果桂圓味(60g鐵盒)</a>
1121              </li>
1122            
1123              <li class="qk-pos--rel qk-pd--0">
1124                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemonchews60g">【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(60g/包)</a>
1125              </li>
1126            
1127              <li class="qk-pos--rel qk-pd--0">
1128                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcfx5">【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1129              </li>
1130            
1131              <li class="qk-pos--rel qk-pd--0">
1132                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx6">【京都念慈菴】 枇杷潤喉糖-綜合口味(60g/盒X6盒)</a>
1133              </li>
1134            
1135              <li class="qk-pos--rel qk-pd--0">
1136                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original37g">【京都念慈菴】雙層枇杷軟喉糖-原味(37g/包)</a>
1137              </li>
1138            
1139              <li class="qk-pos--rel qk-pd--0">
1140                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon37g">【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)</a>
1141              </li>
1142            
1143              <li class="qk-pos--rel qk-pd--0">
1144                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x60gxfmpxbox">【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)</a>
1145              </li>
1146            
1147              <li class="qk-pos--rel qk-pd--0">
1148                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextractax12-2026">【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)</a>
1149              </li>
1150            
1151              <li class="qk-pos--rel qk-pd--0">
1152                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9x6box">【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)</a>
1153              </li>
1154            
1155              <li class="qk-pos--rel qk-pd--0">
1156                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x12box">【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)</a>
1157              </li>
1158            
1159              <li class="qk-pos--rel qk-pd--0">
1160                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx6box">【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)</a>
1161              </li>
1162            
1163              <li class="qk-pos--rel qk-pd--0">
1164                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/kidsgift">【京都念慈菴】 潤喉晶亮兒童禮盒(兒童枇杷蜜隨身包16入/盒x2+晶漾藍莓雙層軟糖66g盒裝x1+雙層枇杷軟喉糖-原味37g/包x1)</a>
1165              </li>
1166            
1167              <li class="qk-pos--rel qk-pd--0">
1168                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx4gift">【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1169              </li>
1170            
1171              <li class="qk-pos--rel qk-pd--0">
1172                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreegift">【京都念慈菴】無糖雙潤提繩禮盒(寶涼滋x4 +無糖枇杷膏4入/盒x8)-贈答案之書*1</a>
1173              </li>
1174            
1175              <li class="qk-pos--rel qk-pd--0">
1176                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/brizx12">【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)</a>
1177              </li>
1178            
1179          </ul>
1180        </li>
1181      
1182        
1183        
1184        <li class="qk-pos--rel qk-pd--0">
1185          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_2" aria-expanded=" false ">
1186            <a href="/collections/shen" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1187              深深同款呵護推薦
1188            </a>
1189          </button>
1190          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_2 collapse shelf_third q
1190k-pd--0 ">
1191            
1192              <li class="qk-pos--rel qk-pd--0">
1193                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon20g">【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)</a>
1194              </li>
1195            
1196              <li class="qk-pos--rel qk-pd--0">
1197                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon37g">【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)</a>
1198              </li>
1199            
1200              <li class="qk-pos--rel qk-pd--0">
1201                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcfx5">【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1202              </li>
1203            
1204              <li class="qk-pos--rel qk-pd--0">
1205                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat">【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)</a>
1206              </li>
1207            
1208              <li class="qk-pos--rel qk-pd--0">
1209                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat198g">【京都念慈菴】清潤無糖枇杷膏198g瓶裝</a>
1210              </li>
1211            
1212              <li class="qk-pos--rel qk-pd--0">
1213                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/honey-loquat-for-children">【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)</a>
1214              </li>
1215            
1216              <li class="qk-pos--rel qk-pd--0">
1217                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz">【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)</a>
1218              </li>
1219            
1220              <li class="qk-pos--rel qk-pd--0">
1221                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate">【退火茶】草本積熱清(8包/盒)</a>
1222              </li>
1223            
1224              <li class="qk-pos--rel qk-pd--0">
1225                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate15">【退火茶】草本積熱清(8包/盒)*15盒划算組</a>
1226              </li>
1227            
1228              <li class="qk-pos--rel qk-pd--0">
1229                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/luteinchews">【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝</a>
1230              </li>
1231            
1232              <li class="qk-pos--rel qk-pd--0">
1233                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextrac">【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)</a>
1234              </li>
1235            
1236              <li class="qk-pos--rel qk-pd--0">
1237                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311wf">【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)</a>
1238              </li>
1239            
1240              <li class="qk-pos--rel qk-pd--0">
1241                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ll">【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)</a>
1242              </li>
1243            
1244              <li class="qk-pos--rel qk-pd--0">
1245                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ml">【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)</a>
1246              </li>
1247            
1248              <li class="qk-pos--rel qk-pd--0">
1249                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate3briz1">【京都念慈菴】解膩降火清爽組(寶涼滋X1盒+積熱清X3盒)</a>
1250              </li>
1251            
1252              <li class="qk-pos--rel qk-pd--0">
1253                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx4gift">【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1254              </li>
1255            
1256              <li class="qk-pos--rel qk-pd--0">
1257                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x12box">【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)</a>
1258              </li>
1259            
1260              <li class="qk-pos--rel qk-pd--0">
1261                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9x6box">【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)</a>
1262              </li>
1263            
1264              <li class="qk-pos--rel qk-pd--0">
1265                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/brizx12">【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)</a>
1266              </li>
1267            
1268              <li class="qk-pos--rel qk-pd--0">
1269                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz7coolmate3">【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)</a>
1270              </li>
1271            
1272              <li class="qk-pos--rel qk-pd--0">
1273                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9xcoolmate">【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)</a>
1274              </li>
1275            
1276              <li class="qk-pos--rel qk-pd--0">
1277                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextractax12-2026">【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)</a>
1278              </li>
1279            
1280          </ul>
1281        </li>
1282      
1283        
1284        
1285        <li class="qk-pos--rel qk-pd--0">
1286          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_3" aria-expanded=" false ">
1287            <a href="/collections/coolmates" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1288              草本積熱清降火氣專區
1289            </a>
1290          </button>
1291          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_3 collapse shelf_third q
1291k-pd--0 ">
1292            
1293              <li class="qk-pos--rel qk-pd--0">
1294                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate">【退火茶】草本積熱清(8包/盒)</a>
1295              </li>
1296            
1297              <li class="qk-pos--rel qk-pd--0">
1298                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate3briz1">【京都念慈菴】解膩降火清爽組(寶涼滋X1盒+積熱清X3盒)</a>
1299              </li>
1300            
1301              <li class="qk-pos--rel qk-pd--0">
1302                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9xcoolmate">【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)</a>
1303              </li>
1304            
1305              <li class="qk-pos--rel qk-pd--0">
1306                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz7coolmate3">【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)</a>
1307              </li>
1308            
1309              <li class="qk-pos--rel qk-pd--0">
1310                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate15">【退火茶】草本積熱清(8包/盒)*15盒划算組</a>
1311              </li>
1312            
1313              <li class="qk-pos--rel qk-pd--0">
1314                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate36sale">【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)</a>
1315              </li>
1316            
1317          </ul>
1318        </li>
1319      
1320        
1321        
1322        <li class="qk-pos--rel qk-pd--0">
1323          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_4" aria-expanded=" false ">
1324            <a href="/collections/actsale" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1325              換季保養菴心組合
1326            </a>
1327          </button>
1328          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_4 collapse shelf_third qk-pd--0 ">
1329            
1330              <li class="qk-pos--rel qk-pd--0">
1331                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ml">【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)</a>
1332              </li>
1333            
1334              <li class="qk-pos--rel qk-pd--0">
1335                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311wf">【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)</a>
1336              </li>
1337            
1338              <li class="qk-pos--rel qk-pd--0">
1339                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/202311ll">【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)</a>
1340              </li>
1341            
1342              <li class="qk-pos--rel qk-pd--0">
1343                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/26sscandy5">【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1344              </li>
1345            
1346              <li class="qk-pos--rel qk-pd--0">
1347                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandy02">【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1348              </li>
1349            
1350              <li class="qk-pos--rel qk-pd--0">
1351                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandyall5">【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1352              </li>
1353            
1354          </ul>
1355        </li>
1356      
1357        
1358        
1359        <li class="qk-pos--rel qk-pd--0">
1360          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_5" aria-expanded=" false ">
1361            <a href="/collections/gift2" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1362              輕表心意禮物包
1363            </a>
1364          </button>
1365          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_5 collapse shelf_third q
1365k-pd--0 ">
1366            
1367              <li class="qk-pos--rel qk-pd--0">
1368                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/26sscandy5">【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1369              </li>
1370            
1371              <li class="qk-pos--rel qk-pd--0">
1372                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandy02">【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1373              </li>
1374            
1375              <li class="qk-pos--rel qk-pd--0">
1376                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandyall5">【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1377              </li>
1378            
1379          </ul>
1380        </li>
1381      
1382        
1383        
1384        <li class="qk-pos--rel qk-pd--0">
1385          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_6" aria-expanded=" false ">
1386            <a href="/collections/gift" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1387              送禮必看好質感禮盒
1388            </a>
1389          </button>
1390          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_6 collapse shelf_third qk-pd--0 ">
1391            
1392              <li class="qk-pos--rel qk-pd--0">
1393                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreegift">【京都念慈菴】無糖雙潤提繩禮盒(寶涼滋x4 +無糖枇杷膏4入/盒x8)-贈答案之書*1</a>
1394              </li>
1395            
1396              <li class="qk-pos--rel qk-pd--0">
1397                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx4gift">【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1398              </li>
1399            
1400              <li class="qk-pos--rel qk-pd--0">
1401                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9xcoolmate">【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)</a>
1402              </li>
1403            
1404              <li class="qk-pos--rel qk-pd--0">
1405                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenfmpgift">【京都念慈菴】草本養護女神禮盒(私密乳酸菌x1盒+蜜煉枇杷膏5入x1盒+微笑螢光筆x1+2.5g潤喉糖枕頭包x5顆(口味隨機))</a>
1406              </li>
1407            
1408              <li class="qk-pos--rel qk-pd--0">
1409                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/kidsgift">【京都念慈菴】 潤喉晶亮兒童禮盒(兒童枇杷蜜隨身包16入/盒x2+晶漾藍莓雙層軟糖66g盒裝x1+雙層枇杷軟喉糖-原味37g/包x1)</a>
1410              </li>
1411            
1412              <li class="qk-pos--rel qk-pd--0">
1413                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx6box">【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)</a>
1414              </li>
1415            
1416              <li class="qk-pos--rel qk-pd--0">
1417                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextractax12-2026">【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)</a>
1418              </li>
1419            
1420              <li class="qk-pos--rel qk-pd--0">
1421                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz7coolmate3">【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)</a>
1422              </li>
1423            
1424              <li class="qk-pos--rel qk-pd--0">
1425                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/brizx12">【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)</a>
1426              </li>
1427            
1428              <li class="qk-pos--rel qk-pd--0">
1429                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9x6box">【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)</a>
1430              </li>
1431            
1432              <li class="qk-pos--rel qk-pd--0">
1433                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x12box">【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)</a>
1434              </li>
1435            
1436              <li class="qk-pos--rel qk-pd--0">
1437                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x60gxfmpxbox">【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)</a>
1438              </li>
1439            
1440          </ul>
1441        </li>
1442      
1443        
1444        
1445        <li class="qk-pos--rel qk-pd--0">
1446          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_7" aria-expanded=" false ">
1447            <a href="/collections/honey-loquat" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1448              好經典枇杷膏
1449            </a>
1450          </button>
1451          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_7 collapse shelf_third q
1451k-pd--0 ">
1452            
1453              <li class="qk-pos--rel qk-pd--0">
1454                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/honey-loquat">【京都念慈菴】蜜煉枇杷膏-隨身包(5包/盒)</a>
1455              </li>
1456            
1457              <li class="qk-pos--rel qk-pd--0">
1458                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat">【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)</a>
1459              </li>
1460            
1461              <li class="qk-pos--rel qk-pd--0">
1462                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/sugarfreeloquat198g">【京都念慈菴】清潤無糖枇杷膏198g瓶裝</a>
1463              </li>
1464            
1465              <li class="qk-pos--rel qk-pd--0">
1466                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/honey-loquat-for-children">【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)</a>
1467              </li>
1468            
1469              <li class="qk-pos--rel qk-pd--0">
1470                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x60gxfmpxbox">【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)</a>
1471              </li>
1472            
1473              <li class="qk-pos--rel qk-pd--0">
1474                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9xcoolmate">【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)</a>
1475              </li>
1476            
1477              <li class="qk-pos--rel qk-pd--0">
1478                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x12box">【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)</a>
1479              </li>
1480            
1481              <li class="qk-pos--rel qk-pd--0">
1482                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc9x6box">【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)</a>
1483              </li>
1484            
1485          </ul>
1486        </li>
1487      
1488        
1489        
1490        <li class="qk-pos--rel qk-pd--0">
1491          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_8" aria-expanded=" false ">
1492            <a href="/collections/herbal-candy" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1493              好養聲(無糖)喉糖系列(含金銀花)
1494            </a>
1495          </button>
1496          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_8 collapse shelf_third qk-pd--0 ">
1497            
1498              <li class="qk-pos--rel qk-pd--0">
1499                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandy02">【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1500              </li>
1501            
1502              <li class="qk-pos--rel qk-pd--0">
1503                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/marchcandyall5">【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1504              </li>
1505            
1506              <li class="qk-pos--rel qk-pd--0">
1507                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/26sscandy5">【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)</a>
1508              </li>
1509            
1510              <li class="qk-pos--rel qk-pd--0">
1511                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/briz">【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)</a>
1512              </li>
1513            
1514              <li class="qk-pos--rel qk-pd--0">
1515                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/brizx12">【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)</a>
1516              </li>
1517            
1518              <li class="qk-pos--rel qk-pd--0">
1519                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcfx5">【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)</a>
1520              </li>
1521            
1522              <li class="qk-pos--rel qk-pd--0">
1523                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx6">【京都念慈菴】 枇杷潤喉糖-綜合口味(60g/盒X6盒)</a>
1524              </li>
1525            
1526              <li class="qk-pos--rel qk-pd--0">
1527                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/hcx6box">【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)</a>
1528              </li>
1529            
1530              <li class="qk-pos--rel qk-pd--0">
1531                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fqpc4x60gxfmpxbox">【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)</a>
1532              </li>
1533            
1534              <li class="qk-pos--rel qk-pd--0">
1535                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original37g">【京都念慈菴】雙層枇杷軟喉糖-原味(37g/包)</a>
1536              </li>
1537            
1538              <li class="qk-pos--rel qk-pd--0">
1539                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon37g">【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)</a>
1540              </li>
1541            
1542              <li class="qk-pos--rel qk-pd--0">
1543                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemonchews60g">【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(60g/包)</a>
1544              </li>
1545            
1546              <li class="qk-pos--rel qk-pd--0">
1547                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original20g">【京都念慈菴】枇杷潤喉糖-原味(20g/包)</a>
1548              </li>
1549            
1550              <li class="qk-pos--rel qk-pd--0">
1551                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon20g">【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)</a>
1552              </li>
1553            
1554              <li class="qk-pos--rel qk-pd--0">
1555                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/original60g">【京都念慈菴】 枇杷潤喉糖-原味(60g鐵盒)</a>
1556              </li>
1557            
1558              <li class="qk-pos--rel qk-pd--0">
1559                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/applelongan60g">【京都念慈菴】 枇杷潤喉糖-蘋果桂圓味(60g鐵盒)</a>
1560              </li>
1561            
1562              <li class="qk-pos--rel qk-pd--0">
1563                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/tengerinelemon60g">【京都念慈菴】 枇杷潤喉糖-金桔檸檬味(60g鐵盒)</a>
1564              </li>
1565            
1566              <li class="qk-pos--rel qk-pd--0">
1567                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/umeplum60g">【京都念慈菴】枇杷潤喉糖-烏梅味(60g鐵盒)</a>
1568              </li>
1569            
1570              <li class="qk-pos--rel qk-pd--0">
1571                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/lemongrass60g">【京都念慈菴】金銀花潤喉糖-檸檬草味(60g鐵盒)</a>
1572              </li>
1573            
1574              <li class="qk-pos--rel qk-pd--0">
1575                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/supermint60g">【京都念慈菴】枇杷潤喉糖-超涼薄荷味(60g鐵盒)</a>
1576              </li>
1577            
1578          </ul>
1579        </li>
1580      
1581        
1582        
1583        <li class="qk-pos--rel qk-pd--0">
1584          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_9" aria-expanded=" false ">
1585            <a href="/collections/health-food" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1586              好養身保健食品7折起
1587            </a>
1588          </button>
1589          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_9 collapse shelf_third q
1589k-pd--0 ">
1590            
1591              <li class="qk-pos--rel qk-pd--0">
1592                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/luteinchews">【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝</a>
1593              </li>
1594            
1595              <li class="qk-pos--rel qk-pd--0">
1596                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenprobiotics">【私密處益生菌推薦】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份)</a>
1597              </li>
1598            
1599              <li class="qk-pos--rel qk-pd--0">
1600                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/womenprobiotics-2026">【京都念慈菴】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份) *2盒 (送「深情對視」壓克力鏡中畫x1)</a>
1601              </li>
1602            
1603              <li class="qk-pos--rel qk-pd--0">
1604                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/lutein">【京都念慈菴】高效游離型葉黃素+石斛(30顆/盒,30天份)</a>
1605              </li>
1606            
1607              <li class="qk-pos--rel qk-pd--0">
1608                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fishcollagen">【京都念慈菴】海洋膠原蛋白胜肽PLUS珍珠粉(14包/盒)</a>
1609              </li>
1610            
1611              <li class="qk-pos--rel qk-pd--0">
1612                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-1">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x1盒(加送藥盒x1)</a>
1613              </li>
1614            
1615              <li class="qk-pos--rel qk-pd--0">
1616                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-2">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x2盒(加送藥盒x1)</a>
1617              </li>
1618            
1619              <li class="qk-pos--rel qk-pd--0">
1620                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/monascus-3">【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x3盒(加送藥盒x1)</a>
1621              </li>
1622            
1623              <li class="qk-pos--rel qk-pd--0">
1624                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coolmate">【退火茶】草本積熱清(8包/盒)</a>
1625              </li>
1626            
1627          </ul>
1628        </li>
1629      
1630        
1631        
1632        <li class="qk-pos--rel qk-pd--0">
1633          <button class="collection_all qk-fw--500 bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_5_10" aria-expanded=" false ">
1634            <a href="/collections/fourherbextract" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
1635              好氣色四物-膏狀四物飲
1636            </a>
1637          </button>
1638          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_5_10 collapse shelf_third qk-pd--0 ">
1639            
1640              <li class="qk-pos--rel qk-pd--0">
1641                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextrac">【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)</a>
1642              </li>
1643            
1644              <li class="qk-pos--rel qk-pd--0">
1645                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/fourherbextractax12-2026">【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)</a>
1646              </li>
1647            
1648          </ul>
1649        </li>
1650      
1651    </ul>
1652  </li>
1653
1654
1655<!-- cyb_snippet components/side_menu/collection_all end -->
1656  
1657
1658  
1659  
1660  
1661    <li class="qk-pos--rel qk-pd--0">
1662      <button class="linklist bt-toggle qk-fw--bold  collapsed  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=" false ">
1663        
1664          <a class="qk-text--nav_menu_text" href="/blogs/knowledges"> 健康小知識 </a>
1665        
1666      </button>
1667      <ul id="index_sidebar_shelf_second_6" class="collapse_index_sidebar_6 collapse shelf_second  qk-pd--0">
1668        
1669          
1670          
1671          
1672            <li class="qk-pos--rel qk-pd--0">
1673              
1674                <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="/blogs/faq">
1675                  常見問題
1676                </a>
1677              
1678            </li>
1679          
1680        
1681      </ul>
1682    </li>
1683  
1684
1685  
1686  
1687  
1688    <li class="qk-pos--rel qk-pd--0">
1689      <button class="linklist bt-toggle qk-fw--bold  collapsed  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_7" aria-expanded=" false ">
1690        
1691          <a class="qk-text--nav_menu_text" href="/blogs/herb"> 中草藥介紹 </a>
1692        
1693      </button>
1694      <ul id="index_sidebar_shelf_second_7" class="collapse_index_sidebar_7 collapse shelf_second  qk-pd--0">
1695        
1696          
1697          
1698          
1699            <li class="qk-pos--rel qk-pd--0">
1700              
1701                <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="/blogs/herb">
1702                  草藥百科
1703                </a>
1704              
1705            </li>
1706          
1707        
1708          
1709          
1710          
1711            <li class="qk-pos--rel qk-pd--0">
1712              
1713                <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="/blogs/solarterm">
1714                  24節氣
1715                </a>
1716              
1717            </li>
1718          
1719        
1720          
1721          
1722          
1723            <li class="qk-pos--rel qk-pd--0">
1724              
1725                <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="/blogs/star">
1726                  12星座
1727                </a>
1728              
1729            </li>
1730          
1731        
1732      </ul>
1733    </li>
1734  
1735
1736  
1737  
1738  
1739    <li class="qk-pos--rel qk-pd--0">
1740      
1741        <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="/blogs/chinese-medicine">中成藥/科學中藥系列</a>
1742      
1743    </li>
1744  
1745
1746  
1747  
1748  
1749    <li class="qk-pos--rel qk-pd--0">
1750      
1751        <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="https://page.line.me/olx0883r"><a href="https://lin.ee/Yz7TPt2">
1751<img src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" alt="加入好友" height="36" border="0"></a></a>
1752      
1753    </li>
1754  
1755
1756  
1757  
1758  
1759    <li class="qk-pos--rel qk-pd--0">
1760      
1761        <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="https://en.nin-jiom.com.tw/">English</a>
1762      
1763    </li>
1764  
1765
1766  
1767  
1768  
1769    <li class="qk-pos--rel qk-pd--0">
1770      
1771        <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="https://www.ninjiom-jp.com/">日本語</a>
1772      
1773    </li>
1774  
1775
1776
1777<script>
1778  $('button a').on('click', function(e) {e.stopPropagation()});
1779</script>
1779
1780
1781<!-- cyb_snippet components/side_menu/menu end -->
1782    
1783  
1784  
1785    
1786      <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>
1787      <li class="qk-pos--rel qk-pd--0">
1788        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1789          <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">我的帳戶</a>
1790        </div>
1791      </li>
1792      <li class="qk-pos--rel qk-pd--0">
1793        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1794          <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">訂單查詢</a>
1795        </div>
1796      </li>
1797      <li class="qk-pos--rel qk-pd--0">
1798        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
1799          <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">會員登出</a>
1800        </div>
1801      </li>
1802      <li class="qk-pos--rel qk-pd--0">
1803        <a href="/account/login">
1804          <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 ">
1805            <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body">
1806              會員登入
1807            </span>
1808          </div>
1809        </a>
1810      </li>
1811      <li class="qk-pos--rel qk-pd--0">
1812        <a href="/account/signup">
1813          <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">
1814            <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500">
1815              註冊新會員
1816            </span>
1817          </div>
1818        </a>
1819      </li>
1820    
1821    
1822    
1823    
1824  
1825</ul>
1826
1827<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/sidebar-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
1828
1829<script>
1830  $(document).ready(function(){
1831    // 側邊選單
1832    if ($('.drawer').length){
1833      $('.drawer').drawer();
1834      $('.bt-toggle').click(function(){
1835        setTimeout(function(){
1836          $('.drawer')[0].iScroll.refresh()
1837        },500)
1838      })
1839    }
1840  });
1841</script>
1841
1842
1843
1844<!-- cyb_snippet side_menu end -->
1845
1846        </div>
1847      </nav>
1848      <!-- Bottombar -->
1849      
1850    
1851  </span>
1852
1853<div id="index-popular-tags"></div>
1854
1855<style id="timer_color">
1856  :root {
1857    
1858      --timer_text: #c39d6f;
1859    
1860
1861    
1862      --timer_bg: #fbae8f;
1863    
1864  }
1865</style>
1866
1867<script>
1868  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":"問題å
1868…§å®¹","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天免費鑑è³
1868žæœŸï¼ˆå«ä¾‹å‡æ—¥ï¼‰ã€‚退換貨時請保持原包裝商品的完整(包含購買商品,附件,贈品等)。\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":"謝謝您的å¯
1868¶è²´æ„è¦‹","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":"請檢查銀行帳號長度"}
1869  $(document).ready(function(){
1870    if(window.location.pathname != '' && window.location.pathname != '/' ){
1871      document.getElementById('index-popular-tags').style.display = 'none'
1872    }
1873    // 倒數計時
1874    
1875
1876    function adjustContentTop() {
1877      
1878      const isNavbarTransparent = false;
1879      let headerHeight = $("#header").outerHeight();
1880      if (isNavbarTransparent && $('#template').width() >= 992) {
1881        headerHeight -= $('.computer_nav').height();
1882      }
1883      const floatFilterHeight = $('#float-filter').innerHeight() || 0;
1884      $("body").css({
1885        "padding-top": (headerHeight - floatFilterHeight) + "px",
1886      });
1887    }
1888
1889    window.adjustContentTop = adjustContentTop;
1890
1891    // navbar設定透明
1892    
1893
1894    // Call it first once DOM is ready to prevent CLS
1895    adjustContentTop();
1896
1897    // 延遲初始化,等待 app banner 初始化完成
1898    $(window).on("resize", adjustContentTop);
1899
1900    // 使用 setTimeout 確保 banner 狀態已經確定
1901    $(window).on("load", function() {
1902      setTimeout(function() {
1903        adjustContentTop();
1904      }, 200); // 給 banner 足夠時間初始化
1905    });
1906
1907    $('img.header_banner').on('load', adjustContentTop);
1908
1909    window.renderNavbarSection('.main_nav', {
1910        navbarCollections: [{"title":"首頁商品","url":"/collections/frontpage","products":[{"title":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","url":"/products/coolmate36sale"},{"title":"【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/26sscandy5"},{"title":"【退火茶】草本積熱清(8包/盒)","url":"/products/coolmate"},{"title":"【退火茶】草本積熱清(8包/盒)*15盒划算組","url":"/products/coolmate15"},{"title":"【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)","url":"/products/fqpc9xcoolmate"},{"title":"【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandyall5"},{"title":"【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandy02"},{"title":"【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)","url":"/products/briz"},{"title":"【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝","url":"/products/luteinchews"},{"title":"【私密處益生菌推薦】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份)","url":"/products/womenprobiotics"},{"title":"【京都念慈菴】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份) *2盒 (送「深情對視」壓克力鏡中畫x1)","url":"/products/womenprobiotics-2026"},{"title":"【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)","url":"/products/202311wf"},{"title":"【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)","url":"/products/202311ll"},{"title":"【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)","url":"/products/202311ml"},{"title":"【京都念慈菴】草本養護女神禮盒(私密乳酸菌x1盒+蜜煉枇杷膏5入x1盒+微笑螢光筆x1+2.5g潤喉糖枕頭包x5顆(口味隨機))","url":"/products/womenfmpgift"},{"title":"【京都念慈菴】蜜煉枇杷膏-隨身包(5包/盒)","url":"/products/honey-loquat"},{"title":"【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)","url":"/products/sugarfreeloquat"},{"title":"【京都念慈菴】清潤無糖枇杷膏198g瓶裝","url":"/products/sugarfreeloquat198g"},{"title":"【京都念慈菴】高效游離型葉黃素+石斛(30顆/盒,30天份)","url":"/products/lutein"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x1盒(加送藥盒x1)","url":"/products/monascus-1"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x2盒(加送藥盒x1)","url":"/products/monascus-2"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x3盒(加送藥盒x1)","url":"/products/monascus-3"},{"title":"【京都念慈菴】海洋膠原蛋白胜肽PLUS珍珠粉(14包/盒)","url":"/products/fishcollagen"},{"title":"【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)","url":"/products/fourherbextrac"},{"title":"【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)","url":"/products/honey-loquat-for-children"},{"title":"【京都念慈菴】枇杷潤喉糖-原味(20g/包)","url":"/products/original20g"},{"title":"【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)","url":"/products/tengerinelemon20g"},{"title":"【京都念慈菴】 枇杷潤喉糖-原味(60g鐵盒)","url":"/products/original60g"},{"title":"【京都念慈菴】 枇杷潤喉糖-金桔檸檬味(60g鐵盒)","url":"/products/tengerinelemon60g"},{"title":"【京都念慈菴】枇杷潤喉糖-烏梅味(60g鐵盒)","url":"/products/umeplum60g"},{"title":"【京都念慈菴】金銀花潤喉糖-檸檬草味(60g鐵盒)","url":"/products/lemongrass60g"},{"title":"【京都念慈菴】枇杷潤喉糖-超涼薄荷味(60g鐵盒)","url":"/products/supermint60g"},{"title":"【京都念慈菴】 枇杷潤喉糖-蘋果桂圓味(60g鐵盒)","url":"/products/applelongan60g"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(60g/包)","url":"/products/tengerinelemonchews60g"},{"title":"【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcfx5"},{"title":"【京都念慈菴】 枇杷潤喉糖-綜合口味(60g/盒X6盒)","url":"/products/hcx6"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-原味(37g/包)","url":"/products/original37g"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)","url":"/products/tengerinelemon37g"},{"title":"【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)","url":"/products/fqpc4x60gxfmpxbox"},{"title":"【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)","url":"/products/fourherbextractax12-2026"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)","url":"/products/fqpc9x6box"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)","url":"/products/fqpc4x12box"},{"title":"【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)","url":"/products/hcx6box"},{"title":"【京都念慈菴】 潤喉晶亮兒童禮盒(兒童枇杷蜜隨身包16入/盒x2+晶漾藍莓雙層軟糖66g盒裝x1+雙層枇杷軟喉糖-原味37g/包x1)","url":"/products/kidsgift"},{"title":"【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcx4gift"},{"title":"【京都念慈菴】無糖雙潤提繩禮盒(寶涼滋x4 +無糖枇杷膏4入/盒x8)-贈答案之書*1","url":"/products/sugarfreegift"},{"title":"【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)","url":"/products/brizx12"}]},{"title":"深深同款呵護推薦","url":"/collections/shen","products":[{"title":"【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)","url":"/products/tengerinelemon20g"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)","url":"/products/tengerinelemon37g"},{"title":"【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcfx5"},{"title":"【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)","url":"/products/sugarfreeloquat"},{"title":"【京都念慈菴】清潤無糖枇杷膏198g瓶裝","url":"/products/sugarfreeloquat198g"},{"title":"【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)","url":"/products/honey-loquat-for-children"},{"title":"【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)","url":"/products/briz"},{"title":"【退火茶】草本積熱清(8包/盒)","url":"/products/coolmate"},{"title":"【退火茶】草本積熱清(8包/盒)*15盒划算組","url":"/products/coolmate15"},{"title":"【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝","url":"/products/luteinchews"},{"title":"【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)","url":"/products/fourherbextrac"},{"title":"【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)","url":"/products/202311wf"},{"title":"【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)","url":"/products/202311ll"},{"title":"【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)","url":"/products/202311ml"},{"title":"【京都念慈菴】解膩降火清爽組(寶涼滋X1盒+積熱清X3盒)","url":"/products/coolmate3briz1"},{"title":"【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcx4gift"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)","url":"/products/fqpc4x12box"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)","url":"/products/fqpc9x6box"},{"title":"【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)","url":"/products/brizx12"},{"title":"【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)","url":"/products/briz7coolmate3"},{"title":"【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)","url":"/products/fqpc9xcoolmate"},{"title":"【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)","url":"/products/fourherbextractax12-2026"}]},{"title":"草本積熱清降火氣專區","url":"/collections/coolmates","products":[{"title":"【退火茶】草本積熱清(8包/盒)","url":"/products/coolmate"},{"title":"【京都念慈菴】解膩降火清爽組(寶涼滋X1盒+積熱清X3盒)","url":"/products/coolmate3briz1"},{"title":"【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)","url":"/products/fqpc9xcoolmate"},{"title":"【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)","url":"/products/briz7coolmate3"},{"title":"【退火茶】草本積熱清(8包/盒)*15盒划算組","url":"/products/coolmate15"},{"title":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","url":"/products/coolmate36sale"}]},{"title":"換季保養菴心組合","url":"/collections/actsale","products":[{"title":"【京都念慈菴】守護好元氣超值組合(紅麴x1+葉黃素Plus石斛x1)-(加送藥盒x1)","url":"/products/202311ml"},{"title":"【京都念慈菴】女神好氣色超值組合(私密乳酸菌x1+海洋膠原蛋白x1)","url":"/products/202311wf"},{"title":"【京都念慈菴】家庭晶亮超值組合(葉黃素Plus石斛x1) + 晶漾藍莓雙層軟糖x3)","url":"/products/202311ll"},{"title":"【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/26sscandy5"},{"title":"【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandy02"},{"title":"【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandyall5"}]},{"title":"輕表心意禮物包","url":"/collections/gift2","products":[{"title":"【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/26sscandy5"},{"title":"【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandy02"},{"title":"【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandyall5"}]},{"title":"送禮必看好質感禮盒","url":"/collections/gift","products":[{"title":"【京都念慈菴】無糖雙潤提繩禮盒(寶涼滋x4 +無糖枇杷膏4入/盒x8)-贈答案之書*1","url":"/products/sugarfreegift"},{"title":"【京都念慈菴】 四味同糖禮盒 附提袋(草本潤喉糖 60g/盒X4盒)(烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcx4gift"},{"title":"【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)","url":"/products/fqpc9xcoolmate"},{"title":"【京都念慈菴】草本養護女神禮盒(私密乳酸菌x1盒+蜜煉枇杷膏5入x1盒+微笑螢光筆x1+2.5g潤喉糖枕頭包x5顆(口味隨機))","url":"/products/womenfmpgift"},{"title":"【京都念慈菴】 潤喉晶亮兒童禮盒(兒童枇杷蜜隨身包16入/盒x2+晶漾藍莓雙層軟糖66g盒裝x1+雙層枇杷軟喉糖-原味37g/包x1)","url":"/products/kidsgift"},{"title":"【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)","url":"/products/hcx6box"},{"title":"【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)","url":"/products/fourherbextractax12-2026"},{"title":"【京都念慈菴】解膩降火清爽禮盒(寶涼滋X7盒+積熱清X3盒)","url":"/products/briz7coolmate3"},{"title":"【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)","url":"/products/brizx12"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)","url":"/products/fqpc9x6box"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)","url":"/products/fqpc4x12box"},{"title":"【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)","url":"/products/fqpc4x60gxfmpxbox"}]},{"title":"好經典枇杷膏","url":"/collections/honey-loquat","products":[{"title":"【京都念慈菴】蜜煉枇杷膏-隨身包(5包/盒)","url":"/products/honey-loquat"},{"title":"【京都念慈菴】清潤無糖枇杷膏隨身包(4入/盒)","url":"/products/sugarfreeloquat"},{"title":"【京都念慈菴】清潤無糖枇杷膏198g瓶裝","url":"/products/sugarfreeloquat198g"},{"title":"【京都念慈菴】兒童枇杷蜜隨身包(16包/盒)","url":"/products/honey-loquat-for-children"},{"title":"【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)","url":"/products/fqpc4x60gxfmpxbox"},{"title":"【京都念慈菴】降火潤喉禮盒(無糖枇杷膏9入/盒x3+草本積熱清x3)","url":"/products/fqpc9xcoolmate"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(4入/盒X12)","url":"/products/fqpc4x12box"},{"title":"【京都念慈菴】清潤無糖枇杷膏禮盒(9入/盒X6)","url":"/products/fqpc9x6box"}]},{"title":"好養聲(無糖)喉糖系列(含金銀花)","url":"/collections/herbal-candy","products":[{"title":"【京都念慈菴】 此聲摯愛禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandy02"},{"title":"【京都念慈菴】五福金潤禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/marchcandyall5"},{"title":"【京都念慈菴】花漾潤聲禮物包-枇杷潤喉糖-綜合口味(60g/盒X5盒)","url":"/products/26sscandy5"},{"title":"【京都念慈菴】寶涼滋草本精油喉片/口含片(20粒/盒)","url":"/products/briz"},{"title":"【京都念慈菴】寶涼滋草本精油喉片禮盒(20粒/盒X12盒)","url":"/products/brizx12"},{"title":"【京都念慈菴】 枇杷潤喉糖-繽紛草本果香風味(60g/盒X5盒)(金桔檸檬、烏梅、超涼薄荷、檸檬草、蘋果龍眼)","url":"/products/hcfx5"},{"title":"【京都念慈菴】 枇杷潤喉糖-綜合口味(60g/盒X6ç›
1910’)","url":"/products/hcx6"},{"title":"【京都念慈菴】 枇杷潤喉糖禮盒(共六種口味)","url":"/products/hcx6box"},{"title":"【京都念慈菴】喉糖枇杷膏綜合禮盒(60g原味x1+60g檸檬草x1+60g蘋果x1+60g烏梅x1+蜜煉枇杷膏x4+無糖枇杷膏4入/盒x3)","url":"/products/fqpc4x60gxfmpxbox"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-原味(37g/包)","url":"/products/original37g"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(37g/包)","url":"/products/tengerinelemon37g"},{"title":"【京都念慈菴】雙層枇杷軟喉糖-金桔檸檬味(60g/包)","url":"/products/tengerinelemonchews60g"},{"title":"【京都念慈菴】枇杷潤喉糖-原味(20g/包)","url":"/products/original20g"},{"title":"【京都念慈菴】枇杷潤喉糖-金桔檸檬味(20g/包)","url":"/products/tengerinelemon20g"},{"title":"【京都念慈菴】 枇杷潤喉糖-原味(60g鐵盒)","url":"/products/original60g"},{"title":"【京都念慈菴】 枇杷潤喉糖-蘋果桂圓味(60g鐵盒)","url":"/products/applelongan60g"},{"title":"【京都念慈菴】 枇杷潤喉糖-金桔檸檬味(60g鐵盒)","url":"/products/tengerinelemon60g"},{"title":"【京都念慈菴】枇杷潤喉糖-烏梅味(60g鐵盒)","url":"/products/umeplum60g"},{"title":"【京都念慈菴】金銀花潤喉糖-檸檬草味(60g鐵盒)","url":"/products/lemongrass60g"},{"title":"【京都念慈菴】枇杷潤喉糖-超涼薄荷味(60g鐵盒)","url":"/products/supermint60g"}]},{"title":"好養身保健食品7折起","url":"/collections/health-food","products":[{"title":"【兒童葉黃素推薦】晶漾藍莓雙層軟糖66g盒裝","url":"/products/luteinchews"},{"title":"【私密處益生菌推薦】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份)","url":"/products/womenprobiotics"},{"title":"【京都念慈菴】私密乳酸菌100億+金銀花蔓越莓洛神花萼萃取(30顆/盒,30天份) *2盒 (送「深情對視」壓克力鏡中畫x1)","url":"/products/womenprobiotics-2026"},{"title":"【京都念慈菴】高效游離型葉黃素+石斛(30顆/盒,30天份)","url":"/products/lutein"},{"title":"【京都念慈菴】海洋膠原蛋白胜肽PLUS珍珠粉(14包/盒)","url":"/products/fishcollagen"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x1盒(加送藥盒x1)","url":"/products/monascus-1"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x2盒(加送藥盒x1)","url":"/products/monascus-2"},{"title":"【京都念慈菴】皇牌紅麴膠囊(60粒入,60天份) x3盒(加送藥盒x1)","url":"/products/monascus-3"},{"title":"【退火茶】草本積熱清(8包/盒)","url":"/products/coolmate"}]},{"title":"好氣色四物-膏狀四物飲","url":"/collections/fourherbextract","products":[{"title":"【京都念慈菴】蜜煉四物-膏狀四物飲(3包/盒)","url":"/products/fourherbextrac"},{"title":"【京都念慈菴】蜜煉四物禮盒-膏狀四物飲(3包/盒)x12盒(加送環保筷組x1+托特包x1)","url":"/products/fourherbextractax12-2026"}]}],
1911        navbarItems: [{"id":1077781,"title":"最新消息","url":"/blogs/news","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1081516,"title":"異業合作","url":"/blogs/medias","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1081517,"title":"企業關懷","url":"/blogs/csr","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1069462,"title":"品牌介紹","url":"/pages/about","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1069641,"title":"經典廣告","url":"/blogs/advertisement","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1069856,"title":"品質宣言","url":"/blogs/quality","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1089063,"title":"聯絡我們","url":"/contact","item_type":"contact","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1381010,"title":"草本積熱清專區","url":"/blogs/coolmate","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1081434,"title":"好評開箱","url":"/blogs/kolcoolmate","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1081435,"title":"草本積熱清好評推薦","url":"/blogs/kolcoolmate","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1081436,"title":"寶涼滋好評推薦","url":"/blogs/kolbriz","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1083769,"title":"私密乳酸菌好評推薦","url":"/blogs/kolwomenprobiotics","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1084630,"title":"石斛葉黃素好評推薦","url":"/blogs/kollutein","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1083770,"title":"海洋膠原蛋白好評推薦","url":"/blogs/kolfishcollagen","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1084631,"title":"蜜煉四物膏好評推薦","url":"/blogs/kolfms","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1084632,"title":"枇杷膏好評推薦","url":"/blogs/kolfmp","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1068952,"title":"購物專區","url":"/collections/all","item_type":"collections_all","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1081443,"title":"健康小知識","url":"/blogs/knowledges","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1081446,"title":"常見問題","url":"/blogs/faq","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1081407,"title":"中草藥介紹","url":"/blogs/herb","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1081410,"title":"草藥百科","url":"/blogs/herb","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1081411,"title":"24節氣","url":"/blogs/solarterm","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1621404,"title":"12星座","url":"/blogs/star","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1081408,"title":"中成藥/科學中藥系列","url":"/blogs/chinese-medicine","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1078460,"title":"\u003ca href=\"https://lin.ee/Yz7TPt2\"\u003e\u003cimg src=\"https://scdn.line-apps.com/n/line_add_friends/btn/zh-
1911Hant.png\" alt=\"加入好友\" height=\"36\" border=\"0\"\u003e\u003c/a\u003e","url":"https://page.line.me/olx0883r","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1084449,"title":"English","url":"https://en.nin-jiom.com.tw/","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1084450,"title":"日本語","url":"https://www.ninjiom-jp.com/","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null}],
1912        settings: {
1913          menuDisplayStyle: "three_dimension_menu",
1914          pcLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b",
1915          mobileLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkwNDE3NDQ4X2xvZ2_ljrvog4wucG5nLnBuZyJdXQ.png?sha=66744a0261fa570b",
1916          navbarDisplayStyle: "rowNav",
1917        }
1918      }
1919    );
1920
1921
1922    // for link menu
1923    const linkMenuElement = document.querySelector('.link-nav');
1924    const data = []
1925    data.forEach((item) => {
1926      const wrapper = document.createElement('a');
1927      const link = document.createElement('ul');
1928
1929      wrapper.href = item.url;
1930      link.textContent = item.title;
1931      link.classList.add('link-item');
1932
1933      wrapper.appendChild(link);
1934      linkMenuElement.appendChild(wrapper);
1935    });
1936
1937    // for safe-area space on iOS devices
1938    const userAgent = navigator.userAgent;
1939    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
1940    const isLiff = /Line\/[\d.]+/i.test(userAgent);
1941    const $mobileBottomBar = $('#mobile-bottom-bar');
1942
1943    if ($mobileBottomBar.length && isIOS && isLiff) {
1944      $mobileBottomBar.addClass('is-ios-liff');
1945    }
1946  });
1947  document.addEventListener('DOMContentLoaded', function() {
1948    window.getCartAmount = function() {
1949      return parseInt($('.global-cart-count').html());
1950    };
1951  });
1952</script>
1952
1953
1954<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/navbar-4b1f02b0b778fcac.js' type='text/javascript'></script>
vendor: 1 bytes, line 1954
1954
1955<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/currencies-4b1f02b0b778fcac.js' type='text/javascript'></script>
1955
1956<!-- cyb_snippet i18n_modal start -->
1957
1958
1959<!-- cyb_snippet i18n_modal end -->
1960<!-- cyb_snippet _load_fonts start -->
1961<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/load_fonts-4b1f02b0b778fcac.js' type='text/javascript'></script>
vendor: 1 bytes, line 1961
1961
1962<script>
1963  document.addEventListener('DOMContentLoaded', function() {
1964    window.loadFontSetting("{'ja':{'value':'Noto Sans JP'},'zh-TW':{'value':'Noto Sans TC'},'en':{'value':'Noto Sans TC'},'zh-CN':{'value':'Noto Sans TC'}}")
1965  })
1966</script>
1966
1967
1968<!-- cyb_snippet _load_fonts end -->
1969<!-- cyb_snippet _custom_icon start -->
1970<script src='//cdn1-next.cybassets.com/frontend/shop/navIcon-4b1f02b0b778fcac.js' type='text/javascript'></script>
1970
1971
1972<script>
1973  (function() {
1974    const iconUrlMap = new Map([
1975      ['custom_icon_type_home', null],
1976      ['custom_icon_type_tracking_items', null],
1977      ['custom_icon_type_account', null],
1978      ['custom_icon_type_cart', null],
1979      ['custom_icon_type_search', null],
1980      ['custom_icon_type_menu', null]
1981    ]);
1982    const elements = document.querySelectorAll('[data-icon-type]');
1983    elements.forEach((element, index) => {
1984      const iconAttributes = element.getAttribute('data-icon-type');
1985
1986      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
1987      element.id = uniqueId;
1988      window.renderNavCustomIcon(`#${uniqueId}`, {
1989        navIconStyle: "icon_type_default",
1990        customIconUrl: iconUrlMap.get(iconAttributes) || '',
1991        iconAttributes: iconAttributes,
1992        currentTemplate: "product",
1993      });
1994    });
1995  })();
1996</script>
1996
1997
1998<!-- cyb_snippet _custom_icon end -->
1999
2000
2001
2002    
2003  
2004    
2004<script src='//cdn1-next.cybassets.com/frontend/shop/announcementBar-4b1f02b0b778fcac.js' type='text/javascript'></script>
2004
2005
2006    
2007
2008    
2009
2010    
2010<script>
2011      $(document).ready(function() {
2012        window.renderAnnouncementBar('#announcement-bar', {
2013          sectionId: "announcement_bar",
2014          isIndex: false,
2015        });
2016      });
2017    </script>
2017
2018  
2019
2020
2021
2022
2023
2024    <!-- template -->
2025    <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);">
2026      <!-- cyb_snippet breadcrumb start -->
2027
2028<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/breadcrumb-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
2029
2030
2031<div id="site_path" class="qk-bd_b--default qk-bd--product_border">
2032  <!-- mobile: toggle button (hidden on PC) -->
2033  <div class="qk-container qk-hidden--pc">
2034    <div class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb">
2035      <button
2036        class="bt-toggle qk-bg--theme_bg qk-pd_x--0 qk-w--100 qk-text--left qk-bd--none qk-pos--rel collapsed"
2037        data-toggle="collapse"
2038        data-target=".breadcrumb-content"
2039      >
2040        <a href="/" class="qk-text--text">
2041          <i class="fas fa-home"></i>
2042        </a>
2043      </button>
2044    </div>
2045  </div>
2046  <!-- breadcrumb nav: single DOM, PC always visible, mobile as collapse dropdown -->
2047  <div class="breadcrumb-content qk-bg--theme_bg collapse">
2048    <div class="qk-container">
2049      <!-- cyb_snippet breadcrumb_nav start -->
2050<!-- 主題版型麵包屑 -->
2051<nav aria-label="breadcrumb">
2052  <ol
2053    class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb"
2054    itemscope
2055    itemtype="http://schema.org/BreadcrumbList"
2056  >
2057    
2058      <li
2059        class="breadcrumb-item
2060        
2061        "
2062        itemprop="itemListElement"
2063        itemscope itemtype="http://schema.org/ListItem">
2064        <!-- home -->
2065        
2066          <a href="/" class="qk-text--text" itemprop="item">
2067            <i class="fas fa-home"></i>
2068            <span class="qk-display--none" itemprop="name">首頁</span>
2069          </a>
2070        <!-- account -->
2071        
2072        <meta itemprop="position" content="1"/>
2073      </li>
2074    
2075      <li
2076        class="breadcrumb-item
2077        
2078        "
2079        itemprop="itemListElement"
2080        itemscope itemtype="http://schema.org/ListItem">
2081        <!-- home -->
2082        
2083          
2084            <a href="#" itemprop="item" style="display: none;">
2085              <span itemprop="name">商品</span>
2086            </a>
2087          
2088          
2089            <span class="qk-text--text" data-breadcrumb-links>
2090              <a href='/collections/coolmates' class='qk-text--text' itemprop='item'><span itemprop='name'>草本積熱清降火氣專區</span></a>, <a href='/collections/frontpage' class='qk-text--text' itemprop='item'><span itemprop='name'>首頁商品</span></a>
2091            </span>
2092          
2093        <!-- product -->
2094        
2095        <meta itemprop="position" content="2"/>
2096      </li>
2097    
2098      <li
2099        class="breadcrumb-item
2100        
2101         active "
2102        itemprop="itemListElement"
2103        itemscope itemtype="http://schema.org/ListItem">
2104        <!-- home -->
2105        
2106          <a href="/products/coolmate36sale" class="qk-text--text" itemprop="item">
2107            <span itemprop="name">【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)</span>
2108          </a>
2109        <!-- search -->
2110        
2111        <meta itemprop="position" content="3"/>
2112      </li>
2113    
2114  </ol>
2115</nav>
2116<script>
2117  $(document).ready(function () {
2118    if (!window.liquidHelper || !window.liquidHelper.hasBreadcrumbReferrerEnabled) return;
2119
2120    var $collections = $('[data-breadcrumb-links]');
2121    if (!$collections.length) return;
2122
2123    var refMatch = document.referrer.match(/\/collections\/([^/?#]+)/);
2124    if (!refMatch || refMatch[1] === 'all') return;
2125
2126    var referrerHandle = decodeURIComponent(refMatch[1]);
2127
2128    function getCollectionHandle(url) {
2129      if (!url) return null;
2130      try {
2131        var pathname = new URL(url, location.origin).pathname;
2132        var parts = pathname.split('/');
2133        var idx = parts.indexOf('collections');
2134        if (idx === -1 || !parts[idx + 1]) return null;
2135        return decodeURIComponent(parts[idx + 1]);
2136      } catch (e) {
2137        return null;
2138      }
2139    }
2140
2141    var $link = $collections.find('a').filter(function () {
2142      return getCollectionHandle(this.href) === referrerHandle;
2143    });
2144
2145    if ($link.length) {
2146      $collections.siblings('a.qk-text--accent[href="#"]').remove();
2147      $collections.empty().append($link);
2148    }
2149  });
2150</script>
2150
2151
2152<!-- cyb_snippet breadcrumb_nav end -->
2153    </div>
2154  </div>
2155</div>
2156
2157
2158<!-- cyb_snippet breadcrumb end -->
2159
2160<div id="img"></div>
2161
2162
2163
2164
2165
2166<script>
2167  var gallery_img = undefined;
2168  document.addEventListener("DOMContentLoaded", function(){
2169    gallery_img = renderGallery(
2170      '#img',
2171      {
2172        urls: ["//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCIyMDQ4eDIwNDgiXV0.png?sha=fb77fbe6a4d7027b","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MzAxODM0OTBfYmRmN2YzODdkMTFjYjllNzcwN2YuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=2c69fe996335b929","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfYTZiYWQ4MGUzMzRjMDE5YjMxMjAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=40bde4e5d1556519","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNDhmNzU3YmJhZTU5NDFmNjIyZGYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=1ac1fba80a58c3b7","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjY5OTIwNzdhNTljYWYwODY1YTkuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=1e3bb7b63a62dab3","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfOTUyODJkZThiNTdmOGNhMDhiOTAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=ab6b20f4b765c0f6","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjRkYjYwMjEwYjcwNGQyNjA2NmMuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=ebb8df960550f773","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfY2YwY2M0OGJmMjU2ODZmNTFiMTYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=55b148ff2bbda717","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNWFiN2RmYzE1MWU5ZmIzMTJmZmYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=aa84154b8799c58c","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfYmFlMzJhOWZkNDA2ZWM5M2VhNGUuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=9cdee798dd9848c2","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDBhMjBmZmYzMGRjODQxYWFkOTAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=d612a77e840b85d9","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDFkNDk5NjNmYmUzMWQzY2Q3ZjUuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=4aa18fdd1f57d54e","//cdn-general.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzlfMDA5ZmNhNjEyYTRlOWU5MjQ0MjcuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=2a5750d77f89fc25"],
2173        onSwiperGalleryChange: function (payload) {
2174          var eventPayload = Object.assign({ galleryName: "img" }, payload);
2175          $(document).trigger('swiper-gallery-change', [eventPayload]);
2176        },
2177      },
2178    );
2179  });
2180</script>
2180
2181
2182<div id="product" class="product">
2183  <div class="qk-container">
2184    
2185
2186
2187
2188
2189
2190
2191 
2192
2193<div id="product_info" class="product_info qk-display--grid" data-purchase-eligibility='{"required":false,"eligible":true,"status":"eligible"}' data-hide-price="false" data-sales-mode-purchasable="true">
2194  <!-- product image start -->
2195  <div id="variant_photos" class="variant_photos">
2196    
2197    
2198    
2199    
2200    <variant-photos-block
2201      :product-photos-json="'[{\'id\':28517676,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=55e7987d3426f43a\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCIyMDQ4eDIwNDgiXV0.png?sha=fb77fbe6a4d7027b\'}, {\'id\':28514649,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MzAxODM0OTBfYmRmN2YzODdkMTFjYjllNzcwN2YuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=95697f0cc058a2d4\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MzAxODM0OTBfYmRmN2YzODdkMTFjYjllNzcwN2YuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=2c69fe996335b929\'}, {\'id\':28514650,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfYTZiYWQ4MGUzMzRjMDE5YjMxMjAuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=1ded47a6eecf2c32\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfYTZiYWQ4MGUzMzRjMDE5YjMxMjAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=40bde4e5d1556519\'}, {\'id\':28514651,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNDhmNzU3YmJhZTU5NDFmNjIyZGYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=06c90d1a231d6742\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNDhmNzU3YmJhZTU5NDFmNjIyZGYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=1ac1fba80a58c3b7\'}, {\'id\':28514652,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjY5OTIwNzdhNTljYWYwODY1YTkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=4a17108a813f35a1\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjY5OTIwNzdhNTljYWYwODY1YTkuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=1e3bb7b63a62dab3\'}, {\'id\':28514653,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfOTUyODJkZThiNTdmOGNhMDhiOTAuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=72ecafaf7c19f2da\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfOTUyODJkZThiNTdmOGNhMDhiOTAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=ab6b20f4b765c0f6\'}, {\'id\':28514654,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjRkYjYwMjEwYjcwNGQyNjA2NmMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a32659e6822fd521\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfZjRkYjYwMjEwYjcwNGQyNjA2NmMuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=ebb8df960550f773\'}, {\'id\':28514655,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfY2YwY2M0OGJmMjU2ODZmNTFiMTYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d040f2099c47a17f\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfY2YwY2M0OGJmMjU2ODZmNTFiMTYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=55b148ff2bbda717\'}, {\'id\':28514656,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNWFiN2RmYzE1MWU5ZmIzMTJmZmYuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=e90f984ed2c8c460\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTUxNDhfNWFiN2RmYzE1MWU5ZmIzMTJmZmYuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=aa84154b8799c58c\'}, {\'id\':28514657,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfYmFlMzJhOWZkNDA2ZWM5M2VhNGUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a2652513e0b99d16\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfYmFlMzJhOWZkNDA2ZWM5M2VhNGUuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=9cdee798dd9848c2\'}, {\'id\':28514658,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDBhMjBmZmYzMGRjODQxYWFkOTAuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=420904eda55105e1\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDBhMjBmZmYzMGRjODQxYWFkOTAuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=d612a77e840b85d9\'}, {\'id\':28514659,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDFkNDk5NjNmYmUzMWQzY2Q3ZjUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=263cc16327082cff\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzhfNDFkNDk5NjNmYmUzMWQzY2Q3ZjUuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=4aa18fdd1f57d54e\'}, {\'id\':28514660,\'imageUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzlfMDA5ZmNhNjEyYTRlOWU5MjQ0MjcuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=75f92662a6624cdd\',\'imageMaxUrl\':\'//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzQ4MzQxNTg2LzE3MjQ5MTU2NzlfMDA5ZmNhNjEyYTRlOWU5MjQ0MjcuanBlZyJdLFsicCIsInRodW1iIiwiMjA0OHgyMDQ4Il1d.jpeg?sha=2a5750d77f89fc25\'}]'"
2202      :display-product-images-color=false
2203      :product-id="57141210"
2204      product-title="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2205      
2206    />
2207  </div>
2208  <!-- product image end -->
2209  <!-- product content start -->
2210  <div id="product_content" class="product_content qk-display--flex" data-tracking-variant-ids="null">
2211    
2212    <!-- 標題 -->
2213    <div class="product_title">
2214      <h1 class="qk-text--heading qk-fs--hd1 qk-fw--bold qk-mg--0">【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)</h1>
2215    </div>
2216    
2217    <!-- ç°¡è¿° -->
2218    
2219      <div class="product_brief qk-text--text qk-fs--body">
2220        ✅ 清涼解膩降火氣<br>✅ 添加石斛、決明子、陳皮、羅漢果等草本<br>✅ 保持好神色養顏美容<br>✅ 爆款推薦!千萬熱銷好評不斷<br>✅ 嚴選七種草本研製,採用名貴石斛,獨特配方調整體質降火氣!
2221      </div>
2222    
2223    <!-- 廠商,標語 -->
2224    <div class="product_vendor_slogan qk-display--il_bk qk-align--center">
2225      
2226      
2227        <span class="product_slogan qk-text--heading qk-fs--body">限量10組! 免運!結帳再折扣!</span>
2228      
2229    </div>
2230    <!-- 商品售價 -->
2231    
2232    
2233    
2234    <div
2235      class="product_price"
2236      id="price_title"
2237      data-discount-price-name=""
2238      data-discount-price-suggestion-name="">
2239      <!-- 價格title -->
2240      
2241        
2242          <span class="title qk-text--heading qk-fs--body qk-display--bk"></span>
2243        
2244      
2245
2246      <!-- 商品價格 -->
2247      <div class="qk-display--il_bk">
2248        <span class="qk-text--discount_price price qk-fs--hd1 qk-fw--bold qk-display--il_bk qk-vert--mid"><span class="money_tag" data-currency-from="TWD" data-amount="7100.0">NT$7,100</span></span>
2249      </div>
2250      <del class="qk-text--text qk-fs--body qk-pd_l--05 qk-display--il_bk qk-vert--mid"><span class="money_tag" data-currency-from="TWD" data-amount="9720.0">NT$9,720</span></del>
2251
2252      <!--會員可見價-->
2253      
2254    </div>
2255    
2256    <!-- 商品sku -->
2257    
2258    <!-- 供貨狀況 -->
2259    
2260
2261    <!-- 商品款式 -->
2262    <div id="variant_options" class="variant_options">
2263      <variant-options-block
2264        :product-api-url="'/products/coolmate36sale'"
2265        :sku="sku"
2266        :auto-select-variant-by-sku="false"
2267        :hide-other-variants-by-sku="false"
2268        :hide-single-variant-options="false"
2269        :sales-mode-purchasable="true"
2270        default-price="NT$7,100"
2271        default-compare-price="NT$9,720"
2272        :default-discounted="true"
2273        @set-choose="getSelectedDatas"
2274        @get-option-image="getCurrentImage"></variant-options-block>
2275    </div>
2276
2277    <div id="product-tags"></div>
2278
2279    <!-- product discounts_list start -->
2280    <div class="product_discounts_list force-show-scrollbar hide qk-bd--default qk-bd--product_border qk-pd--1 qk-of_y--auto qk-of_x--hidden ">
2281      <div class="list_block custom-scrollbar qk-of_x--hidden">
2282        <p class="qk-text--heading qk-fs--body qk-mg_b--05">此商品參與的優惠活動</p>
2283        
2284      </div>
2285    </div>
2286    <!-- product discounts_list end -->
2287
2288    <!-- 規格,數量 -->
2289    
2290      <div class="product_variant_quantity">
2291        <span class="product_quantity">
2292          <div
2293            class="btn-group"
2294            role="group"
2295            aria-label="First group">
2296            <button class="btn add-down qk-bd--product_border" type="button"></button>
2297            <input
2298              class="btn item-quantity qk-text--heading qk-bd--product_border"
2299              type="text"
2300              name="quantity"
2301              value="1"
2302              data-old-value="1">
2303            <button class="btn add-up qk-bd--product_border" type="button"></button>
2304          </div>
2305        </span>
2306      </div>
2307
2308    <!-- 購買按鈕 -->
2309      <div class="product_button qk-display--flex qk-hidden--mobile">
2310        <!-- cyb_snippet _product_info_button start -->
2311<button class="btn addToCart btn_to_cart qk-btn qk-text--button qk-bd--button qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button"
2312  data-brand=""
2313  data-id="57141210"
2314  data-category=""
2315  data-list="單產品細覽"
2316  data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2317  data-quantity="1"
2318  data-position="全頁"
2319  
2320  data-ga-custom-dimension=""
2321  data-ga-custom-value=""
2322  data-sku="">加入購物車</button>
2323<button class="btn addToCart btn-quick_buy qk-btn qk-btn--primary qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button" data-buy="quick_buy"
2324  data-brand=""
2325  data-id="57141210"
2326  data-category=""
2327  data-list="單產品細覽"
2328  data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2329  data-quantity="1"
2330  data-position="全頁"
2331  
2332  data-ga-custom-dimension=""
2333  data-ga-custom-value=""
2334  data-sku=""><span>立即購買</span></button>
2335
2336<!-- cyb_snippet _product_info_button end -->
2337        <!-- cyb_snippet _product_info_status_button start -->
2338<button class="btn btn_not_sale hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2339  尚未開賣
2340</button>
2341<button class="btn btn_login_to_view hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2342  登入查看資格
2343</button>
2344<button class="btn btn_not_eligible hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2345  購買資格不符
2346</button>
2347<!-- cyb_snippet _product_info_status_button end -->
2348        
2349          <button class="btn btn_notice hidden qk-btn qk-btn--primary qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2350            已售完,貨到通知我
2351          </button>
2352        
2353        <button class="btn btn_soldout hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2354          已售完
2355        </button>
2356        <button
2357          class="btn buy-together hidden qk-btn qk-text--button qk-bd--button qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title"
2358          type="button"
2359          data-brand=""
2360          data-id="57141210"
2361          data-category=""
2362          data-list="單產品細覽"
2363          data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2364          data-quantity="1"
2365          data-position="全頁"
2366          
2367          data-ga-custom-dimension=""
2368          data-ga-custom-value=""
2369          data-sku="">同時加購物車</button>
2370        <button
2371          class="btn buy-together hidden qk-btn qk-btn--primary qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title"
2372          type="button"
2373          data-buy="quick_buy"
2374          data-brand=""
2375          data-id="57141210"
2376          data-category=""
2377          data-list="單產品細覽"
2378          data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2379          data-quantity="1"
2380          data-position="全頁"
2381          
2382          data-ga-custom-dimension=""
2383          data-ga-custom-value=""
2384          data-sku="">同時購買</button>
2385      </div>
2386    
2387      <div class="product_button_mobile qk-display--flex qk-align--center qk-hidden--pc">
2388        <span class="product_love_mobile qk-display--il_bk">
2389          <input
2390            type="hidden"
2391            class="product-variant-id"
2392            value="68987045"
2393            data-sku="coolmate36"
2394            data-price="7100.0"
2395            data-compare_at_price="9720.0"
2396            data-variant="限量10組"
2397            data-inventory_quantity="0">
2398          <a
2399            class="btn_love scupio-add-wishlist qk-text--text qk-fs--body qk-cursor--pointer"
2400            data-itemid="coolmate36"
2401            
2402          >
2403          <div data-icon-type="custom_icon_type_tracking_items" ></div>
2404
2405          </a>
2406        </span>
2407        
2408          <div class="cart qk-text--center qk-pd_x--05 qk-pd_y--0">
2409            <a href="/cart" class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel">
2410              <div data-icon-type="custom_icon_type_cart" ></div>
2411
2412              <span 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" style="display: none;">0</span>
2413            </a>
2414          </div>
2415          <!-- cyb_snippet _product_info_button_mobile start -->
2416<button
2417  class="btn addToCart_mobile btn_to_cart_mobile open_product_modal qk-btn qk-flex--1 qk-fs--title qk-text-truncate qk-bd--button qk-text--button"
2418  data-handle="coolmate36sale">
2419  加入購物車</button>
2420<button
2421  class="btn addToCart_mobile btn_quick_buy_mobile open_quick_buy_modal qk-btn qk-btn--primary qk-flex--1 qk-fs--title qk-text-truncate"
2422  data-handle="coolmate36sale">
2423  立即購買</button>
2424
2425<!-- cyb_snippet _product_info_button_mobile end -->
2426          <!-- cyb_snippet _product_info_status_button start -->
2427<button class="btn btn_not_sale hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2428  尚未開賣
2429</button>
2430<button class="btn btn_login_to_view hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2431  登入查看資格
2432</button>
2433<button class="btn btn_not_eligible hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2434  購買資格不符
2435</button>
2436<!-- cyb_snippet _product_info_status_button end -->
2437          
2438            <button class="btn btn_notice btn_notice_mobile hidden qk-btn qk-btn--primary qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2439              已售完,貨到通知我
2440            </button>
2441          
2442          <button class="btn btn_soldout hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-flex--1 qk-fs--title" type="button">
2443            已售完
2444          </button>
2445          <button
2446            class="btn buy-together hidden qk-btn qk-flex--1 qk-fs--title qk-bd--button qk-text--button"
2447            type="button"
2448            data-brand=""
2449            data-id="57141210"
2450            data-category=""
2451            data-list="單產品細覽"
2452            data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2453            data-quantity="1"
2454            data-position="全頁"
2455            
2456            data-sku="">同時加購物車</button>
2457          <button
2458            class="btn buy-together hidden qk-btn qk-btn--primary qk-flex--1 qk-fs--title"
2459            type="button"
2460            data-buy="quick_buy"
2461            data-brand=""
2462            data-id="57141210"
2463            data-category=""
2464            data-list="單產品細覽"
2465            data-name="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
2466            data-quantity="1"
2467            data-position="全頁"
2468            
2469            data-sku="">同時購買</button>
2470        
2471      </div>
2472      
2473      
2474      
2475      
2476      
2477    <!-- 加入最愛,銷售數量,紅利折抵 -->
2478    <div class="product_others qk-display--flex qk-flex--wrap qk-align--center">
2479      <span class="product_love qk-display--il_bk qk-hidden--phone">
2480        <input
2481          type="hidden"
2482          class="product-variant-id"
2483          value="68987045"
2484          data-sku="coolmate36"
2485          data-price="7100.0"
2486          data-compare_at_price="9720.0"
2487          data-variant="限量10組"
2488          data-inventory_quantity="0">
2489        <a
2490          class="btn_love scupio-add-wishlist qk-text--text qk-fs--body qk-bd--default qk-bd--product_border qk-cursor--pointer qk-display--flex qk-align--center"
2491          data-itemid="coolmate36"
2492          
2493        >
2494          <svg
2495            width="15"
2496            height="15"
2497            viewBox="0 0 24 24"
2498            fill="none"
2499            xmlns="http://www.w3.org/2000/svg">
2500            <path
2501              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"
2502              stroke="currentColor"
2503              stroke-width="2"
2504              stroke-linecap="round"
2505              stroke-linejoin="round" />
2506          </svg>
2507          加入最愛
2508        </a>
2509      </span>
2510      
2511      <span
2512        class="product_bonus qk-text--text qk-fs--body qk-display--il_bk"
2513        >
2514        此商品 「 最高 」可以折抵紅利
2515        <span class="val">3500</span>
2516        點
2517        
2518        (約等於 <span class="money_tag" data-currency-from="TWD" data-amount="3500">NT$3,500</span> )
2519      </span>
2520    </div>
2521  </div>
2522  <!-- product content end -->
2523</div>
2524<div class="add-buy-products-container">
2525  <!-- cyb_snippet add_buy_products start -->
2526
2527
2528
2529
2530<!-- cyb_snippet add_buy_products end -->
2531
2532</div>
2533
2534<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/cart-4b1f02b0b778fcac.js' type='text/javascript'></script>
vendor: 1 bytes, line 2534
2534
2535<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/product_variant-4b1f02b0b778fcac.js' type='text/javascript'></script>
2535
2536<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/product-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
2537<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/product_info-4b1f02b0b778fcac.js' type='text/javascript'></script>
2537
2538
2539<!-- cyb_snippet new_addcart_modal start -->
2540<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vue_product_modal-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
2541
2542<div id="new-addcart-modal" class="container">
2543  <transition name="modal">
2544    <product-modal
2545      v-if="showProductModal"
2546      :only-description="onlyDescription"
2547      :product-url="popProductUrl"
2548      :color="color"
2549      :is-collection="isCollection"
2550      :is-show-description="isShowDescription"
2551      :is-quick-buy="isQuickBuy"
2552      :selected-variant-id="selectedVariantId"
2553      :categories="categories"
2554      :call-back="checkoutAddToCartCallback"
2555      ref="productModal"
2556    >
2557    </product-modal>
2558  </transition>
2559</div>
2560
2561<!-- cyb_snippet components/product_modal/product_modal start -->
2562<script type="text/x-template" id="product-modal">
2563  <div class="modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed" @click="closeModal">
2564    <div class="modal-content qk-bd--none qk-center qk-bg--theme_bg" :class="{'only-description': onlyDescription}" @click.stop>
2565      <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>
2566      <div class="modal-body custom-scrollbar qk-w--100">
2567        <div v-if="!isLoading">
2568          <div id="checkout-product" class="row">
2569            <div class="col-sm-6 col-xs-4">
2570              <photo-swiper
2571                :mediaItems="swiperItems"
2572                :current-image-index="currentImageIndex"
2573                :current-variant="currentVariant"
2574                :video-after-image="videoAfterImage"
2575              ></photo-swiper>
2576            </div>
2577            <div class="col-sm-6 col-xs-8">
2578              <h4 class="qk-fs--hd2 qk-fw--bold qk-text--heading qk-mg--0" v-html="product.title"></h4>
2579              <p class="product_brief qk-text--text qk-fs--body" v-html="product.brief"></p>
2580              <p class="product_slogan qk-text--heading qk-fs--body" v-html="product.slogan"></p>
2581              <div class="swiper_thumbnails" style="margin-bottom: 10px;">
2582                <swiper-thumbnails
2583                  :mediaItems="swiperItems"
2584                  :current-image-index="currentImageIndex"
2585                  :title="product.title"
2586                  @update-current-image-index="(thumbnailIndex) => { currentImageIndex = thumbnailIndex }"
2587                ></swiper-thumbnails>
2588              </div>
2589              
2590              <div v-if="!hidePrice" style="margin-bottom: 10px;">
2591                
2592                <span class="price-title qk-fs--body qk-fw--500 qk-text--heading">${ priceTitleTag }</span>
2593                
2594                <div>
2595                  <span v-html="variantPrice" class="variant-price qk-fs--hd1 qk-fw--bold" :class="[isDiscountPrice ? 'qk-text--discount_price' : 'qk-text--price']"></span>
2596                  <del v-html="marketPrice" class="variant-del-price qk-fs--body qk-fw--500 qk-text--text"></del>
2597                </div>
2598              </div>
2599              <div v-if="!onlyDescription" class="controls">
2600                <div class="variant-quantity qk-display--flex qk-flex--column">
2601                  <div v-if="hasVariant" class="product-variant-options">
2602                    <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}">
2603                      <div class="advance variant-select-option" v-if="styledShopMenu==='dropDownType'">
2604                      
2605                        <label>${option.name}</label>
2606                        <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>
2607                        <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}`)">
2608                          <option value="null" class="select_option-hidden">請選擇${option.name}</option>
2609                          <option :style="{ visibility : isMobileSize ? 'hidden' : 'visible' }" v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option>
2610                        </select>
2611                        <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">請選擇${option.name}</span>
2612                        <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span>
2613                      </div>
2614                      <advance-option v-else :option-key="'option' + (index + 1)" :option="option" :current-option="currentOption" :toggle-current-option="toggleCurrentOption"/>
2615                    </div>
2616                  </div>
2617                  <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)">
2618                    <div class="list_block custom-scrollbar qk-of_x--hidden">
2619                      <h4 class="qk-text--heading qk-fs--body">此商品參與的優惠活動
2620                      </h4>
2621                      <template v-if="displayPeriodicSalesPages">
2622                        <div v-for="salesPage in product.showableSalesPages" class="discount-list">
2623                          <span class="discount-label qk-fs--breadcrumb qk-bd--default qk-bd--accent qk-bg--white qk-display--il_bk qk-text--accent">定期定額
2624                          </span>
2625                          <a class="discount-title qk-text--accent qk-fs--body" :href="salesPage.path">${ salesPage.title }</a>
2626                        </div>
2627                      </template>
2628                      <template v-for="discounts in discountsList">
2629                        <div v-for="discount in discounts" class="discount-list">
2630                          <a v-if="discount.url" :href="discount.url" class="discount-title qk-text--accent qk-fs--body">
2631                            ${ discount.title }
2632                          </a>
2633                          <span v-else class="discount-title qk-text--accent qk-fs--body">${ discount.title }</span>
2634                        </div>
2635                      </template>
2636                    </div>
2637                  </div>
2638                  <div v-if="showPurchaseControls" class="product-quantity qk-bd--product_border" v-show="!isMobileSize">
2639                    <div class="btn-group qk-w--100" role="group" aria-label="First group">
2640                      <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
2641                      <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">
2642                      <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
2643                    </div>
2644                  </div>
2645                </div>
2646                <div v-if="showPurchaseControls" class="add-button-wrapper">
2647                  <!-- cyb_snippet _product_modal_button start -->
2648<button
2649  class="btn btn-default add-button qk-cursor--pointer qk-w--100 qk-btn--primary"
2650  :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
2651  type="button"
2652  :disabled="isHideAddCartBtn"
2653  @click="addProduct"
2654>
2655  ${ addCartText }
2656</button>
2657
2658<!-- cyb_snippet _product_modal_button end -->
2659                </div>
2660                <div class="product-others qk-fs--body">
2661                  <span class="product-love">
2662                    <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">
2663                      <svg
2664                        width="15"
2665                        height="15"
2666                        viewBox="0 0 24 24"
2667                        fill="none"
2668                        xmlns="http://www.w3.org/2000/svg">
2669                        <path
2670                          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"
2671                          stroke="currentColor"
2672                          stroke-width="2"
2673                          stroke-linecap="round"
2674                          stroke-linejoin="round" />
2675                      </svg>
2676                      加入最愛
2677                    </a>
2678                  </span>
2679                  <span class="product_sold qk-text--text" v-if="false">
2680                    <span>已銷售:
2681                      ${ product.totalSold }
2682                      ä»¶
2683                    </span>
2684                  </span>
2685                  <span class="product_bonus qk-text--text" v-if="true">
2686                    此商品 「 最高 」可以折抵紅利
2687                    <span class="val qk-fw--600 qk-fs--hd2" v-if="currentVariant">${currentVariant.maxUsableBonus}</span>
2688                    <span class="val qk-fw--600 qk-fs--hd2" v-else>${maxUsableBonus}</span>
2689                    點
2690                    <span v-html="bonusToPrice"/>
2691                  </span>
2692                </div>
2693                <div class='product_limit_buy qk-fs--body' v-show="product.minBuy > 0 || product.limitBuy > 0">
2694                  ${limitBuyText}
2695                </div>
2696              </div>
2697            </div>
2698          </div>
2699          <div v-if="isShowDescription" class="row">
2700            <div class="col-sm-12">
2701              
2702                <div v-if="product.bodyHtml">
2703                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
2704                    商品介紹
2705                  </h5>
2706                  <div class="ckeditor">
2707                    <div v-html="product.bodyHtml"></div>
2708                  </div>
2709                </div>
2710              
2711              
2712                <div v-if="otherDescriptions['product_description_section_spec']">
2713                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
2714                    規格說明
2715                  </h5>
2716                  <div class="ckeditor">
2717                    <div v-html="otherDescriptions['product_description_section_spec']"></div>
2718                  </div>
2719                </div>
2720              
2721              
2722            </div>
2723          </div>
2724        </div>
2725        <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;">
2726          <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i>
2727        </div>
2728      </div>
2729        <!-- cyb_snippet _product_modal_button_mobile start -->
2730 <div
2731  v-if="showPurchaseControls"
2732  v-show="isMobileSize"
2733  class="mobile_footer"
2734  :class="{'mobile_footer-z': variantSize > 1 }">
2735        <div class="product-quantity">
2736          <div class="btn-group qk-w--100" role="group" aria-label="First group">
2737            <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
2738            <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">
2739            <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
2740          </div>
2741        </div>
2742        <button
2743          v-if="!isLoading && !onlyDescription"
2744          class="btn btn-mobile add-button qk-btn qk-btn--primary qk-btn--lg"
2745          :class="{selected: isChoose, adding: adding || isHideAddCartBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
2746          type="button"
2747          :disabled="isHideAddCartBtn"
2748          @click="addProduct">
2749            ${ addCartText }
2750        </button>
2751</div>
2752<div
2753  class="mobile-modal"
2754  :class="{ 'modal-open': isModalSelectShow && isMobileSize }">
2755        <div class="mobile_modal-content">
2756          <div class="modal_close-button">
2757            <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>
2758          </div>
2759          
2760          <p>請選擇${modalOption.name}</p>
2761          <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100">
2762            <div class="options-container">
2763              <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>
2764            </div>
2765          </div>
2766          <div v-if="variantSize > 1" class="modal_select_footer qk-display--flex">
2767            <button type="button" class="modal_cancel qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">取消</button>
2768            <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>
2769          </div>
2770        </div>
2771</div>
2772
2773<!-- cyb_snippet _product_modal_button_mobile end -->
2774    </div>
2775  </div>
2776</script>
2776
2777
2778<!-- cyb_snippet components/product_modal/color_image_option start -->
2779<script id="color-image-option" type="text/x-template">
2780  <div class="color-image qk-display--flex qk-flex--wrap qk-align--center">
2781    <div class="title">顏色</div>
2782    <div
2783      v-for="(imageColor, index) in imageColors"
2784      :class="{
2785        'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index,
2786        'selected': currentOption[optionKey] === option.types[index].name,
2787        'disabled': !option.types[index].isValid
2788      }"
2789      class="image-option img-flex qk-bd--default qk-bd--transparent qk-display--block qk-pos--rel"
2790      @mouseleave="setCurrentImageIndex(index)"
2791      @mouseover="getOptionImageIndex(index)"
2792      @click="setOption(optionKey, index)"
2793    >
2794      <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image">
2795      <img v-else src="/assets/no-image-large.png" alt="image">
2796    </div>
2797  </div>
2798</script>
2798
2799
2800<script type="text/javascript">
2801  $(document).ready(function() {
2802    window.themeHelper.productModalComponents['color-image-option'] = {
2803      template: '#color-image-option',
2804      delimiters: ['${', '}'],
2805      props: {
2806        optionKey: String,
2807        option: Object,
2808        product: Object,
2809        imageColors: Array,
2810        isChoose: Boolean,
2811        currentImageIndex: Number,
2812        setCurrentImageIndex: Function,
2813        getOptionImageIndex: Function,
2814        currentOption: Object,
2815        toggleCurrentOption: Function,
2816      },
2817      methods: {
2818        setOption: function(optionKey, index) {
2819          const type = this.option.types[index];
2820          if(type.isValid){
2821            this.toggleCurrentOption(optionKey, type.name);
2822          }
2823        }
2824      }
2825    };
2826  });
2827</script>
2827
2828
2829<!-- cyb_snippet components/product_modal/color_image_option end -->
2830<!-- cyb_snippet components/product_modal/advance_option start -->
2831<script id="advance-option" type="text/x-template">
2832  <div class="advance">
2833    <div class="title qk-text--heading qk-fs--body">${option.name}</div>
2834    <div
2835      v-for="type in option.types"
2836      :class="{
2837        'selected': currentOption[optionKey] === type.name,
2838        'disabled': !type.isValid
2839      }"
2840      @click="setOption(optionKey, type)"
2841      class="option qk-btn  qk-bd--button qk-text--button qk-pd_x--1"
2842    >
2843      ${type.name}
2844    </div>
2845  </div>
2846</script>
2846
2847
2848<script type="text/javascript">
2849  $(document).ready(function() {
2850    window.themeHelper.productModalComponents['advance-option'] = {
2851      template: '#advance-option',
2852      delimiters: ['${', '}'],
2853      props: {
2854        optionKey: String,
2855        option: Object,
2856        product: Object,
2857        currentOption: Object,
2858        toggleCurrentOption: Function,
2859      },
2860      methods: {
2861        setOption: function(optionKey, type) {
2862          if(type.isValid){
2863            this.toggleCurrentOption(optionKey, type.name);
2864          }
2865        }
2866      }
2867    };
2868  });
2869</script>
2869
2870
2871<!-- cyb_snippet components/product_modal/advance_option end -->
2872
2873<!-- cyb_snippet components/product_modal/photo_swiper start -->
2874
2875
2876<script id="photo-swiper" type="text/x-template">
2877  <div ref="photoSwiper" id="photo_swiper" class="photos swiper swiper-container">
2878    <div class="swiper-wrapper">
2879      <template v-if="hasImage">
2880        <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">
2881          <video-player v-if="item.url" :video="item"
2882            :video-poster=" !!mediaItems[firstImageIndex] ? mediaItems[firstImageIndex].large : '//cdn1-next.cybassets.com/img_loading.svg' "
2883          >
2884          </video-player>
2885          <img v-else class="qk-center" :src="item.large" alt="image"/>
2886        </div>
2887      </template>
2888      <div v-else class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale">
2889        <img src="//cdn1-next.cybassets.com/assets/no-image-large-2b95ea56c455be9ce081d81c14eded925df68bf8fa38809e46f6af8fcdd5f9bc.png" alt="image" />
2890      </div>
2891    </div>
2892    <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>
2893    <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>
2894
2895    <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm">
2896        <span class="current-index qk-text--default_dark">${currentImageIndex +1 }</span><span class="pagination-slash">/</span>
2897        <span>${mediaItems.length}</span>
2898      </div>
2899  </div>
2900</script>
2900
2901
2902<script>
2903  $(document).ready(function () {
2904    window.themeHelper.productModalComponents['photo-swiper'] = {
2905      template: '#photo-swiper',
2906      delimiters: ['${', '}'],
2907      props: {
2908        mediaItems: Array,
2909        currentImageIndex: Number,
2910        currentVariant: Object,
2911        videoAfterImage: Boolean,
2912      },
2913      data: function () {
2914        return {
2915          swiper: {},
2916          swiperOption: {
2917            preventInteractionOnTransition: true,
2918            rewind: true,
2919            spaceBetween: 5,
2920            slidesPerView: 1,
2921            navigation: {
2922              nextEl: '.photo-next',
2923              prevEl: '.photo-prev'
2924            }
2925          },
2926          showBtn: true,
2927          isVariantReposition: false,
2928        }
2929      },
2930      mounted: function() {
2931        this.swiper = new Swiper('#photo_swiper', this.swiperOption);
2932        this.swiper.on('slideChange', this.slideOnChange);
2933      },
2934      watch: {
2935        currentImageIndex: function() {
2936          this.slideToIndex();
2937        },
2938        currentVariant: {
2939          immediate: true,
2940          handler: function() {
2941            this.showBtn = this.mediaItems.length > 1;
2942            this.isVariantReposition = true;
2943            this.$nextTick(() => {
2944              if (this.swiper) {
2945                this.swiper.update();
2946                this.swiper.slideToLoop(this.initialItemIndex)
2947                this.slideOnChange();
2948                this.isVariantReposition = false;
2949              }
2950            });
2951          },
2952        },
2953      },
2954      computed: {
2955        hasImage: function() {
2956          return this.mediaItems.length > 0;
2957        },
2958        hasVideo: function() {
2959          return this.mediaItems.findIndex(item => !!item.url) !== -1;
2960        },
2961        variantPhotos: function() {
2962          if (this.currentVariant?.photos?.length) {
2963            return this.currentVariant.photos;
2964          } else  {
2965            return null;
2966          }
2967        },
2968        initialItemIndex: function() {
2969          if (this.hasVideo && !this.videoAfterImage) {
2970            // Focus on photo if "variant with photos" selected, video otherwise
2971            return this.variantPhotos?.length ? 1 : 0;
2972          } else {
2973            // Focus on first photo
2974            return 0;
2975          }
2976        },
2977      },
2978      methods: {
2979        slideOnChange: function() {
2980          themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex, this.isVariantReposition);
2981        },
2982        slideToIndex: function() {
2983          if(this.swiper.realIndex != this.currentImageIndex) {
2984            this.swiper.slideToLoop(this.currentImageIndex);
2985            this.swiper.update();
2986          }
2987        },
2988      }
2989    };
2990  });
2991</script>
2991
2992
2993
2994<!-- cyb_snippet components/product_modal/video_player start -->
2995<script id="video-player" type="text/x-template">
2996  <div class="videoPlayer__wrapper" @click="handleVideoClick">
2997    <video 
2998      id='modal-video'
2999      class="videoPlayer__video qk-cursor--pointer qk-center" 
3000      :poster="videoPoster"
3001      loop defaultMuted muted playsinline webkit-playsinline autoplay
3002    >
3003      <source :src="videoUrl" type="video/mp4">
3004      <p>你的瀏覽器不支援 HTML 5 video</p>
3005    </video>
3006    <button id="modal-video-button" class="videoPlayer__pauseButton"></button>
3007  </div>
3008</script>
3008
3009
3010<script>
3011  $(document).ready(function () {
3012    window.themeHelper.productModalComponents['video-player'] = {
3013      template: '#video-player',
3014      delimiters: ['${', '}'],
3015      props: {
3016        video: Object,
3017        videoPoster: String,
3018      },
3019      data: function() {
3020        return {
3021          videoElement: null,
3022          buttonElement: null,
3023        };
3024      },
3025      mounted: function() {
3026        this.videoElement = $('#modal-video')[0];
3027        this.buttonElement = $('#modal-video-button');
3028        this.setVideoVolumeZero();
3029        this.videoElement.addEventListener('canplay', (event) => {
3030          this.sendGtag('play');
3031        }, { once: true });
3032      },
3033      computed: {
3034        videoUrl: function() {
3035          return this.video.url;
3036        }
3037      },
3038      methods: {
3039        sendGtag: function(action) {
3040          window.productVideoView && productVideoView(action);
3041        },
3042        setVideoVolumeZero: function() {
3043          this.videoElement.volume = 0;
3044        },
3045        handleVideoClick: function() {
3046          if (this.videoElement.paused){
3047            this.videoElement.play();
3048            this.sendGtag('play');
3049          } else {
3050            this.videoElement.pause();
3051            this.sendGtag('paused');
3052          }
3053          this.handleVideoButtonDisplay(this.buttonElement, this.videoElement);
3054        },
3055        handleVideoButtonDisplay: function(button, video) {
3056          button.toggleClass('videoPlayer__playButton', video.paused);
3057          button.toggleClass('videoPlayer__pauseButton', !video.paused);
3058        },
3059      }
3060    };
3061  });
3062</script>
3062
3063
3064<!-- cyb_snippet components/product_modal/video_player end -->
3065
3066<!-- cyb_snippet components/product_modal/photo_swiper end -->
3067<!-- cyb_snippet components/product_modal/swiper_thumbnails start -->
3068<script id="swiper-thumbnails" type="text/x-template">
3069  <div
3070    v-for="(thumbnail, index) in allThumbnails"
3071    :key="index"
3072    class="product-thumbnail img-flex qk-of--hidden qk-display--il_bk qk-cursor--pointer qk-bd--default qk-bd--transparent default_scale"
3073    :class="{ focus: index === currentImageIndex }"
3074    @mouseover="updateCurrentImageIndex(index)"
3075  >
3076    <template v-if="thumbnail.isVideo">
3077      <video class="qk-w--100 qk-h--100" :src="thumbnail.url" defaultMuted playsinline></video>
3078      <button class="videoPlayer__playButton"></button>
3079    </template>
3080    <img v-else :src="thumbnail.url" :alt="title" class="qk-w--100 qk-h--100">
3081  </div>
3082</script>
3082
3083
3084<script type="text/javascript">
3085  $(document).ready(function () {
3086    window.themeHelper.productModalComponents['swiper-thumbnails'] = {
3087      template: '#swiper-thumbnails',
3088      delimiters: ['${', '}'],
3089      props: {
3090        title: String,
3091        mediaItems: Array,
3092        currentImageIndex: Number,
3093      },
3094      emits: ['updateCurrentImageIndex'],
3095      methods: {
3096        updateCurrentImageIndex: function(thumbnailIndex) {
3097          if (thumbnailIndex !== this.currentImageIndex ) {
3098            this.$emit('updateCurrentImageIndex', thumbnailIndex);
3099          }
3100        },
3101      },
3102      mounted() {
3103        // can be removed after replacing video thumbnail with img
3104        const thumbnailVideo = $('.product-thumbnail video')[0];
3105        if (!!thumbnailVideo) {
3106          thumbnailVideo.volume = 0;
3107          const promise = thumbnailVideo.play();
3108          promise.then(() => {
3109            thumbnailVideo.pause();
3110          })
3111        }
3112      },
3113      computed: {
3114        allThumbnails: function() {
3115          return this.mediaItems.map(item => ({
3116            isVideo: !!item.url,
3117            url: item.url || item.medium
3118          }));
3119        },
3120      },
3121      watch: {
3122        allThumbnails: {
3123          handler(){
3124            this.updateCurrentImageIndex(this.currentImageIndex);
3125          }
3126        }
3127      }
3128    };
3129  });
3130</script>
3130
3131
3132<!-- cyb_snippet components/product_modal/swiper_thumbnails end -->
3133
3134
3135<!-- cyb_snippet _product_modal_js start -->
3136<script type="text/javascript">
3137  $(document).ready(function() {
3138    var categoryLevels = [];
3139    var productCategoryLevels = ["草本積熱清降火氣專區,首頁商品"];
3140    var pageMainProductId = 57141210;
3141    window.themeHelper.productModalComponents['product-modal'] = {
3142      template: '#product-modal',
3143      delimiters: [
3144        '${', '}'
3145      ],
3146      props: {
3147        onlyDescription: Boolean,
3148        cartItems: Array,
3149        groupId: Number,
3150        productUrl: String,
3151        color: String, // unused
3152        collectionId: Number,
3153        categories: Array,
3154        // 判斷是否有色票展開
3155        isCollection: {
3156          type: Boolean,
3157          required: false,
3158          default: false,
3159        },
3160        // 判斷加入購物車的方法
3161        isNnCollection: Boolean,
3162        isNewNnCollection: Boolean,
3163        isBundleDiscount: Boolean,
3164
3165        // 判斷是否顯示商品描述
3166        isShowDescription: {
3167          type: Boolean,
3168          default: true
3169        },
3170
3171        // 判斷是否為立即購買
3172        isQuickBuy: {
3173          type: Boolean,
3174          default: false
3175        },
3176        selectedVariantId: Number,
3177        callBack: Function
3178      },
3179      data: function() {
3180        return {
3181          styledShopMenu: "buttonType",
3182          selectOption: '',
3183          selectCurrentStr:'',
3184          isModalSelectShow: false,
3185          modalOption: {},
3186          adding: false,
3187          currentImageIndex: 0,
3188          _navState: { variantId: null, photoIndex: 0 },
3189          currentOption: {
3190            option1: null,
3191            option2: null,
3192            option3: null
3193          },
3194          currentVariant: null,
3195          variantNotifications: null,
3196          currentVariantIndex: null,
3197          product: {},
3198          isChoose: false,
3199          isLoading: true,
3200          isEmptyClickable: liquidHelper.isEmptyClickable,
3201          quantity: 1,
3202          maxUsableBonus: 0,
3203          isDiscountPrice: false,
3204          displayProductDiscountsList: true,
3205          displayPeriodicSalesPages:false,
3206          discountsList: null,
3207          hasVideoPlugin: false,
3208          videoDisplayLocation: "before",
3209          hasStockNotificationPlugin: true,
3210          isDisplayPriceRange: null,
3211          hasVariantPriceRangePlugin: true,
3212          hasHideSingleVariantOptionsPlugin: false,
3213        }
3214      },
3215      mounted: function() {
3216        this.getProductDetail();
3217        $('.custom-scrollbar').addCustomScrollbar();
3218        themeHelper.EventBus.$on('photoOnChange', this.photoOnChange);
3219      },
3220      beforeUnmount: function() {
3221        themeHelper.EventBus.$off('photoOnChange', this.photoOnChange);
3222      },
3223      computed: {
3224        photoUrls: function() {
3225          return this.product.photoUrls.length > 0
3226            ? this.product.photoUrls
3227            : [this.featuredImage];
3228        },
3229        photoUrlsMap: function() {
3230          var map = {};
3231          var urls = this.product.photoUrls;
3232          this.product.photos.forEach(function(photo, index) {
3233            map[photo.photo.id] = urls[index];
3234          });
3235
3236          return map;
3237        },
3238        featuredImage: function() {
3239          return this.product.featuredImage;
3240        },
3241        swiperPhotos: function() {
3242          if (!this.photoUrls.length) {
3243            return [this.featuredImage];
3244          }
3245
3246          if (this.currentVariant && this.currentVariant.photos.length) {
3247            var map = this.photoUrlsMap;
3248            return this.currentVariant.photos.map(function(p) {
3249              return map[p.id];
3250            });
3251          }
3252
3253          return this.photoUrls;
3254        },
3255        productVideo: function() {
3256          return this.product.video;
3257        },
3258        videoAfterImage: function() {
3259          return this.videoDisplayLocation === 'after';
3260        },
3261        swiperItems: function() {
3262          const media = [...this.swiperPhotos];
3263          if (
3264            this.hasVideoPlugin && this.productVideo.url
3265          ) {
3266            this.videoAfterImage
3267              ? media.push(this.productVideo)
3268              : media.unshift(this.productVideo);
3269          }
3270          return media;
3271        },
3272        firstImageIndex: function() {
3273          return this.hasVideoPlugin && this.productVideo.url && !this.videoAfterImage
3274            ? 1
3275            : 0
3276        },
3277        otherDescriptions: function() {
3278          var descriptions = {};
3279          this.product.otherDescriptions.forEach(function(od) {
3280            descriptions[od.settingName] = od.bodyHtml;
3281          })
3282          return descriptions
3283        },
3284        variantOptions: function() {
3285          return themeHelper.variantOptions(this.product);
3286        },
3287        firstValidVariant: function() {
3288          var self = this;
3289          var result = this.product.variants.find(function(variant) {
3290            // 增加 product modal 聯絡店家 property
3291            variant.imgUrl = "";
3292            variant.productTitle = "";
3293
3294            return variant.available;
3295          });
3296
3297          return result
3298            ? result
3299            : null;
3300        },
3301        selectedValidVariant: function() {
3302          var self = this;
3303          var result = this.variantOptions.find(function(variant) {
3304            return variant.id === self.selectedVariantId;
3305          });
3306
3307          return result
3308            ? result
3309            : null;
3310        },
3311        totalInventoryQuantity: function(product) {
3312          return themeHelper.totalInventoryQuantity(this.product)
3313        },
3314        addCartText: function() {
3315          var variants = parseInt("1");
3316          let isRegisteredNotification = this.currentVariant && this.variantNotifications && this.variantNotifications[this.currentVariant.id]
3317          if (this.isNnCollection || this.isBundleDiscount) {
3318            if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
3319              if (this.currentVariant.inventoryPolicy === 'continue') {
3320                if (this.isNnCollection) {
3321                  return this.isChoose && !this.isNewNnCollection
3322                    ? '已預購'
3323                    : '預購商品';
3324                }
3325              } else {
3326                return '已售完';
3327              }
3328            }
3329            if (this.totalInventoryQuantity === 0) {
3330              return '已售完';
3331            }
3332            return this.isChoose && !this.isNewNnCollection
3333              ? '已選購'
3334              : '選購';
3335          } else {
3336            if (this.isQuickBuy) {
3337              if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
3338                if (this.currentVariant.inventoryPolicy === 'continue'){
3339                  return '立即預購'
3340                }
3341                return this.hasStockNotificationPlugin
3342                  ? (isRegisteredNotification
3343                    ? '已登記補貨通知'
3344                    : '已售完,貨到通知我')
3345                  : '聯絡店家'
3346              }
3347              return '立即購買';
3348            } else {
3349              if (this.currentVariant) {
3350                if (!themeHelper.variantIsAvailable(this.currentVariant)) {
3351                  if (this.currentVariant.inventoryPolicy === 'continue'){
3352                    return '預購商品'
3353                  }
3354                  return this.hasStockNotificationPlugin
3355                    ? (isRegisteredNotification
3356                      ? '已登記補貨通知'
3357                      : '已售完,貨到通知我')
3358                    : '聯絡店家'
3359                }
3360              } else {
3361                if (this.totalInventoryQuantity === 0) {
3362                  return '已售完';
3363                }
3364              }
3365              return '加入購物車';
3366            }
3367          }
3368        },
3369        cartItem: function() {
3370          if (!this.currentVariant) {
3371            return null
3372          }
3373          return {
3374            id: this.currentVariant.id,
3375            groupId: this.groupId,
3376            productId: this.product.id,
3377            title: this.product.title,
3378            photo: this.currentVariant.imgUrl || this.featuredImage.large,
3379            quantity: this.quantity,
3380            price: this.currentVariant.price,
3381            variant: this.currentVariant,
3382            product: this.product
3383          }
3384        },
3385        options: function() {
3386          return this.product.options;
3387        },
3388        optionTypes: function() {
3389
3390          // 先根據設定的variants來排序
3391          var self = this;
3392
3393          var option1 = [];
3394          var option2 = [];
3395          var option3 = [];
3396          this.product.variants.forEach(function(item) {
3397            if (item.option1 !== null) {
3398              option1.push(item.option1);
3399            }
3400            if (item.option2 !== null) {
3401              option2.push(item.option2);
3402            }
3403            if (item.option3 !== null) {
3404              option3.push(item.option3);
3405            }
3406          })
3407          var filteredOptionTypes = [];
3408          this.product.optionTypes.forEach(function(item, index) {
3409            filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (
3410              index + 1
3411            ))).join(','));
3412          });
3413          return filteredOptionTypes;
3414        },
3415        optionInfo: function() {
3416          var self = this;
3417
3418          return self.options.map(function(option, index) {
3419            return {
3420              name: option,
3421              types: self.getOptions('option' + (
3422                index + 1
3423              ), self.optionTypes[index].split(','))
3424            }
3425          });
3426        },
3427        hasVariant: function() {
3428          return this.product.options.length > 0;
3429        },
3430        shouldHideSingleVariantOptions: function() {
3431          return this.hasHideSingleVariantOptionsPlugin &&
3432                 this.product.variants &&
3433                 this.product.variants.length <= 1;
3434        },
3435        variantSize: function() {
3436          if(this.product.options){
3437          return this.product.options.length;
3438          }
3439        },
3440        firstVariant: function() {
3441          return this.product.variants[0];
3442        },
3443        firstCheapestVariant: function() {
3444          return this.product.variants.find((v)=> (v.price === this.priceStats.minPrice));
3445        },
3446        priceStats: function() {
3447          return this.product.variants.reduce(function(acc, variant) {
3448            return {
3449              minPrice: variant.price < acc.minPrice ? variant.price : acc.minPrice,
3450              maxPrice: variant.price > acc.maxPrice ? variant.price : acc.maxPrice,
3451            };
3452          }, {
3453            minPrice: this.firstVariant.price,
3454            maxPrice: this.firstVariant.price,
3455          });
3456        },
3457        hidePrice: function() {
3458          return this.product && this.product.hidePrice === true;
3459        },
3460        salesModePurchasable: function() {
3461          return !(this.product && this.product.salesModePurchasable === false);
3462        },
3463         // - 任選折扣/紅配綠:「選擇」只是加進試算清單,不會直接下單,故只擋藏價商品
3464        // - 其他情境(商品頁、群組頁、多層級分類、搜尋、首頁商品區塊):不可購買(含藏價)就整組收掉
3465        showPurchaseControls: function() {
3466          if (this.isNnCollection || this.isBundleDiscount) {
3467            return !this.hidePrice;
3468          }
3469          return this.salesModePurchasable;
3470        },
3471        variantPrice: function() {
3472          if (this.hidePrice) {
3473            return '';
3474          }
3475          var from = liquidHelper.defaultCurrency;
3476          if (this.currentVariant) {
3477            return moneySymbol(this.currentVariant.price, from);
3478          }
3479          if (this.product.variants.length === 1) {
3480            return moneySymbol(this.firstVariant.price, from);
3481          }
3482
3483          var minPrice = this.priceStats.minPrice;
3484          var maxPrice = this.priceStats.maxPrice;
3485
3486          if (minPrice !== maxPrice && (!this.hasVariantPriceRangePlugin || this.isDisplayPriceRange)) {
3487            this.isDiscountPrice = false;
3488            return moneySymbol(minPrice, from) + '~' + moneySymbol(maxPrice, from);
3489          } else {
3490            return moneySymbol(minPrice, from);
3491          }
3492        },
3493        marketPrice: function() {
3494          if (this.hidePrice) {
3495            this.isDiscountPrice = false;
3496            return;
3497          }
3498          var from = liquidHelper.defaultCurrency;
3499          if (this.currentVariant) {
3500            this.isDiscountPrice = false;
3501            if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) {
3502              this.isDiscountPrice = true;
3503              return moneySymbol(this.currentVariant.compareAtPrice, from);
3504            }
3505          } else {
3506            if (!_.includes(this.variantPrice, '~')) {
3507              const price =  Number(this.variantPrice.replace(/[^0-9.
3507-]/g, ""))
3508              // 未選擇款式也不顯示區間時,顯示第一個最便宜的款式的定價
3509              if (this.firstCheapestVariant.compareAtPrice && this.firstCheapestVariant.compareAtPrice > price){
3510                this.isDiscountPrice = true;
3511                return moneySymbol(this.firstCheapestVariant.compareAtPrice, from);
3512              }
3513              // 未選擇款式時要改回一般價格顏色
3514              this.isDiscountPrice = false;
3515            }
3516          }
3517        },
3518        isShowDropdownList: function() {
3519          if (this.product.options.length > 0) {
3520            return true;
3521          }
3522          return this.product.variants.length > 1
3523        },
3524        priceTitleTag: function() {
3525          return this.marketPrice
3526            ? getDiscountPriceName()
3527            : getDiscountPriceSuggestionName();
3528        },
3529        isHideAddCartBtn: function() {
3530          if (this.addCartText === '已售完') {
3531            return true;
3532          }
3533          return false;
3534        },
3535        isSecondaryBtn: function() {
3536          if (this.addCartText === '聯絡店家') {
3537            return true;
3538          }
3539          return false;
3540        },
3541        variantsMaxUsableBonus: function() {
3542          var variants = this.product.variants;
3543          var maxUsableBonusArray = variants.map(function(item) {
3544            return item.maxUsableBonus
3545          });
3546          return Math.max.apply(null, maxUsableBonusArray);
3547        },
3548        bonusToPrice: function() {
3549          const bonus = this.currentVariant
3550            ? this.currentVariant.maxUsableBonus
3551            : this.maxUsableBonus;
3552          const price = Math.floor(bonus / window.liquidHelper.conversionBonus);
3553          const priceWithMoney = window.themeHelper.productDisplayCurrencyBlock(price);
3554          return "(約等於 value )".replace('value', priceWithMoney);
3555        },
3556        isMobileSize: function() {
3557          return window.innerWidth <= 580
3558        },
3559        limitBuyText: function () {
3560          const minCount = this.product.minBuy;
3561          const maxCount = this.product.limitBuy;
3562          if (minCount > 0 && maxCount > 0) {
3563            return '此商品每筆訂單最少需購買 minCount 件,最多可購買 maxCount 件'.replace('minCount', minCount).replace('maxCount', maxCount);
3564          }
3565          if (minCount > 0) {
3566            return '此商品每筆訂單最少需購買 minCount 件'.replace('minCount', minCount);
3567          }
3568          if (maxCount > 0) {
3569            return '此商品每筆訂單最多可購買 maxCount 件'.replace('maxCount', maxCount);
3570          }
3571          return '';
3572        }
3573      },
3574      methods: {
3575        onClickSelectModal: function(objData, selectOptionStr) {
3576          this.isModalSelectShow = true;
3577          this.modalOption = objData;
3578          this.selectOption = selectOptionStr
3579          this.selectCurrentStr = this.currentOption && (String(this.currentOption[selectOptionStr]) || null)
3580        },
3581        onChangeModalSelect: function(flag, isSelect) {
3582          if(!isSelect){
3583            this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types)
3584          }
3585          this.isModalSelectShow = flag;
3586        },
3587        setOption: function(optionKey, type, dataArr) {
3588          let flag = true
3589          dataArr.forEach(item => {
3590            if (item.name === type) {
3591              flag = item.isValid
3592            }
3593          })
3594          if (flag) {
3595            this.toggleCurrentOption(optionKey, type)
3596          }
3597        },
3598        addToWishListEvent: function() {
3599          try {
3600            if (appMarketAddToWishListEvent) {
3601              var product = this.product;
3602              var currentVariant = this.currentVariant
3603              var element = $(`.btn[data-id=${product.id}]`);
3604              var index;
3605              var listName;
3606              if (element) {
3607                index = element.data('position')
3608                listName = element.data('list')
3609              }
3610              // sku_properties:選中款式的 option pairs(當前語系),類型名 zip 值
3611              var optionValues = [currentVariant.option1, currentVariant.option2, currentVariant.option3];
3612              var properties = [];
3613              (product.options || []).forEach(function(optionName, i) {
3614                if (optionName && optionValues[i]) {
3615                  properties.push({ name: optionName, value: optionValues[i] });
3616                }
3617              });
3618              var dataSet = {
3619                name: product.title,
3620                category: product.productType,
3621                categories: (this.categories && this.categories.length) ? this.categories : (categoryLevels.length ? categoryLevels : (product.id === pageMainProductId ? productCategoryLevels : undefined)),
3622                sku: currentVariant.sku,
3623                price: currentVariant.price,
3624                compare_at_price: currentVariant.compareAtPrice,
3625                properties: properties,
3626                quantity: currentVariant.inventoryQuantity,
3627                variant: currentVariant.title,
3628                listName: listName || null,
3629                productId: product.id,
3630                variantId: currentVariant.id,
3631                index: Number(index) || 0,
3632              }
3633              appMarketAddToWishListEvent(dataSet)
3634            }
3635          } catch (e) {
3636            console.error(e)
3637          }
3638        },
3639        addWishList: function() {
3640          if (this.currentVariant === null) {
3641            window.msg('請選擇商品款式', 'warning').show();
3642            return;
3643          }
3644          var productVariantId = this.currentVariant.id;
3645          var addToWishListEvent = this.addToWishListEvent
3646          $.ajax({
3647            method: 'POST',
3648            url: '/tracking_items',
3649            dataType: 'json',
3650            data: {
3651              product_variant_id: productVariantId
3652            },
3653            success: function(response) {
3654              if (response.message) {
3655                window.msg(response.message, 'success').show();
3656                addToWishListEvent()
3657              }
3658
3659              if (response.error) {
3660                window.msg(response.error, 'error').show();
3661
3662              }
3663              if (response.info) {
3664                window.msg(response.info, 'info').show();
3665              }
3666              if (response.success === false) {
3667                if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
3668                  window.location = "/" + window.liquidHelper.language.handle + "/account/login";
3669                } else {
3670                  window.location = "/account/login";
3671                }
3672              }
3673            }
3674          });
3675        },
3676        setChoose: function(currentVariant) {
3677          this.maxUsableBonus = 0;
3678          var quantity = 1;
3679          var cartItem = null;
3680          if (!this.isNnCollection && this.cartItems) {
3681            cartItem = this.normalGetChoosenItem(currentVariant);
3682          }
3683          if (this.isNnCollection) {
3684            cartItem = this.nnCollectionGetChoosenItem(currentVariant);
3685          }
3686          this.isChoose = !! cartItem;
3687          if (this.isNewNnCollection) {
3688            return
3689          }
3690          this.quantity = cartItem
3691            ? cartItem.quantity
3692            : this.quantity;
3693
3694          // product modal 聯絡店家情境
3695          if (currentVariant) {
3696            var photoIndex = 0;
3697            if (! currentVariant.imgUrl) {
3698              currentVariant.imgUrl = this.swiperPhotos.length > 0
3699                ? (this.swiperPhotos[photoIndex] && this.swiperPhotos[photoIndex].large)
3700                : this.featuredImage.large;
3701            }
3702            currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title;
3703          }
3704        },
3705        normalGetChoosenItem: function(currentVariant) {
3706          return this.cartItems.find(function(cartItem) {
3707            return currentVariant && cartItem.id === currentVariant.id;
3708          });
3709        },
3710        nnCollectionGetChoosenItem: function(currentVariant) {
3711          var isSelected = null;
3712          if (! currentVariant) {
3713            return isSelected;
3714          }
3715          if (this.isNewNnCollection) {
3716            var cart = store.get(`SpecialCollectionCart_${this.collectionId}`);
3717            isSelected = cart && cart.find((item) => item.variant_id == currentVariant.id) || null;
3718          } else {
3719            store.each(function(value, key) {
3720              var productId = _.includes(key, 'Pro' + currentVariant.productId);
3721              var variantID = _.includes(key, 'Var' + currentVariant.id);
3722              if (productId && variantID) {
3723                isSelected = store.get(key);
3724              }
3725            });
3726          }
3727
3728          return isSelected;
3729        },
3730        // get product detail
3731        getProductDetail: function() {
3732          var self = this;
3733
3734          $.ajax({
3735            url: self.productUrl + '.json',
3736            type: 'GET',
3737            timeout: 30000,
3738            beforeSend: function() {
3739              self.isLoading = true;
3740            },
3741            error: function(xhr) {
3742              self.closeModal();
3743              if (xhr.status === 429) {
3744                window.showAddCartRateLimitModal(5);
3745                return;
3746              }
3747              window.msg('網路連線異常,請重新整理', 'error').show();
3748            }
3749          }).done(function(data) {
3750            if (data.id) {
3751              var productData = [themeHelper.toCamelCase(data)];
3752              self.product = themeHelper.priceWithDiscount(productData, liquidHelper.hasPriceWithDiscountPlugin)[0];
3753              self.maxUsableBonus = self.variantsMaxUsableBonus;
3754              if (self.product.variants.length === 1 || liquidHelper.isFirstVariantSelected || self.selectedVariantId) {
3755                self.currentVariant = self.firstValidVariant;
3756                // 如果已經自選商品,則商品頁下滑加入購物車顯示自選商品
3757                if (self.selectedVariantId) {
3758                  self.currentVariant = self.selectedValidVariant;
3759                }
3760                if (self.currentVariant) {
3761                  self.setChoose(self.currentVariant);
3762                  self.setDefaultOption();
3763                }
3764              }
3765              if (self.displayProductDiscountsList) {
3766                self.setUpDiscountsTag(data);
3767              }
3768              self.isLoading = false;
3769              if (self.product && self.product.variants) {
3770                self.product.variants.forEach(function(discountedVariant) {
3771                  var rawVariant = data.variants.find(function(v) { return v.id === discountedVariant.id; });
3772                  if (rawVariant) { rawVariant.price = discountedVariant.price; }
3773                });
3774              }
3775              viewItem && viewItem(data, { collectionId: '', collectionName: null, categories: (self.categories && self.categories.length) ? self.categories : (categoryLevels.length ? categoryLevels : (data.id === pageMainProductId ? productCategoryLevels : undefined)) });
3776
3777              (function() {
3778                // Read login status from cacheable, skip GET /pv_notification if not login.
3779                if (window.store && window.store.get('customer')) {
3780                  var cacheableCustomer = window.store.get('customer');
3781                  if (cacheableCustomer.notLogin) {
3782                    return;
3783                  }
3784                }
3785                $.ajax({
3786                  url: '/pv_notification',
3787                  method: 'GET',
3788                  dataType: 'json',
3789                  data: {
3790                    product_id: parseInt(data.id)
3791                  },
3792                  success: function(response) {
3793                    self.variantNotifications = response.variants;
3794                  }
3795                })
3796              })();
3797            } else {
3798              window.msg('網路連線異常,請重新整理', 'error').show();
3799              self.closeModal()
3800            }
3801          })
3802        },
3803        // product image btn
3804        photoOnChange: function(photoIndex, isVariantReposition) {
3805          var visiblePhotos = (this.currentVariant && this.currentVariant.photos.length)
3806            ? this.currentVariant.photos
3807            : this.product.photos.map(function(p) { return p.photo; });
3808          var result = themeHelper.buildNavigateItemImagePayload(this._navState, {
3809            product: this.product,
3810            currentVariant: this.currentVariant,
3811            visiblePhotos: visiblePhotos,
3812            slideIndex: photoIndex,
3813            videoOffset: this.firstImageIndex,
3814          });
3815          this._navState = result.nextState;
3816          if (result.payload && !isVariantReposition) {
3817            window.navigateItemImage(result.payload);
3818          }
3819          this.currentImageIndex = photoIndex;
3820        },
3821        toggleCurrentOption: function(key, value) {
3822          this.currentOption[key] =
3823            (this.currentOption[key] === value || value === 'null') ? null : value;
3824          var variantIndex = this.getVariantIndex();
3825          if (variantIndex !== -1) {
3826            this.currentVariant = this.product.variants[variantIndex];
3827          } else {
3828            this.currentVariant = null;
3829          }
3830          this.setChoose(this.product.variants[variantIndex]);
3831          if (this.currentOption[key] !== null) {
3832            var optionIndex = parseInt(key.replace('option', '')) - 1;
3833            appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant);
3834          }
3835        },
3836        toggleNotification: function() {
3837          var self = this;
3838          var variantId = this.currentVariant.id;
3839
3840          $.ajax({
3841            url: '/toggle_pv_notification',
3842            method: 'POST',
3843            dataType: 'json',
3844            data: {
3845              product_variant_id: variantId
3846            },
3847            success: function(response) {
3848              self.variantNotifications[variantId] = response.notice;
3849              window.msg(response.message, "success").show();
3850            },
3851            error: function(xhr) {
3852              var response = xhr.responseJSON;
3853              var msg = response && response.error || "網路連線異常,請重新整理";
3854              window.msg(msg, "error").show();
3855            }
3856          })
3857        },
3858        getOptionImageIndex: function(index) {
3859          this.currentImageIndex = index;
3860        },
3861        quantityDecrease: function() {
3862          if (this.cartItem) {
3863            themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false);
3864            this.quantity = this.cartItem.quantity
3865          } else {
3866            window.msg("請選擇商品款式", 'warning').show();
3867          }
3868        },
3869        quantityIncrease: function() {
3870          if (this.cartItem) {
3871            themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false);
3872            this.quantity = this.cartItem.quantity
3873          } else {
3874            window.msg("請選擇商品款式", 'warning').show();
3875          }
3876        },
3877        quantityChange: function(el) {
3878          if (this.cartItem) {
3879            themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false);
3880            this.quantity = this.cartItem.quantity;
3881            el.target.value = this.cartItem.quantity;
3882          } else {
3883            window.msg("請選擇商品款式", 'warning').show();
3884          }
3885        },
3886        addProduct: function() {
3887          if (this.addCartText === '聯絡店家') {
3888            $('#messagebuy-Modal').data('variant', this.currentVariant);
3889            $('#messagebuy-Modal').modal('show');
3890            $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)");
3891          } else if (
3892            this.addCartText === '已登記補貨通知' ||
3893            this.addCartText === '已售完,貨到通知我'
3894          ) {
3895              this.toggleNotification();
3896          } else {
3897            if (this.cartItem) {
3898              try {
3899                if (this.isChoose) {
3900                  themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem, this.callBack)
3901                } else {
3902                  themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem, this.callBack)
3903                }
3904
3905                this.adding = true;
3906                this.closeModal();
3907              } catch (e) {
3908                window.msg("商品款式異常", 'error').show();
3909              }
3910            } else {
3911              window.msg("請選擇商品款式", 'warning').show();
3912            }
3913          }
3914        },
3915        closeModal: function() {
3916          themeHelper.EventBus.$emit('closeProductModal');
3917        },
3918        setDefaultOption: function() {
3919          var self = this;
3920          Object.keys(self.currentOption).map(function(optionKey) {
3921            self.currentOption[optionKey] = self.currentVariant[optionKey];
3922          });
3923        },
3924        getVariantIndex: function() {
3925          var self = this;
3926          return self.product.variants.findIndex(function(variant, index) {
3927            var isVariant = true;
3928            Object.keys(self.currentOption).forEach(function(option) {
3929              if (variant[option] !== self.currentOption[option]) {
3930                isVariant = false;
3931              }
3932            });
3933            return isVariant;
3934          });
3935        },
3936
3937        // 篩選重複品項
3938        getUniqueVariant: function(variants) {
3939          return variants.filter(function(value, index, self) {
3940            return self.indexOf(value) === index;
3941          });
3942        },
3943        groupBy(xs, key) {
3944          return xs.reduce(function(rv, x) {
3945            (rv[x[key]] = rv[x[key]] || []).push(x);
3946            return rv;
3947          }, {});
3948        },
3949        setUpDiscountsTag(data) {
3950          var self = this;
3951          var languagePrefix = '/' + ((window.shopScriptHelper && window.shopScriptHelper.i18nLocale) || 'zh-TW');
3952          $.ajax({
3953            url: languagePrefix + self.productUrl + '/discounts_list',
3954            method: 'GET',
3955            success: function(result) {
3956              if (result.length > 0) {
3957                var discounts_list = self.groupBy(result, 'campaign_type');
3958                self.discountsList = discounts_list;
3959              } else {
3960                self.discountsList = null;
3961              }
3962            }
3963          });
3964        },
3965        getOptions: function(optionKey, optionTypes) {
3966          var self = this;
3967          return optionTypes.map(function(optionType, index) {
3968            var isValid = true;
3969
3970            // 選出包含目前type的variant
3971            var matchVariants = self.product.variants.filter(function(variant) {
3972              return variant[optionKey] === optionType;
3973            });
3974
3975            // 篩選已勾選type
3976            Object.keys(self.currentOption).forEach(function(currentOptionKey) {
3977              if (currentOptionKey !== optionKey) {
3978                matchVariants = matchVariants.filter(function(variant) {
3979                  if (self.currentOption[currentOptionKey]) {
3980                    return variant[currentOptionKey] === self.currentOption[currentOptionKey]
3981                  } else {
3982                    return true;
3983                  }
3984                });
3985              }
3986            });
3987            if (matchVariants.length === 0) {
3988              isValid = false;
3989            }
3990            if (! self.isEmptyClickable) {
3991              isValid = false;
3992              matchVariants.find(function(item) {
3993                if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') {
3994                  isValid = true;
3995                }
3996              });
3997            }
3998            return {name: optionType, isValid: isValid}
3999          });
4000        }
4001      }
4002    };
4003  });
4004</script>
4004
4005
4006<!-- cyb_snippet _product_modal_js end -->
4007
4008<!-- cyb_snippet components/product_modal/product_modal end -->
4009
4010<!-- cyb_snippet messagebuy_modal start -->
4011
4012
4013<!-- cyb_snippet messagebuy_modal end -->
4014<!-- cyb_snippet components/rate_limit_modal start -->
4015<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/rate_limit_modal-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
4016
4017<div class="modal fade" id="rate-limit-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
4018  <div class="modal-dialog modal-dialog-centered" role="document">
4019    <div class="modal-content">
4020      <div class="modal-body">
4021        <div class="qk-text--default_dark rate-limit-text">
4022          <p id="rate-limit-title">目前搶購人潮眾多,請耐心等候</p>
4023          <p class="qk-fs--body qk-fw--500 rate-limit-message">
4024            <span class="qk-text--error" id="rate-limit-countdown"></span>
4025            <span id="rate-limit-desc"></span>
4026          </p>
4027          <p class="qk-fs--body qk-fw--500 rate-limit-message" id="rate-limit-warn">若離開此頁面,可能會延長等待時間。</p>
4028        </div>
4029        <button id="rate-limit-btn" class="btn qk-btn qk-btn--primary" disabled>重新進入商品頁</button>
4030      </div>
4031    </div>
4032  </div>
4033</div>
4034
4035<script>
4036  window.showRateLimitModal = function(countdownSec) {
4037    var countdown = countdownSec || 5;
4038    var $modal = $('#rate-limit-modal');
4039    var $btn = $modal.find('#rate-limit-btn');
4040    var $countdownEl = $modal.find('#rate-limit-countdown');
4041
4042    $btn.show();
4043    $modal.find('#rate-limit-desc').text(language["product_rate_limit_desc"]);
4044    $countdownEl.text(countdown);
4045    $btn.prop('disabled', true);
4046    $modal.modal('show');
4047
4048    var timer = setInterval(function() {
4049      countdown--;
4050      $countdownEl.text(countdown);
4051      if (countdown <= 0) {
4052        clearInterval(timer);
4053        $btn.prop('disabled', false);
4054      }
4055    }, 1000);
4056
4057    $btn.off('click').on('click', function() {
4058      location.reload();
4059    });
4060  }
4061
4062  window.showAddCartRateLimitModal = function(countdownSec) {
4063    var countdown = countdownSec || 5;
4064    var $modal = $('#rate-limit-modal');
4065    var $countdownEl = $modal.find('#rate-limit-countdown');
4066
4067    $modal.find('#rate-limit-btn').hide();
4068    $modal.find('#rate-limit-desc').text(language["addcart_rate_limit_desc"]);
4069    $countdownEl.text(countdown);
4070    $modal.modal('show');
4071
4072    var timer = setInterval(function() {
4073      countdown--;
4074      $countdownEl.text(countdown);
4075      if (countdown <= 0) {
4076        clearInterval(timer);
4077        $modal.modal('hide');
4078      }
4079    }, 1000);
4080  }
4081</script>
4081
4082
4083<!-- cyb_snippet components/rate_limit_modal end -->
4084
4085<script>
4086  $(document).ready(function() {
4087    const shouldSkipQuantityCheck = false;
4088    const newAddCartModalApp = new window.themeHelper.LiquidVueHandler({
4089      componentNames: Object.keys(window.themeHelper.productModalComponents),
4090      mountSelector: '#new-addcart-modal',
4091      autoMount: false,
4092    });
4093
4094    newAddCartModalApp.createApp({
4095      el: '#new-addcart-modal',
4096      delimiters: ['${', '}'],
4097      data() {
4098        return {
4099          collectionId: 0,
4100          categories: [],
4101          color: '', // unused
4102          isCollection: true,
4103          productQuantity: 0,
4104          onlyDescription: false,
4105          showProductModal: false,
4106          popProductUrl: '',
4107          loading: false,
4108        };
4109      },
4110      mounted: function() {
4111        themeHelper.EventBus.$on('closeProductModal',this.closeProductModal);
4112        themeHelper.EventBus.$on('updateStore', this.addProduct);
4113        themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease);
4114        themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease);
4115        themeHelper.EventBus.$on('quantityChange', this.quantityChange);
4116      },
4117      methods: {
4118        addProduct: function(actionType, productData, checkoutAddToCartCallback){
4119          var self = this;
4120          var pageViewId = window.CYBERBIZ && window.CYBERBIZ.dis && window.CYBERBIZ.dis.pageViewId;
4121          $.ajax({
4122            method: 'POST',
4123            url: '/cart/add',
4124            headers: pageViewId ? { 'X-Cyb-Page-View-Id': pageViewId } : {},
4125            data: {
4126              id: productData.id,
4127              quantity: productData.quantity,
4128            },
4129            dataType: 'json',
4130            beforeSend: function() {
4131              self.loading = true;
4132              themeHelper.ajaxLoadingMsg('loading');
4133              $('.shopcart').dropdown('hide')
4134              $('.global-cart-count').hide();
4135              $('.global-cart-loading').show();
4136              $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse" style="vertical-align: middle;"></i>');
4137            },
4138            error: function(xhr) {
4139              $('.global-cart-loading').hide();
4140              $('.global-cart-count').show();
4141              self.loading = false;
4142              if (xhr.status === 429) {
4143                themeHelper.ajaxLoadingMsg('hide', 0);
4144                self.closeProductModal();
4145                window.showAddCartRateLimitModal(5);
4146                return;
4147              }
4148              themeHelper.ajaxLoadingMsg('fail', 2000);
4149            }
4150          }).done(function(data, status, request){
4151            // product modal 立即購買按鈕
4152            window.sendAddToCartEvent && sendAddToCartEvent({
4153              price: productData.price,
4154              quantity: productData.quantity,
4155              id: productData.product.id,
4156              name: productData.product.title,
4157              category: productData.product.productType,
4158              brand: productData.product.vendor,
4159              qc: productData.variant.qc,
4160              variant: {
4161                id: productData.variant.id,
4162                title: productData.variant.title,
4163                sku: productData.variant.sku,
4164                price: productData.variant.price,
4165                qc: productData.variant.qc,
4166              },
4167              position: "商品彈出視窗",
4168              request,
4169            })
4170            if (self.isQuickBuy) {
4171              if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
4172                window.location = "/" + window.liquidHelper.language.handle + "/cart";
4173              } else {
4174                window.location = "/cart";
4175              }
4176            } else {
4177              themeHelper.ajaxLoadingMsg('success');
4178              pullNavCart();
4179              $('.shopcart').dropdown('show')
4180              $('.global-cart-loading').hide();
4181              self.loading = false;
4182            }
4183            if(typeof checkoutAddToCartCallback === 'function'){
4184              var callbackData = {
4185                id: productData.id,
4186                quantity: productData.quantity,
4187                title: productData.product ? productData.product.title : productData.title || ''
4188              };
4189              checkoutAddToCartCallback(callbackData)
4190            }
4191            peh.emit('product:add_to_cart', [{
4192              variantId: productData.id,
4193              quantity: productData.quantity
4194            }], self.collectionId);
4195          }).fail(function(e){
4196            if (e.status === 429) {
4197              return;
4198            }
4199            let err_msg = e.responseJSON.err_msg;
4200            err_msg && err_msg.length > 0 ?
4201              window.msg(e.responseJSON.err_msg, 'warning').show():
4202              window.msg("加入購物車有誤,請重新嘗試", 'warning').show();
4203          })
4204        },
4205        quantityDecrease: function(cartItem, isAdded){
4206          if (cartItem.quantity > 1) {
4207            cartItem.quantity -= 1;
4208          } else {
4209            window.msg("數量不得為低於 1", 'warning').show();
4210          }
4211        },
4212        quantityIncrease: function(cartItem, isAdded){
4213          const limitQuantity = cartItem.variant.inventoryQuantity;
4214          const limitBuy = cartItem.product.limitBuy
4215          if (limitBuy && cartItem.quantity >= limitBuy) {
4216            product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
4217            window.msg(product_limit_buy, 'warning').show();
4218            return;
4219          } else if (cartItem.quantity >= liquidHelper.cartQuantityLimit) {
4220            window.msg("數量超過購買上限", 'warning').show();
4221          } else if ( cartItem.quantity < limitQuantity || limitQuantity === null ||
4222            cartItem.variant.inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
4223            cartItem.quantity += 1;
4224          } else {
4225            this.showInventoryMessage(limitQuantity);
4226          }
4227        },
4228        quantityChange: function(quantity, cartItem, isAdded){
4229          const limitBuy = cartItem.product.limitBuy
4230          var limitQuantity = cartItem.variant.inventoryQuantity;
4231          var inventoryPolicy = cartItem.variant.inventoryPolicy;
4232          if (Number.isInteger(quantity)) {
4233            if (quantity >= 1) {
4234              if (limitBuy && quantity >= limitBuy) {
4235                product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
4236                window.msg(product_limit_buy, 'warning').show();
4237              } else if (quantity > liquidHelper.cartQuantityLimit) {
4238                window.msg("數量超過購買上限", 'warning').show();
4239              } else if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
4240                cartItem.quantity = quantity;
4241              } else {
4242                cartItem.quantity = limitQuantity;
4243                this.showInventoryMessage(limitQuantity);
4244              }
4245            } else {
4246              window.msg("數量不得為低於 1", 'warning').show();
4247            }
4248          } else {
4249            window.msg("數量輸入錯誤", 'warning').show();
4250          }
4251        },
4252        popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId, checkoutAddToCartCallback, categories){
4253          this.showProductModal = true;
4254          this.collectionId = collectionId;
4255          this.categories = categories || [];
4256          this.popProductUrl = productUrl;
4257          this.color = color || ''; // unused
4258          this.isCollection = isCollection || false;
4259          this.isShowDescription = isShowDescription != false;
4260          this.isQuickBuy = isQuickBuy || false;
4261          this.selectedVariantId = parseInt(variantId) || undefined;
4262          this.checkoutAddToCartCallback = checkoutAddToCartCallback;
4263          document.body.style.overflow = "hidden";
4264        },
4265        closeProductModal: function() {
4266          this.showProductModal = false;
4267          document.body.style.overflow = "";
4268        },
4269        showInventoryMessage: function(inventoryQuantity) {
4270          const stockMessage = "商品庫存剩餘 count 件".replace('count', inventoryQuantity || 0);
4271          window.msg(stockMessage, 'warning').show();
4272        },
4273      }
4274    });
4275
4276    for (const componentName in window.themeHelper.productModalComponents) {
4277      newAddCartModalApp.component(
4278        componentName,
4279        window.themeHelper.productModalComponents[componentName],
4280      );
4281    }
4282
4283    window.new_addcart_modal = newAddCartModalApp.mount();
4284  });
4285</script>
4285
4286
4287<!-- cyb_snippet new_addcart_modal end -->
4288<!-- cyb_snippet components/variant_options/variant_photos_block start -->
4289<script type="text/x-template" id="variant-photos-block">
4290  <div class="product_photos qk-w--100">
4291    <!-- 有色票 -->
4292    <div class="product_photo img-flex qk-text--center" v-if="displayProductImagesColor">
4293      <img id="photo_with_images_color" class="img-lazy" :src="imgLoadingImage" data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=55e7987d3426f43a" alt="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)" width="450" height="450">
4294    </div>
4295    <!-- 沒色票 -->
4296    <div class="swiper swiper-container product_img_swiper" v-else>
4297      <ul class="swiper-wrapper qk-pd--0 qk-mg--0">
4298        <video-display
4299          v-if="shouldShowVideo && !videoAfterImage"
4300          :poster="!!showPhotos.length ? showPhotos[0].imageUrl : imgLoadingImage"
4301          :videoUrl="videoUrl"
4302        ></video-display>
4303        <li class="swiper-slide product_photo img-flex qk-text--center qk-of--hidden default_scale"
4304          v-for="photo in showPhotos"
4305          :key="photo.id"
4306        >
4307          <img
4308            :data-src="photo.imageUrl"
4309            width="450"
4310            height="450"
4311            class="swiper-lazy"
4312            alt="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)"
4313            @click="onEnlargePhotos()"
4314          />
4315          <div class="swiper-lazy-preloader"></div>
4316        </li>
4317        <li v-if="showDefault" class="swiper-slide product_photo img-flex qk-text--center qk-of--hidden default_scale">
4318          <img :src="imgLoadingImage" data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=55e7987d3426f43a" alt="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)" width="450" height="450" class="swiper-lazy">
4319        </li>
4320        <video-display
4321          v-if="shouldShowVideo && videoAfterImage"
4322          :poster="!!showPhotos.length ? showPhotos[0].imageUrl : imgLoadingImage"
4323          :videoUrl="videoUrl"
4324        ></video-display>
4325      </ul>
4326      <!-- Add Arrows -->
4327      <div class="photo-swiper-next qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v1 qk-swiper_btn--next qk-hidden--mobile"></div>
4328      <div class="photo-swiper-prev qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v1 qk-swiper_btn--prev qk-hidden--mobile"></div>
4329      <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm">
4330        <span class="current-index qk-text--default_dark">${activePhotoIndex + 1}</span><span class="pagination-slash">/</span>
4331        <span>${shouldShowVideo ? (showPhotos.length ? showPhotos.length + 1 : 2) : showPhotos.length || 1}</span>
4332      </div>
4333    </div>
4334    <!-- 圖片頁碼 -->
4335    <div v-if="showThumbnails" class="thumb qk-of--auto qk-hidden--phone">
4336      <ul class="thumb-container qk-display--il_flex">
4337        <video-thumbnail
4338          v-if="shouldShowVideo && !videoAfterImage"
4339          :active="isVideoActive"
4340          :video-url="videoUrl"
4341          @click="onClickThumbnail(videoIndex)"
4342        ></video-thumbnail>
4343        <li class="img-flex qk-bd--default qk-bd--border qk-cursor--pointer qk-of--hidden qk-display--il_flex"
4344          :class="{active: (shouldShowVideo && !videoAfterImage ? index + 1 : index) === activePhotoIndex}"
4345          v-for="(photo, index) in showPhotos"
4346          :key="photo.id"
4347          @click="onClickThumbnail(shouldShowVideo && !videoAfterImage ? index + 1 : index)"
4348        >
4349          <img class="img-lazy" :src="imgLoadingImage" :data-src="photo.imageUrl" alt="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)" width="50" height="50">
4350        </li>
4351        <li v-if="showDefault"
4352          class="img-flex qk-bd--default qk-bd--border qk-of--hidden qk-display--il_flex"
4353          :class="{active: (shouldShowVideo && !videoAfterImage ? 1 : 0) === activePhotoIndex}"
4354        >
4355          <img class="img-lazy" :src="imgLoadingImage" data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L3Byb2R1Y3RzLzU3MTQxMjEwLzE3NTE1MzAwMTBfMGNhN2EwOWYyYjM5ZmE5ZDc4M2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=55e7987d3426f43a" alt="【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)" width="50" height="50">
4356        </li>
4357        <video-thumbnail
4358          v-if="shouldShowVideo && videoAfterImage"
4359          :active="isVideoActive"
4360          :video-url="videoUrl"
4361          @click="onClickThumbnail(videoIndex)"
4362        ></video-thumbnail>
4363      </ul>
4364    </div>
4365  </div>
4366</script>
4366
4367
4368<script type="text/javascript">
4369  $(document).ready(function() {
4370    var autoSelectVariantBySku = false;
4371
4372    themeHelper.variantPhotosBlock.component('variant-photos-block', {
4373      template: '#variant-photos-block',
4374      delimiters: ['${', '}'],
4375      data: function() {
4376        return {
4377          variantPhotos: null,
4378          productPhotosMap: {},
4379          productPhotos: [],
4380          manualSelectedVariant: false,
4381          activePhotoIndex: 0,
4382          _navState: { variantId: null, photoIndex: 0 },
4383          suppressNavigateEvent: false,
4384          currentVariantForEvent: null,
4385          swiperPhotos: null,
4386          swiperGalleryChangeHandler: null,
4387          showDefault: true,
4388          videoUrl: '',
4389          videoAfterImage: false,
4390          imgLoadingImage:"//cdn1-next.cybassets.com/img_loading.svg",
4391          thumbScrollHandler: null,
4392          thumbScrollTimeout: null,
4393          showThumbnails: false,
4394        }
4395      },
4396      props: {
4397        displayProductImagesColor: Boolean,
4398        productPhotosJson: String,
4399        productVideo: Object,
4400        videoDisplayLocation: String,
4401        productId: [String, Number],
4402        productTitle: String,
4403      },
4404      mounted: async function() {
4405        this.productPhotos = JSON.parse(this.productPhotosJson.replace(/'/g, '"'));
4406        this.productPhotosMap =
4407          this.productPhotos.reduce((acc, cur) => {
4408            acc[cur.id] = cur;
4409            return acc;
4410          }, {});
4411        this.videoUrl = !!this.productVideo && this.productVideo.url;
4412        this.showDefault = !this.showPhotos.length;
4413        this.videoAfterImage = this.videoDisplayLocation === 'after';
4414        themeHelper.EventBus.$on('updatePhotos', this.onUpdatePhotos);
4415        this.swiperGalleryChangeHandler = (_event, payload) => this.onSwiperGalleryChange(payload);
4416        $(document).on('swiper-gallery-change', this.swiperGalleryChangeHandler);
4417
4418        var sku = window.getURLParameter('sku');
4419
4420        if (sku && autoSelectVariantBySku) {
4421          themeHelper.EventBus.$on('skuReady', this.onSkuReady);
4422        } else {
4423          this.showThumbnails = true;
4424          await this.initPhotosUI();
4425        }
4426      },
4427      beforeUnmount: function() {
4428        this.removeThumbScrollListener();
4429        if (this.swiperGalleryChangeHandler) {
4430          $(document).off('swiper-gallery-change', this.swiperGalleryChangeHandler);
4431        }
4432      },
4433      methods: {
4434        navigateItemImagePayload: function(state, slideIndex, videoOffset) {
4435          return themeHelper.buildNavigateItemImagePayload(state, {
4436            product: { id: this.productId, title: this.productTitle },
4437            currentVariant: this.currentVariantForEvent,
4438            visiblePhotos: this.showPhotos,
4439            slideIndex: slideIndex,
4440            videoOffset: videoOffset,
4441          });
4442        },
4443        initPhotosUI: async function() {
4444          await this.$nextTick();
4445          this.initSwiper();
4446
4447          this._navState = this.navigateItemImagePayload(this._navState, this.initialItemIndex, this.videoOffset).nextState;
4448
4449          // 初始化縮圖滾動監聽
4450          this.initThumbScrollListener();
4451
4452          const videoElement = $('.product_video.swiper-slide-active video')[0];
4453          if (videoElement) {
4454            videoElement.addEventListener('canplay', (event) => {
4455              this.sendGtag('play');
4456            }, { once: true });
4457          }
4458        },
4459        onSkuReady: async function() {
4460          await this.initPhotosUI();
4461          this.showThumbnails = true;
4462          await this.$nextTick();
4463          imgLazyLoad.update();
4464          themeHelper.EventBus.$emit('skuPhotosReady');
4465        },
4466        initThumbScrollListener: function() {
4467          const thumbScrollContainer = this.$el.querySelector('.thumb');
4468
4469          if (thumbScrollContainer) {
4470            this.removeThumbScrollListener();
4471            this.thumbScrollHandler = () => {
4472              clearTimeout(this.thumbScrollTimeout);
4473              this.thumbScrollTimeout = setTimeout(() => {
4474                if (window.imgLazyLoad) {
4475                  imgLazyLoad.update();
4476                }
4477              }, 100);
4478            };
4479            thumbScrollContainer.addEventListener('scroll', this.thumbScrollHandler);
4480          }
4481        },
4482        removeThumbScrollListener: function() {
4483          const thumbScrollContainer = this.$el.querySelector('.thumb');
4484
4485          if (thumbScrollContainer && this.thumbScrollHandler) {
4486            thumbScrollContainer.removeEventListener('scroll', this.thumbScrollHandler);
4487            clearTimeout(this.thumbScrollTimeout);
4488            this.thumbScrollHandler = null;
4489          }
4490        },
4491        sendGtag: function(action){
4492          window.productVideoView && productVideoView(action);
4493        },
4494        handleVideoClick: function() {
4495          const video = $('.product_video.swiper-slide-active video')[0];
4496          const button = $('.product_video.swiper-slide-active button');
4497          if (video.paused){
4498            video.play();
4499            this.sendGtag('play');
4500          } else {
4501            video.pause();
4502            this.sendGtag('paused');
4503          }
4504          this.handleVideoButtonDisplay(button, video);
4505        },
4506        handleVideoButtonDisplay: function(button, video) {
4507          button.toggleClass('videoPlayer__playButton', video.paused);
4508          button.toggleClass('videoPlayer__pauseButton', !video.paused);
4509        },
4510        onUpdatePhotos: async function(currentVariant) {
4511          this.suppressNavigateEvent = true;
4512          this.currentVariantForEvent = currentVariant && currentVariant.variant
4513            ? { id: currentVariant.variant.id, sku: currentVariant.variant.sku }
4514            : null;
4515          if (this.swiperPhotos) {
4516            this.swiperPhotos.destroy(true, true);
4517          }
4518          $('.product_img_swiper .swiper-slide-duplicate').remove();
4519          $('.product_img_swiper .swiper-lazy-loading').removeClass('swiper-lazy-loading');
4520          this.manualSelectedVariant = currentVariant ? currentVariant.withSpecificVariant : false;
4521          if (currentVariant && currentVariant.photos.length) {
4522            this.variantPhotos = currentVariant.photos.map(p => this.productPhotosMap[p.id]);
4523          } else  {
4524            this.variantPhotos = null;
4525          }
4526
4527          this.activePhotoIndex = this.initialItemIndex;
4528
4529          this._navState = this.navigateItemImagePayload(this._navState, this.activePhotoIndex, this.videoOffset).nextState;
4530          await this.$nextTick();
4531          imgLazyLoad.update();
4532          this.initSwiper();
4533          this.suppressNavigateEvent = false;
4534        },
4535        onEnlargePhotos: function() {
4536          gallery_img.updateImgs(this.maxPhotos);
4537          gallery_img.toggleGallery(true, {
4538            index: this.swiperPhotos.realIndex - this.videoOffset
4539          });
4540        },
4541        onSwiperGalleryChange: function(payload) {
4542          if (!payload || payload.galleryName !== 'img') return;
4543
4544          var result = this.navigateItemImagePayload(
4545            {
4546              variantId: this.currentVariantForEvent ? this.currentVariantForEvent.id : null,
4547              photoIndex: payload.fromIndex,
4548            },
4549            payload.toIndex,
4550            0
4551          );
4552
4553          if (result.payload && !this.suppressNavigateEvent) {
4554            window.navigateItemImage(result.payload);
4555          }
4556        },
4557        onClickThumbnail: function(index) {
4558          this.activePhotoIndex = index;
4559          this.swiperPhotos.slideTo(index + 1, 500);
4560        },
4561        setVideosVolumeZero: function() {
4562          // video duplication because of swiper loop mode
4563          const videos = $('.product_video video');
4564          videos.each((_index, el)=> {
4565              el.volume = 0;
4566          });
4567        },
4568        initSwiper: function() {
4569          var self = this;
4570          this.swiperPhotos = new Swiper('.product_img_swiper', {
4571            preloadImages: false,
4572            lazy: {
4573              loadPrevNext: true,
4574            },
4575            loop: true,
4576            navigation: {
4577              nextEl: '.photo-swiper-next',
4578              prevEl: '.photo-swiper-prev',
4579            },
4580            initialSlide: this.initialItemIndex,
4581          });
4582          if (self.videoUrl) {
4583            self.setVideosVolumeZero();
4584          }
4585          this.swiperPhotos.on('touchEnd', function () {
4586            setTimeout(function() {
4587              self.activePhotoIndex = self.swiperPhotos.realIndex;
4588            }, 300);
4589          });
4590          this.swiperPhotos.on('activeIndexChange', function() {
4591            self.activePhotoIndex = self.swiperPhotos.realIndex;
4592          });
4593          this.swiperPhotos.on('click', function () {
4594            if (self.isVideoActive) {
4595              self.handleVideoClick()
4596            }
4597          });
4598          this.swiperPhotos.on('transitionEnd', function () {
4599            if (self.isVideoActive) {
4600              const video = $('.product_video.swiper-slide-active video')[0];
4601              const button = $('.product_video.swiper-slide-active button');
4602              self.handleVideoButtonDisplay(button, video);
4603            }
4604          });
4605        }
4606      },
4607      computed: {
4608        shouldShowVideo: function() {
4609          return !!this.videoUrl;
4610        },
4611        initialItemIndex: function() {
4612          if (this.shouldShowVideo && !this.videoAfterImage) {
4613            // Focus on photo if "variant with photos" selected, video otherwise
4614            return (this.manualSelectedVariant && !!this.variantPhotos?.length) ? 1 : 0;
4615          } else {
4616            // Focus on first photo
4617            return 0;
4618          }
4619        },
4620        isVideoActive: function() {
4621          return this.shouldShowVideo && this.activePhotoIndex === this.videoIndex;
4622        },
4623        showPhotos: function() {
4624          return this.variantPhotos || this.productPhotos;
4625        },
4626        maxPhotos: function() {
4627          return this.showPhotos.map(p => p.imageMaxUrl);
4628        },
4629        videoIndex: function(){
4630          return this.videoAfterImage
4631            ? this.manualSelectedVariant && !!this.variantPhotos?.length
4632              ? this.variantPhotos?.length
4633              : this.showPhotos.length || 1
4634            : 0
4635        },
4636        videoOffset: function() {
4637          return (this.shouldShowVideo && !this.videoAfterImage) ? 1 : 0;
4638        },
4639      },
4640      watch: {
4641        activePhotoIndex: function(newIndex) {
4642          var result = this.navigateItemImagePayload(this._navState, newIndex, this.videoOffset);
4643          this._navState = result.nextState;
4644          if (result.payload && !this.suppressNavigateEvent) {
4645            window.navigateItemImage(result.payload);
4646          }
4647        },
4648      }
4649    });
4650  })
4651</script>
4651
4652
4653<!-- cyb_snippet components/variant_options/video_display start -->
4654<script type="text/x-template" id="video-display">
4655  <li
4656    class="swiper-slide product_video img-flex qk-text--center qk-of--hidden default_scale">
4657    <div class="videoPlayer__wrapper qk-of--hidden">
4658      <video
4659        class="videoPlayer__video qk-cursor--pointer"
4660        :poster="poster"
4661        loop defaultMuted muted playsinline webkit-playsinline autoplay
4662      >
4663        <source :src="videoUrl" type="video/mp4">
4664        <p>你的瀏覽器不支援 HTML 5 video</p>
4665      </video>
4666      <button class="videoPlayer__pauseButton"></button>
4667    </div>
4668  </li>
4669</script>
4669
4670
4671<script type="text/javascript">
4672  $(document).ready(function() {
4673    themeHelper.variantPhotosBlock.component('video-display', {
4674      template: '#video-display',
4675      delimiters: ['${', '}'],
4676      data: function() {
4677        return {
4678          imgLoadingImage:"//cdn1-next.cybassets.com/img_loading.svg",
4679        }
4680      },
4681      props: {
4682        poster: String,
4683        showPhotos: Object,
4684        videoUrl: String,
4685      },
4686    });
4687  })
4688</script>
4688
4689
4690<!-- cyb_snippet components/variant_options/video_display end -->
4691<!-- cyb_snippet components/variant_options/video_thumbnail start -->
4692<script type="text/x-template" id="video-thumbnail">
4693  <li
4694    :class="{active}"
4695    class="img-flex qk-bd--default qk-bd--border qk-cursor--pointer qk-of--hidden qk-display--il_flex"
4696    @click="click"
4697  >
4698    <video width="50" height="50">
4699      <source :src="videoUrl" type="video/mp4">
4700    </video>
4701    <button class="videoPlayer__playButton"></button>
4702  </li>
4703</script>
4703
4704
4705<script type="text/javascript">
4706  $(document).ready(function() {
4707    themeHelper.variantPhotosBlock.component('video-thumbnail', {
4708      template: '#video-thumbnail',
4709      delimiters: ['${', '}'],
4710      props: {
4711        active: Boolean,
4712        click: Function,
4713        videoUrl: String,
4714      },
4715    });
4716  })
4717</script>
4717
4718
4719<!-- cyb_snippet components/variant_options/video_thumbnail end -->
4720
4721<!-- cyb_snippet components/variant_options/variant_photos_block end -->
4722<!-- cyb_snippet components/variant_options/variant_options_block start -->
4723<script type="text/x-template" id="variant-options-block">
4724  <div>
4725    <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}">
4726        <p></p>
4727        <color-option
4728          v-if="isImageColor && option.name === '顏色'"
4729          :option-key="'option' + (index + 1)"
4730          :option="option"
4731          :image-colors="imageColors"
4732          :current-image-index="currentImageIndex"
4733          :set-current-image-index="setCurrentImageIndex"
4734          :get-option-image-index="getOptionImageIndex"
4735          :current-option="currentOption"
4736        />
4737        <div class="advance variant-select-option" v-else-if="styledShopMenu==='dropDownType'">
4738          
4739          <label>${option.name}</label>
4740          <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>
4741          <select v-show="!isMobileSize" class="qk-bg--theme_bg" :class="{'select_placeholder-color': currentOption[`option${index + 1}`] === null}" :value="String(currentOption[`option${index + 1}`])" @change="setOption(`option${index + 1}`, $event.target.value, option.types )" >
4742            <option value="null" class="select_option-hidden">請選擇${option.name}</option>
4743            <option  v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option>
4744          </select>
4745          <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">請選擇${option.name}</span>
4746          <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span>
4747        </div>
4748        <advance-variant-option
4749          v-else
4750          :option-key="'option' + (index + 1)"
4751          :option="option"
4752          :current-option="currentOption"
4753        />
4754      </div>
4755    <div class="mobile-modal" :class="{ 'modal-open': isModalSelectShow && isMobileSize }">
4756        <div class="mobile_modal-content">
4757          
4758          <div class="modal_close-button">
4759            <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>
4760          </div>
4761          <p>請選擇${modalOption.name}</p>
4762          <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100">
4763            <div class="options-container">
4764              <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>
4765            </div>
4766          </div>
4767          <div v-if="isCartEnabled && salesModePurchasable" class="modal_select_footer qk-display--flex qk-hidden--pc">
4768            <div v-show="variantSize === 1" class="qk-display--flex qk-w--100">
4769              <div class="product_variant_quantity">
4770                <span class="product_quantity">
4771                  <div v-if="isModalSelectShow && isMobileSize" class="btn-group" role="group" aria-label="First group">
4772                    <button class="btn add-down qk-bd--product_border" type="button" @click="quantityChange(false)" ></button>
4773                    <input class="btn item-quantity qk-text--heading qk-bd--product_border" type="text" name="quantity" value="1" data-old-value="1">
4774                    <button class="btn add-up qk-bd--product_border" type="button" @click="quantityChange(true)"></button>
4775                  </div>
4776                </span>
4777              </div>
4778              <button
4779                class="btn addToCart_mobile btn_to_cart_mobile open_product_modal qk-btn qk-btn--secondary qk-flex--1 qk-fs--breadcrumb qk-text-truncate"
4780                data-handle="coolmate36sale">
4781                加入購物車</button>
4782            </div>
4783            <div v-show="variantSize > 1" class="qk-display--flex qk-w--100">
4784              <button type="button" class="modal_cancel qk-w--50 qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">取消</button>
4785              <button type="button" class="qk-btn qk-w--50 qk-btn--primary qk-btn--lg qk-fs--body qk-bd--button qk-test--button_text" @click="onChangeModalSelect(false,true)">完成</button>
4786            </div>
4787          </div>
4788        </div>
4789    </div>
4790  </div>
4791</script>
4791
4792
4793<!-- cyb_snippet components/variant_options/color_image_option start -->
4794<script id="color-option" type="text/x-template">
4795  <div class="option color_option">
4796    <span class="title qk-text--heading">商品顏色:</span>
4797    <label
4798      v-for="(imageColor, index) in imageColors"
4799      :class="{
4800        'image-option': true,
4801        'selected': selectedClass(index),
4802        'disabled': disabledClass(index),
4803      }"
4804      @mouseleave="setCurrentImageIndex(index)"
4805      @mouseover="getOptionImageIndex(index)"
4806      @click="setOption(optionKey, index)"
4807      class="qk-bd--default qk-bd--border"
4808    >
4809      <span class="img-flex qk-display--il_bk">
4810        <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image">
4811        <img v-else src="/assets/no-image-large.png" alt="image">
4812      </span>
4813    </label>
4814  </div>
4815</script>
4815
4816
4817<script type="text/javascript">
4818  $(document).ready(function () {
4819    themeHelper.variantOptionsBlock.component('color-option', {
4820      template: '#color-option',
4821      delimiters: ['${', '}'],
4822      props: {
4823        optionKey: String,
4824        option: Object,
4825        imageColors: Array,
4826        setCurrentImageIndex: Function,
4827        getOptionImageIndex: Function,
4828        currentOption: Object,
4829      },
4830      methods: {
4831        setOption: function(optionKey, index) {
4832          var type = this.option.types[index];
4833          if (type.isValid) {
4834            themeHelper.EventBus.$emit('toggleCurrentOption', optionKey, type.name);
4835          }
4836        },
4837        selectedClass: function(index) {
4838          return this.currentOption[this.optionKey] === this.option.types[index].name;
4839        },
4840        disabledClass: function(index) {
4841          return !this.option.types[index].isValid;
4842        },
4843      },
4844    });
4845  });
4846</script>
4846
4847
4848<!-- cyb_snippet components/variant_options/color_image_option end -->
4849<!-- cyb_snippet components/variant_options/advance_option start -->
4850<script id="advance-variant-option" type="text/x-template">
4851  <div class="advance">
4852    <div class="option_title qk-text--heading">${option.name}</div>
4853    <label
4854      v-for="type in option.types"
4855      :class="{
4856        'selected': selectedClass(type),
4857        'disabled': disabledClass(type),
4858      }"
4859      @click="setOption(optionKey, type)"
4860      class="option qk-btn qk-btn--md qk-bd--button qk-text--button qk-text--center qk-pd_x--1"
4861    >
4862      <span class="text">${type.name}</span>
4863    </label>
4864  </div>
4865</script>
4865
4866
4867<script type="text/javascript">
4868  $(document).ready(function() {
4869    themeHelper.variantOptionsBlock.component('advance-variant-option', {
4870      template: '#advance-variant-option',
4871      delimiters: ['${', '}'],
4872      props: {
4873        optionKey: String,
4874        option: Object,
4875        currentOption: Object,
4876      },
4877      methods: {
4878        setOption: function(optionKey, type) {
4879          if(type.isValid){
4880            themeHelper.EventBus.$emit('toggleCurrentOption', optionKey, type.name);
4881          }
4882        },
4883        selectedClass: function(type) {
4884          return this.currentOption[this.optionKey] === type.name;
4885        },
4886        disabledClass: function(type) {
4887          return !type.isValid;
4888        },
4889      }
4890    });
4891  });
4892</script>
4892
4893
4894<!-- cyb_snippet components/variant_options/advance_option end -->
4895
4896
4897<!-- cyb_snippet _variant_options_block_js start -->
4898<script type="text/javascript">
4899  $(document).ready(function() {
4900    themeHelper.variantOptionsBlock.component('variant-options-block', {
4901      template: '#variant-options-block',
4902      delimiters: ['${', '}'],
4903      props: {
4904        productApiUrl: String,
4905        sku: String,
4906        autoSelectVariantBySku: Boolean,
4907        hideOtherVariantsBySku: Boolean,
4908        hideSingleVariantOptions: Boolean,
4909        salesModePurchasable: Boolean,
4910        defaultPrice: String,
4911        defaultComparePrice: String,
4912        defaultDiscounted: Boolean,
4913      },
4914      data: function() {
4915        return {
4916          styledShopMenu: "buttonType",
4917          currentImageIndex: 0,
4918          isModalSelectShow: false,
4919          selectOption: '',
4920          selectCurrentStr:'',
4921          modalOption: {},
4922          currentOption: {
4923            option1: null,
4924            option2: null,
4925            option3: null,
4926          },
4927          currentVariant: null,
4928          product: {},
4929          isLoading: true,
4930          isImageColorsUsed: liquidHelper.isImageColorsUsed,
4931          isEmptyClickable: liquidHelper.isEmptyClickable,
4932          hasPriceWithDiscountPlugin: liquidHelper.hasPriceWithDiscountPlugin,
4933          isCartEnabled: liquidHelper.isCartEnabled,
4934        }
4935      },
4936      mounted: function() {
4937        this.getProductDetail();
4938        themeHelper.EventBus.$on('toggleCurrentOption',this.toggleCurrentOption);
4939      },
4940      computed: {
4941        imageColors: function() {
4942          //色票一定成對
4943          var self = this;
4944          var images = this.photoUrls.slice(0);
4945          var imageColorNum = this.colorOption.length;
4946          for(var i = imageColorNum; i < imageColorNum * 2; i++) {
4947            if(!images[i]) {
4948              images.push('noColorImage');
4949            }
4950          }
4951          return images.slice(imageColorNum, imageColorNum * 2);
4952        },
4953        photoUrls: function() {
4954          return this.product.photoUrls.length > 0 ? this.product.photoUrls : [this.featuredImage];
4955        },
4956        featuredImage: function() {
4957          return this.product.featuredImage;
4958        },
4959        swiperPhotos: function() {
4960          if(this.isImageColor) {
4961            return this.photoUrls.slice(0, this.colorOption.length);
4962          }
4963          return this.photoUrls.length > 0 ? this.photoUrls : [this.featuredImage];
4964        },
4965        firstValidVariant: function() {
4966          var self = this;
4967          var result = this.product.variants.find(function(variant) {
4968            return variant.available;
4969          });
4970
4971          return result ? result : null;
4972        },
4973        shouldHideOtherVariants: function() {
4974          return this.hideOtherVariantsBySku &&
4975                 this.sku &&
4976                 this.currentVariant &&
4977                 this.currentVariant.sku === this.sku;
4978        },
4979        shouldHideSingleVariantOptions: function() {
4980          return this.hideSingleVariantOptions &&
4981                 this.product.variants &&
4982                 this.product.variants.length <= 1;
4983        },
4984        options: function() {
4985          return this.product.options;
4986        },
4987        optionTypes: function() {
4988          // 先根據設定的variants來排序
4989          var self = this;
4990
4991          var option1 = [];
4992          var option2 = [];
4993          var option3 = [];
4994          this.product.variants.forEach(function(item) {
4995            if (item.option1 !== null) option1.push(item.option1);
4996            if (item.option2 !== null) option2.push(item.option2);
4997            if (item.option3 !== null) option3.push(item.option3);
4998          })
4999
5000          var filteredOptionTypes = [];
5001          this.product.optionTypes.forEach(function(item, index) {
5002            filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (index + 1))).join(','));
5003          });
5004
5005          return filteredOptionTypes;
5006        },
5007        optionInfo: function() {
5008          var self = this;
5009
5010          if (self.options) {
5011            return self.options.map(function(option, index) {
5012              return {
5013                name: option,
5014                types: self.getOptions('option' + (index + 1), self.optionTypes[index].split(','))
5015              }
5016            });
5017          }
5018        },
5019        colorOptionIndex: function() {
5020          return this.options.findIndex(function(option) {
5021            return option === '顏色';
5022          });
5023        },
5024        colorOption: function() {
5025          var optionIndex = this.colorOptionIndex
5026          return optionIndex === -1 ? null : this.optionTypes[optionIndex].split(',');
5027        },
5028        isImageColor: function() {
5029          return this.isImageColorsUsed && _.includes(this.product.options, '顏色');
5030        },
5031        isMobileSize: function() {
5032          return window.innerWidth <= 580
5033        },
5034        variantSize: function() {
5035          if(this.product.options){
5036          return this.product.options.length;
5037          }
5038        },
5039        isAutoSelectVariantBySku: function() {
5040          return this.sku && this.autoSelectVariantBySku;
5041        },
5042      },
5043      methods: {
5044        onClickSelectModal: function(objData, selectOptionStr) {
5045          this.isModalSelectShow = true;
5046          this.modalOption = objData;
5047          this.selectOption = selectOptionStr
5048        },
5049        onChangeModalSelect: function(flag, isSelect) {
5050          if(!isSelect){
5051            this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types)
5052          }
5053          this.isModalSelectShow = flag;
5054        },
5055        setOption: function(optionKey, type, dataArr) {
5056          let flag = true
5057          dataArr.forEach(item => {
5058            if (item.name === type) {
5059              flag = item.isValid
5060            }
5061          })
5062          if (flag) {
5063            this.toggleCurrentOption(optionKey, type)
5064          }
5065        },
5066        setChoose: function(currentVariant) {
5067          var currentVariantData = {};
5068          if (currentVariant) {
5069            currentVariantData = {
5070              id: this.currentVariant.id,
5071              bonus: this.currentVariant.maxUsableBonus,
5072              name: this.currentVariant.title,
5073              inventoryPolicy: this.currentVariant.inventoryPolicy,
5074              compareAtPrice: this.currentVariant.compareAtPrice,
5075              imgUrl: this.currentVariant.imgUrl,
5076              inventoryQuantity: this.currentVariant.inventoryQuantity,
5077              option1: this.currentVariant.option1,
5078              option2: this.currentVariant.option2,
5079              option3: this.currentVariant.option3,
5080              price: this.currentVariant.price,
5081              productId: this.currentVariant.productId,
5082              sku: this.currentVariant.sku,
5083              qc: this.currentVariant.qc,
5084              hidePrice: this.product.hidePrice === true,
5085            };
5086          } else {
5087            currentVariantData = {
5088              price: this.defaultPrice,
5089              compareAtPrice: this.defaultComparePrice,
5090              isDiscounted: this.defaultDiscounted,
5091              hidePrice: this.product.hidePrice === true,
5092            }
5093          }
5094          const isUpcomingProduct = this.isSellTimeAfterNow(this.product.sellFrom);
5095          this.$emit('set-choose', currentVariantData, isUpcomingProduct);
5096        },
5097        onError: function() {
5098          window.msg("", 'error').show();
5099        },
5100        showRateLimitPopup: function() {
5101          showRateLimitModal(5);
5102        },
5103
5104        // get product detail
5105        getProductDetail: function() {
5106          var self = this;
5107          $.ajax({
5108            url: self.productApiUrl + '.json',
5109            type: 'GET',
5110            timeout: 30000,
5111            beforeSend: function() {
5112              self.isLoading = true;
5113            },
5114            error: function(xhr){
5115              if (xhr.status === 429) {
5116                self.isLoading = false;
5117                self.showRateLimitPopup();
5118              } else {
5119                self.onError();
5120              }
5121            }
5122          }).done(function(data){
5123            if (!data.id) {
5124              self.onError();
5125              return;
5126            }
5127
5128            var productData = [themeHelper.toCamelCase(data)];
5129            self.product = themeHelper.priceWithDiscount(productData, self.hasPriceWithDiscountPlugin)[0];
5130
5131            var shouldSkipAutoSelected = false;
5132
5133            if (self.isAutoSelectVariantBySku) {
5134              var skuVariant = self.product.variants.find(function(variant) {
5135                return variant.sku === self.sku;
5136              });
5137
5138              if (skuVariant) {
5139                if (self.isEmptyClickable ||
5140                  skuVariant.inventoryPolicy === "continue" ||
5141                  skuVariant.inventoryQuantity > 0) {
5142                  self.applyVariant(skuVariant, true);
5143                  themeHelper.EventBus.$emit('skuReady');
5144                  self.isLoading = false;
5145                  return;
5146                } else {
5147                  // 若 sku 存在但不可購買,則跳過第一個款式選擇
5148                  shouldSkipAutoSelected = true;
5149                }
5150              } else {
5151                // 若 sku 不存在,則跳過第一個款式選擇
5152                shouldSkipAutoSelected = true;
5153              }
5154              themeHelper.EventBus.$emit('skuReady');
5155            }
5156
5157            if (
5158              !shouldSkipAutoSelected && (
5159              self.product.variants.length === 1 ||
5160              liquidHelper.isFirstVariantSelected
5161            )) {
5162              var variant = self.product.variants.length === 1 ? self.product.variants[0] : self.firstValidVariant;
5163              if (!variant) {
5164                self.isLoading = false;
5165                return;
5166              }
5167
5168              if (
5169                !self.isEmptyClickable &&
5170                variant.inventoryPolicy === "deny" &&
5171                variant.inventoryQuantity === 0
5172              ) {
5173                self.isLoading = false;
5174                return;
5175              }
5176
5177              self.applyVariant(variant, false);
5178              if (self.isImageColorsUsed) { // 若有顯示色票且有預選第一個款式的更換圖片
5179                var firstValidColorIndex = self.colorOption.findIndex(function(item) {
5180                  return item === variant.option1
5181                });
5182                self.$emit('get-option-image', self.photoUrls[firstValidColorIndex].grande);
5183              }
5184            }
5185
5186            self.isLoading = false;
5187          })
5188        },
5189        applyVariant: function(variant, waitPhotosReady) {
5190          var self = this;
5191          this.currentVariant = variant;
5192          this.setChoose(variant);
5193          this.setDefaultOption();
5194
5195          if (waitPhotosReady) {
5196            themeHelper.EventBus.$on('skuPhotosReady', function () {
5197              if (variant.photos && variant.photos.length > 0) {
5198                self.setVariantPhotos();
5199              }
5200            });
5201          } else {
5202            this.setVariantPhotos();
5203          }
5204        },
5205        toggleCurrentOption: function(key, value) {
5206          if (this.product.variants.length === 1) {
5207            return;
5208          }
5209
5210          if (this.shouldHideOtherVariants) {
5211            return;
5212          }
5213
5214          this.currentOption[key] =
5215            (this.currentOption[key] === value || value === 'null') ? null : value;
5216          var variantIndex = this.getVariantIndex();
5217          if(variantIndex !== -1) {
5218            this.currentVariant = this.product.variants[variantIndex];
5219          } else {
5220            this.currentVariant = null;
5221          }
5222          this.setChoose(this.product.variants[variantIndex]);
5223          if (this.currentOption[key] !== null) {
5224            var optionIndex = parseInt(key.replace('option', '')) - 1;
5225            appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant);
5226          }
5227          if (Object.values(this.currentOption).every(v => v === null) || this.currentVariant) {
5228            this.setVariantPhotos();
5229          }
5230        },
5231        setCurrentImageIndex: function(index) {
5232          this.currentImageIndex = this.getSelectedColorIndex();
5233          if (this.currentImageIndex > -1) {
5234            var currentImageIndex = this.currentImageIndex;
5235          } else {
5236            var currentImageIndex = 0;
5237          }
5238
5239          this.$emit('get-option-image', this.photoUrls[currentImageIndex].grande);
5240        },
5241        getOptionImageIndex: function(index) {
5242          this.currentImageIndex = index;
5243          this.$emit('get-option-image', this.photoUrls[index].grande);
5244        },
5245        setDefaultOption: function() {
5246          var self = this;
5247          Object.keys(self.currentOption).forEach(function(optionKey) {
5248            self.currentOption[optionKey] = self.currentVariant[optionKey];
5249          });
5250        },
5251        getVariantIndex: function() {
5252          var self = this;
5253          return self.product.variants.findIndex(function(variant, index) {
5254            var isVariant = true;
5255            Object.keys(self.currentOption).forEach(function(option) {
5256              if(variant[option] !== self.currentOption[option]){
5257                isVariant = false;
5258              }
5259            });
5260            return isVariant;
5261          });
5262        },
5263        // 篩選重複品項
5264        getUniqueVariant: function(variants) {
5265          return variants.filter(function(value, index, self) {
5266            return self.indexOf(value) === index;
5267          });
5268        },
5269        // 取得已選取的color index
5270        getSelectedColorIndex: function() {
5271          var self = this;
5272          var optionIndex = _.indexOf(self.options, '顏色') + 1;
5273          var color = self.currentOption['option' + optionIndex];
5274
5275          return _.indexOf(self.colorOption, color);
5276        },
5277        getOptions: function(optionKey, optionTypes) {
5278          var self = this;
5279
5280          // 透過 sku 預選且有對應的 variant,則只顯示該 variant 的 option
5281          if (this.shouldHideOtherVariants) {
5282            var currentOptionValue = this.currentVariant[optionKey];
5283            var isValid = true;
5284
5285            if (!this.isEmptyClickable) {
5286              isValid = this.currentVariant.inventoryQuantity === null ||
5287                        this.currentVariant.inventoryQuantity > 0 ||
5288                        this.currentVariant.inventoryPolicy === 'continue';
5289            }
5290
5291            return [{
5292              name: currentOptionValue,
5293              isValid: isValid
5294            }];
5295          }
5296
5297          return optionTypes.map(function(optionType, index) {
5298            var isValid = true;
5299
5300            // 選出包含目前type的variant
5301            var matchVariants = self.product.variants.filter(function(variant) {
5302              return variant[optionKey] === optionType;
5303            });
5304            // 篩選已勾選type
5305            Object.keys(self.currentOption).forEach(function(currentOptionKey) {
5306              if(currentOptionKey !== optionKey){
5307                matchVariants = matchVariants.filter(function(variant) {
5308                  if(self.currentOption[currentOptionKey]) {
5309                    return variant[currentOptionKey] === self.currentOption[currentOptionKey]
5310                  } else {
5311                    return true;
5312                  }
5313                });
5314              }
5315            });
5316            // 無variant代表此type不可選
5317            if(matchVariants.length === 0) {
5318              isValid = false;
5319            }
5320
5321            if (!self.isEmptyClickable) {
5322              isValid = false;
5323              matchVariants.find(function(item) {
5324                if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') {
5325                  isValid = true;
5326                }
5327              });
5328            }
5329
5330            return {
5331              name: optionType,
5332              isValid: isValid
5333            }
5334          });
5335        },
5336        getVariantPhotos: function() {
5337          if (!this.currentVariant) {
5338            return null;
5339          }
5340
5341          if (!this.currentVariant.photos || this.currentVariant.photos.length === 0) {
5342            return {
5343              withSpecificVariant: !!this.currentVariant.option1,
5344              photos: [],
5345              variant: {
5346                id: this.currentVariant.id,
5347                sku: this.currentVariant.sku
5348              },
5349            };
5350          }
5351
5352          var sortedPhotos = this.currentVariant.photos.sort(function(prev, next) {
5353            return prev.position - next.position;
5354          });
5355
5356          return {
5357            withSpecificVariant: !!this.currentVariant.option1,
5358            photos: sortedPhotos,
5359            variant: {
5360              id: this.currentVariant.id,
5361              sku: this.currentVariant.sku
5362            },
5363          };
5364        },
5365        setVariantPhotos: function() {
5366          themeHelper.EventBus.$emit('updatePhotos', this.getVariantPhotos());
5367        },
5368        cartQuantityCheck({quantity, limitQuantity, cartLimit, inventoryPolicy}){
5369          if(quantity < 1){
5370            return 'less_then_1';
5371          }
5372          if(quantity > limitQuantity && limitQuantity !== null && inventoryPolicy !== "continue") {
5373            return 'over_product_quantity';
5374          }
5375          if(quantity > cartLimit){
5376            return 'over_cart_limit';
5377          }
5378          if(isNaN(quantity)){
5379            return 'not_a_number';
5380          }
5381          return '';
5382        },
5383        changeQuantity({elType, errType, quantity, addToCart, quantityInput, limitQuantity, cartLimit}){
5384          if(errType === ''){
5385            if(elType === 'btn'){
5386              quantityInput.val(quantity);
5387              quantityInput.trigger('change');
5388            }
5389            var old = quantityInput.data("old-value");
5390            if(quantity === old){
5391              quantityInput.data("old-value", quantity);
5392            }
5393            // for GA
5394            addToCart.data("quantity", quantity);
5395          } else {
5396            var old_value = quantityInput.data("old-value");
5397            if(elType === 'input'){
5398              switch(errType){
5399                case 'less_then_1':
5400                  quantityInput.val(1);
5401                  break;
5402                case 'over_product_quantity':
5403                  quantityInput.val(limitQuantity);
5404                  break;
5405                case 'over_cart_limit':
5406                  quantityInput.val(cartLimit);
5407                  break;
5408                default:
5409                  quantityInput.val(old_value);
5410                  break;
5411              }
5412            }
5413            this.cartQuantityMessage(errType)
5414          }
5415        },
5416        cartQuantityMessage(errType) {
5417          switch(errType){
5418            case 'less_then_1':
5419              window.msg(language["less_then_one"], 'warning').show();
5420              break;
5421            case 'over_product_quantity':
5422              window.msg(language["over_product_quantity"], 'warning').show();
5423              break;
5424            case 'over_cart_limit':
5425              window.msg(language["over_cart_limit"], 'warning').show();
5426              break;
5427            case 'not_a_number':
5428              window.msg(language["please_enter_number"], 'warning').show();
5429              break;
5430            default:
5431              break;
5432          }
5433        },
5434        quantityChange(isPluSquantity){
5435          if (!this.findVariant()) {
5436            return;
5437          }
5438          let errType           = '';
5439          let el                = $('#product');
5440          let cartLimit         = this.getCartQuantityLimit(el);
5441          let limitQuantity     = selectedVariant.inventoryQuantity;
5442          let inventoryPolicy   = selectedVariant.inventoryPolicy;
5443          let quantityInput     = el.find(".product_quantity input");
5444          let quantity          = parseInt($(quantityInput).val());
5445          let addToCart         = el.find('.addToCart');
5446          isPluSquantity ? quantity += 1: quantity -= 1
5447          errType = this.cartQuantityCheck({quantity, limitQuantity, cartLimit, inventoryPolicy});
5448          this.changeQuantity({ elType: 'btn', errType, quantity, addToCart, quantityInput, limitQuantity, cartLimit});
5449        },
5450        findVariant() {
5451          if (typeof selectedVariant === 'undefined' || !$.isNumeric(selectedVariant.id)) {
5452            window.msg(language["please_choose_product"], 'info').show();
5453            return false;
5454          } else {
5455            return true;
5456          }
5457        },
5458        getCartQuantityLimit(el) {
5459          return el.data('cart_quantity_limit');
5460        },
5461        isSellTimeAfterNow(sellTime) {
5462          if (!sellTime) return false;
5463          const saleTime = new Date(sellTime);
5464          const now = new Date();
5465          return saleTime > now;
5466        },
5467      }
5468    });
5469  });
5470</script>
5470
5471
5472<!-- cyb_snippet _variant_options_block_js end -->
5473
5474<!-- cyb_snippet components/variant_options/variant_options_block end -->
5475<!-- cyb_snippet _custom_icon start -->
5476<script src='//cdn1-next.cybassets.com/frontend/shop/navIcon-4b1f02b0b778fcac.js' type='text/javascript'></script>
5476
5477
5478<script>
5479  (function() {
5480    const iconUrlMap = new Map([
5481      ['custom_icon_type_home', null],
5482      ['custom_icon_type_tracking_items', null],
5483      ['custom_icon_type_account', null],
5484      ['custom_icon_type_cart', null],
5485      ['custom_icon_type_search', null],
5486      ['custom_icon_type_menu', null]
5487    ]);
5488    const elements = document.querySelectorAll('[data-icon-type]');
5489    elements.forEach((element, index) => {
5490      const iconAttributes = element.getAttribute('data-icon-type');
5491
5492      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
5493      element.id = uniqueId;
5494      window.renderNavCustomIcon(`#${uniqueId}`, {
5495        navIconStyle: "icon_type_default",
5496        customIconUrl: iconUrlMap.get(iconAttributes) || '',
5497        iconAttributes: iconAttributes,
5498        currentTemplate: "product",
5499      });
5500    });
5501  })();
5502</script>
5502
5503
5504<!-- cyb_snippet _custom_icon end -->
5505
5506<script>
5507  // 設定款式資訊/顯示款式資訊
5508  function getURLParameter(name) {
5509    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
5510  }
5511  // sku_properties:各款式的 option pairs(當前語系,後端 drop 已翻譯),事件用 variantId 查表
5512  var variantProperties = {
5513    
5514  };
5515  function addToWishListEvent(id, data) {
5516    try {
5517      if (appMarketAddToWishListEvent && data) {
5518        var dataSet = {
5519          name: "【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)",
5520          category: null,
5521          categories: ["草本積熱清降火氣專區,首頁商品"],
5522          sku: data.sku,
5523          price: data.price,
5524          compare_at_price: data.compare_at_price,
5525          properties: variantProperties[id] || [],
5526          quantity: data.inventory_quantity,
5527          variant: data.variant,
5528          listName: "單產品細覽" || null,
5529          productId: 57141210,
5530          variantId: id,
5531        }
5532        appMarketAddToWishListEvent(dataSet)
5533      }
5534    } catch (e) {
5535      console.error(e);
5536    }
5537  }
5538  function removeFromWishListEvent(id, data) {
5539    try {
5540      if (appMarketRemoveFromWishListEvent && data) {
5541        var dataSet = {
5542          name: "【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)",
5543          category: null,
5544          categories: ["草本積熱清降火氣專區,首頁商品"],
5545          sku: data.sku,
5546          price: data.price,
5547          compare_at_price: data.compare_at_price,
5548          properties: variantProperties[id] || [],
5549          quantity: data.inventory_quantity,
5550          variant: data.variant,
5551          listName: "單產品細覽" || null,
5552          productId: 57141210,
5553          variantId: id,
5554        }
5555        appMarketRemoveFromWishListEvent(dataSet)
5556      }
5557    } catch (e) {
5558      console.error(e);
5559    }
5560  }
5561  function isSellTimeAfterNow(sellTime) {
5562    if (!sellTime) return false;
5563    const saleTime = new Date(sellTime);
5564    const now = new Date();
5565    return saleTime > now;
5566  }
5567  $(document).ready(function() {
5568  var ProductInfoObject =  new ProductInfo()
5569    ProductInfoObject.init({
5570      additionalPrice: "加購價",
5571      sellFrom: "" ,
5572      productId:"57141210",
5573      productTitle: "【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)",
5574      productPreOrder: "預購商品",
5575      productExistingVariantsFirstId: '68987045',
5576      productNotificationEnabled: '已登記補貨通知',
5577      productNotifyMeWhenStockArrives: '已售完,貨到通知我',
5578      productOptionsSize: "1",
5579      productPleaseChooseProduct: "請選擇商品款式",
5580      generalInternetError: "網路連線異常,請重新整理",
5581      productVariantsInfo: "68987045,coolmate36,7100.0,0,9720.0,deny,3500.0,限量10組,【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組) - 限量10組,cyberbiz,",
5582      productLimitBuy:  null,
5583      purchaseEligibility: {"required":false,"eligible":true,"status":"eligible"},
5584      salesModePurchasable: true,
5585    });
5586    // 商品款式
5587    var isUpcomingProduct = isSellTimeAfterNow("") && null;
5588    // 初始化,取得消費者所有品項的通知設定
5589    var variantNotifications = {};
5590    
5591      ProductInfoObject.initVariantNotifications();
5592    
5593    // 初始化,檢查所有商品的庫存,判斷購物車按鈕和庫存顯示狀態
5594    ProductInfoObject.checkButtonStatus(isUpcomingProduct);
5595    // 加入購物車 open product modal
5596    ProductInfoObject.initOpenProductModal();
5597    // 立即購買 mobile product modal
5598    ProductInfoObject.initMobileProductModal()
5599    // 聯絡商家
5600    ProductInfoObject.initContactTheMerchant()
5601    // 貨到通知
5602    ProductInfoObject.initGoodsArrivalNotification();
5603    ProductInfoObject.checkInWishList(window.$('.product-variant-id').val())
5604    
5605      ProductInfoObject.setUpDiscountsTag();
5606    
5607    
5608    })
5609
5610    const userAgent = navigator.userAgent;
5611    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
5612    const isLiff = /Line\/[\d.]+/i.test(userAgent);
5613    const $productButtonMobile = $('.product_button_mobile');
5614
5615    if ($productButtonMobile.length && isIOS && isLiff) {
5616      $productButtonMobile.addClass('is-ios-liff');
5617    }
5618</script>
5618
5619
5620
5621<div id="product_description" class="product_description">
5622  <div class="desc_sections">
5623    <ul class="qk-bg--theme_bg qk-display--flex qk-mg--0 qk-pd--0 qk-bd--default qk-bd--product_border qk-bd_r--none">
5624      <!-- 商品介紹 -->
5625      
5626        <li class="qk-flex--1">
5627          <a href="#desc_section_1" class="scroll active qk-text--text qk-fs--title qk-display--il_bk qk-text--center qk-w--100 qk-vert--bottom">
5628            商品介紹
5629          </a>
5630        </li>
5631      
5632      <!-- 規格說明 -->
5633      
5634        <li class="qk-flex--1 qk-bd--product_border">
5635          <a href="#desc_section_2" class="scroll qk-text--text qk-fs--title qk-display--il_bk qk-text--center qk-w--100 qk-vert--bottom">
5636            <div>規格說明</div>
5637          </a>
5638        </li>
5639      
5640      <!-- 運送方式 -->
5641      
5642      <!-- 票券注意事項 -->
5643      
5644      <!-- 加入購物車modal -->
5645      
5646        <li class="add-to-cart-container qk-flex--1 qk-bd--product_border">
5647          <a
5648            href="#"
5649            id="add_to_cart"
5650            class="open_product_modal qk-btn qk-btn--primary qk-btn--lg qk-pos--abs qk-r--0 qk-display--il_bk qk-text--center qk-w--100"
5651            data-id="57141210"
5652            data-handle="coolmate36sale">
5653            <div>加入購物車</div>
5654          </a>
5655          <button class="btn btn_not_sale hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-fs--title qk-pos--abs qk-r--0" type="button">
5656            尚未開賣
5657          </button>
5658          <button class="btn btn_login_to_view hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-fs--title qk-pos--abs qk-r--0" type="button">
5659            登入查看資格
5660          </button>
5661          <button class="btn btn_not_eligible hidden qk-btn qk-btn--soldout qk-btn--lg qk-pd--0 qk-fs--title qk-pos--abs qk-r--0" type="button">
5662            購買資格不符
5663          </button>
5664          
5665            <a
5666              href="#"
5667              id="notice_to_buy"
5668              class="btn_notice qk-btn qk-btn--primary qk-btn--lg qk-pos--abs qk-r--0 qk-display--il_bk qk-text--center qk-w--100">
5669              <div>已售完,貨到通知我</div>
5670            </a>
5671          
5672        </li>
5673      
5674    </ul>
5675  </div>
5676  <div class="desc_body">
5677    <div id="ckeditor">
5678      
5679        <div id="desc_section_1" class="desc_section qk-pd_t--2">
5680          <h5 class="section-heading qk-text--heading qk-fs--hd2 qk-bd_l--default qk-bd--heading qk-pd_l--05">商品介紹</h5>
5681          <div class="ckeditor qk-mg_t--1"><p><span style="font-size:22px;">【退火茶】草本積熱清(8包/盒)*36盒熱銷團購組</span><br>
5682✅ 清涼解膩降火氣<br>
5683✅ 添加石斛、決明子、陳皮、羅漢果等草本<br>
5684✅ 保持好神色養顏美容<br>
5685✅ 爆款推薦!千萬熱銷好評不斷<br>
5686✅ 嚴選七種草本研製,採用名貴石斛,獨特配方調整體質降火氣!</p>
5687
5688<p>沁涼一夏!熱氣out!火氣Bye!<br>
5689嚴選七種天然草本研製,採用名貴石斛降火氣,獨特配方調整體質。<br>
5690可降火氣、生津、清涼解渴,適合長期熬夜、睡眠品質差、火氣大者飲用調理。</p>
5691
5692<p><img alt="" src="//cdn1-next.cybassets.com/s/files/26264/ckeditor/pictures/content_bbed01b4-e04e-4a16-b203-084a51d5c0ea.jpg"><img alt="" src="//cdn1-next.cybassets.com/s/files/26264/ckeditor/pictures/content_f2940aaf-81ed-4522-b0fd-a2b80394eec8.jpg"><img alt="" src="//cdn1-next.cybassets.com/s/files/26264/ckeditor/pictures/content_3b5e4e27-aecd-4e1b-b3f2-ae2e3a22af2d.jpg" width="750"></p>
5693
5694<p>&nbsp;</p>
5695</div>
5696        </div>
5697      
5698      
5699        <div id="desc_section_2" class="desc_section qk-pd_t--2">
5700          <h5 class="section-heading qk-text--heading qk-fs--hd2 qk-bd_l--default qk-bd--heading qk-pd_l--05">規格說明</h5>
5701          <div class="ckeditor qk-mg_t--1"><p>品名:【京都念慈菴】草本積熱清(8包/盒)*36盒<br>
5702成 分:麥芽糊精、蔗糖、檸檬萃取物、植物抽出物(白茅根、薏苡仁、金銀花、石斛、陳皮、羅漢果、決明子)、檸檬酸、檸檬酸鈉、香料、維生素C(抗氧化劑)、綠茶萃取物、碳酸鈣、蔗糖素(甜味劑)。<br>
5703內容物:6g/包,8包/盒,36盒/箱<br>
5704營養標示:熱量23.1大卡/蛋白質0.03公克/脂肪0.01公克/飽和脂肪0.0公克/反式脂肪0.0公克/碳水化合物5.7公克/糖2.5公克/鈉25.1毫克<br>
5705使用方式:將1包沖泡包放入150毫升水中,輕輕攪拌,即可飲用。冷水或溫水均可,冷飲味道更佳。經常飲用,有助從內調整體質。沖水後有些許沉澱物乃正常現象。<br>
5706保存期限:2年<br>
5707產地:台灣</p>
5708
5709<p>
5709 </p>
5710
5711<p>食品登錄字號:A-118770304-00000-8<br>
57121000萬產品責任險:富邦產物產品責任險 0527字第24AML0000578號</p>
5713</div>
5714        </div>
5715      
5716      
5717      
5718    </div>
5719  </div>
5720  <div id="product-recommendation"></div>
5721</div>
5722
5723<script>
5724  $(document).ready(function() {
5725    // 商品說明介紹標籤
5726    $(".desc_sections li").on('click', function() {
5727      $(this).children().addClass('active');
5728      $(this).siblings().children().removeClass('active');
5729    });
5730
5731    // 滑動設置
5732    var prevScrollPos = window.pageYOffset;
5733    var prevScrollInformationPos = window.pageYOffset;
5734    $(window).on('scroll load resize', function(e) {
5735      var headerHeight = $("#header").height()
5736      var desc_sections = $(".desc_sections");
5737      var desc_section_list = $(".desc_section");
5738      var descSectionHeight = $(".desc_sections").height()
5739      var descSectionTop = $(".desc_sections").offset().top - headerHeight
5740      var product_window = $(this);
5741      var currentScrollPos = window.pageYOffset;
5742
5743      // 滑動固定產品說明
5744      if (product_window.scrollTop() > descSectionTop) {
5745        desc_sections.find("ul").css({"top": 0});
5746        if (currentScrollPos > prevScrollPos && product_window.scrollTop() > descSectionTop + headerHeight) {
5747          desc_sections
5748            .stop()
5749            .addClass("desc_sections_hold")
5750            .css({"min-height": descSectionHeight})
5751            .find("ul")
5752            .css({"top": 0});
5753        } else if (prevScrollPos > currentScrollPos) {
5754          desc_sections
5755            .stop()
5756            .addClass("desc_sections_hold")
5757            .css({"min-height": descSectionHeight})
5758            .find("ul")
5759            .css({"top": headerHeight});
5760        } else {
5761          prevScrollPos = 0;
5762        } prevScrollPos = currentScrollPos;
5763        if ($(window).width() < 768) {
5764          $("body").css("padding-bottom", "68px");
5765        }
5766      } else {
5767        prevScrollPos = 0;
5768        desc_sections.stop().removeClass("desc_sections_hold")
5769        if ($(window).width() < 768) {
5770          $("body").css("padding-bottom", "68px");
5771        }
5772      }
5773
5774      // 點選產品說明滑動
5775      $(".desc_sections a.scroll").bind("click", function(event) {
5776        var targetScrollTop = parseInt($($(this).attr("href")).offset().top - descSectionHeight + 1);
5777        if (targetScrollTop > window.scrollY + 1) {
5778          $("html, body").stop().animate({
5779            scrollTop: targetScrollTop
5780          }, 300);
5781        } else {
5782          $("html, body").stop().animate({
5783            scrollTop: targetScrollTop - headerHeight
5784          }, 300);
5785        }
5786      });
5787
5788      // 顯示當前產品說明
5789      if (currentScrollPos > prevScrollInformationPos) {
5790        $.each(desc_section_list, function(index, desc_section) {
5791          var desc_sectionTop = $(desc_section).offset().top - descSectionHeight - 1
5792          var desc_sectionHeight = $(desc_section).height()
5793          var current_desc_section = $("a.scroll[href$='" + $(desc_section).attr("id") + "']");
5794          if (product_window.scrollTop() > desc_sectionTop || index === 0) {
5795            current_desc_section
5796              .stop()
5797              .addClass('active')
5798              .parent()
5799              .siblings()
5800              .find("a")
5801              .removeClass('active');
5802          } else {
5803            current_desc_section.removeClass('active');
5804          } prevScrollInformationPos = currentScrollPos;
5805        });
5806      } else {
5807        $.each(desc_section_list, function(index, desc_section) {
5808          var desc_sectionTop = $(desc_section).offset().top - descSectionHeight - 1
5809          var desc_sectionHeight = $(desc_section).height()
5810          var current_desc_section = $("a.scroll[href$='" + $(desc_section).attr("id") + "']");
5811          if (product_window.scrollTop() + headerHeight > desc_sectionTop) {
5812            current_desc_section
5813              .stop()
5814              .addClass('active')
5815              .parent()
5816              .siblings()
5817              .find("a")
5818              .removeClass('active');
5819          } else {
5820            current_desc_section.removeClass('active');
5821          }
5822        });
5823        prevScrollInformationPos = currentScrollPos;
5824      }
5825    });
5826  })
5827</script>
5827
5828
5829
5830
5831
5832
5833<div id="related-products" class="qk-pos--rel">
5834  
5835  
5836  
5837    
5838      
5839      
5840    
5841  
5842  
5843</div>
5844
5845
5846
5847  </div>
5848</div>
5849
5850    </div>
5851
5852    <!-- Footer -->
5853    
5854
5855
5856
5857
5858
5859
5860<style>
5861  
5862  
5863  @media(min-width: 991px) {
5864    .display_x .left-content > div {
5865      max-width: calc(100% / 2);
5866    }
5867  }
5868</style>
5869
5870<div id="index-recommendation"></div>
5871
5872<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
5873  
5874    
5875    <div class="qk-container display_y">
5876      <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
5877        <div class="left-content qk-flex--1">
5878          
5879            
5880              <div class="link-list-container">
5881                
5882                  <p class="footer_title qk-fs--title qk-text--footer_text">關於我們</p>
5883                
5884                <div class="item horizontal qk-text--left">
5885                  <ul class="qk-display--flex qk-flex--wrap">
5886                    
5887                      
5888                        <li class="qk-display--il_bk">
5889                          
5890                            <a
5891                              class="qk-text--footer_text"
5892                              href="/pages/member-policy"
5893                              rel="noopener noreferrer"
5894                              target="_blank">會員條款</a>
5895                          
5896                        </li>
5897                      
5898                        <li class="qk-display--il_bk">
5899                          
5900                            <a
5901                              class="qk-text--footer_text"
5902                              href="/pages/privacy"
5903                              rel="noopener noreferrer"
5904                              target="_blank">隱私政策</a>
5905                          
5906                        </li>
5907                      
5908                        <li class="qk-display--il_bk">
5909                          
5910                            <a
5911                              class="qk-text--footer_text"
5912                              href="/pages/order"
5913                              rel="noopener noreferrer"
5914                              target="_blank">訂購流程</a>
5915                          
5916                        </li>
5917                      
5918                        <li class="qk-display--il_bk">
5919                          
5920                            <a
5921                              class="qk-text--footer_text"
5922                              href="/pages/anti-fraud"
5923                              rel="noopener noreferrer"
5924                              target="_blank">防詐騙宣導</a>
5925                          
5926                        </li>
5927                      
5928                        <li class="qk-display--il_bk">
5929                          
5930                            <a
5931                              class="qk-text--footer_text"
5932                              href="/account/index"
5933                              rel="noopener noreferrer"
5934                              target="_blank">我的帳戶</a>
5935                          
5936                        </li>
5937                      
5938                    
5939                  </ul>
5940                </div>
5941              </div>
5942              
5943          
5944            
5945              <div class="item contact qk-text--left">
5946                
5947                  <p class="footer_title qk-fs--title qk-text--footer_text">聯絡資訊</p>
5948                
5949                <ul>
5950                  
5951                    <li class="phone qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
5952                      <span class="qk-text--footer_text">客服專線:+886-3-328-2931</span>
5953                    </li>
5954                  
5955                  
5956                    <li class="fax qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
5957                      <span class="qk-text--footer_text">客服傳真:+886-3-328-2935</span>
5958                    </li>
5959                  
5960                  
5961                    <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
5962                      <span class="qk-text--footer_text">客服時間:08:00-16:30</span>
5963                    </li>
5964                  
5965                  
5966                    <br>
5967                    <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk">
5968                      <a class="qk-text--footer_text" href="mailto:[email protected]">信箱:[email protected]</a>
5969                    </li>
5970                  
5971                  
5972                    <li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
5973                      <span class="qk-text--footer_text">地址:桃園市龜山區文明二街2號</span>
5974                    </li>
5975                  
5976                  
5977                </ul>
5978              </div>
5979              
5980          
5981        </div>
5982        <div class="right-content qk-display--flex qk-flex--column">
5983          
5984            <div class="fb_fanpage qk-hidden--mobile">
5985              <div class="fb_fans_page_area">
5986                <div
5987                  class="fb-page"
5988                  data-href="https://www.facebook.com/130827366955071"
5989                  data-width="500"
5990                  data-adapt-container-width="true"
5991                  data-hide-cover="false"
5992                  data-show-facepile="true">
5993                  <blockquote cite="https://www.facebook.com/130827366955071" class="fb-xfbml-parse-ignore">
5994                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/130827366955071"></a>
5995                  </blockquote>
5996                </div>
5997              </div>
5998            </div>
5999          
6000          <div class="media qk-display--il">
6001            <div class="item social_media qk-h--auto qk-float--l">
6002              <ul>
6003                
6004                  <li class="qk-display--il_bk">
6005                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/NJA.TW/">
6006                      <svg
6007                        class="facebook-svg"
6008                        xmlns="http://www.w3.org/2000/svg"
6009                        width="40"
6010                        height="40"
6011                        viewBox="0 0 40 40">
6012                        <path class="qk-svg--footer_text" d="M40 20.1208C40 30.1027 32.6767 38.3778 23.1167 39.8795V25.9409H27.765L28.65 20.1742H23.1167V16.4324C23.1167 14.8541 23.89 13.3174 26.3667 13.3174H28.8817V8.4073C28.8817 8.4073 26.5983 8.01729 24.4167 8.01729C19.86 8.01729 16.8833 10.779 16.8833 15.7774V20.1725H11.8183V25.9393H16.8833V39.8779C7.325 38.3745 0 30.101 0 20.1208C0 9.07564 8.955 0.120483 20 0.120483C31.045 0.120483 40 9.07398 40 20.1208Z" />
6013                      </svg>
6014                    </a>
6015                  </li>
6016                
6017                
6018                  <li class="qk-display--il_bk">
6019                    <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/ninjiom.tw/">
6020                      <svg
6021                        class="instagram-svg"
6022                        xmlns="http://www.w3.org/2000/svg"
6023                        width="40"
6024                        height="40"
6025                        viewBox="0 0 40 40">
6026                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
6027                        <path class="qk-svg--footer_bg" d="M15.0302 8.08393C13.7534 8.14417 12.8814 8.34793 12.1192 8.64745C11.3303 8.95489 10.6616 9.36745 9.99636 10.0351C9.33107 10.7028 8.92139 11.3719 8.61611 12.162C8.32066 12.9259 8.1205 13.7986 8.0641 15.0761C8.0077 16.3536 7.99522 16.7643 8.00146 20.023C8.0077 23.2817 8.0221 23.6902 8.08402 24.9704C8.14498 26.2469 8.34802 27.1186 8.64755 27.8811C8.95547 28.67 9.36755 29.3384 10.0355 30.0039C10.7034 30.6694 
602711.3721 31.0782 12.1641 31.3839C12.9273 31.6789 13.8002 31.88 15.0775 31.9359C16.3547 31.9918 16.7659 32.0048 20.0237 31.9986C23.2815 31.9923 23.6916 31.9779 24.9716 31.9172C26.2515 31.8565 27.1186 31.652 27.8813 31.3539C28.6702 31.0453 29.3391 30.6339 30.0042 29.9658C30.6692 29.2976 31.0787 28.628 31.3837 27.8374C31.6794 27.0742 31.8803 26.2013 31.9357 24.925C31.9916 23.6441 32.0048 23.2352 31.9986 19.9769C31.9923 16.7187 31.9777 16.3102 31.917 15.0305C31.8563 13.7508 31.653 12.8818 31.3537 12.1188C31.0453 11.3299 30.6337 10.662 29.966 9.99601C29.2983 9.33001 28.6282 8.92081 27.8379 8.61649C27.0742 8.32105 26.2018 8.11969 24.9245 8.06449C23.6472 8.00929 23.2361 7.99513 19.9771 8.00137C16.7181 8.00761 16.3101 8.02153 15.0302 8.08393ZM15.1703 29.7771C14.0003 29.7262 13.365 29.5318 12.9417 29.3691C12.381 29.1531 11.9817 28.892 11.5597 28.4742C11.1378 28.0563 10.8786 27.6555 10.6597 27.0961C10.4953 26.6727 10.2973 26.0381 10.2426 24.8681C10.1831 23.6036 10.1706 23.2239 10.1636 20.0201C10.1567 16.8164 10.1689 16.4372 10.2244 15.1721C10.2743 14.0031 10.4699 13.3671 10.6324 12.9439C10.8484 12.3826 11.1085 11.9839 11.5273 11.5623C11.9461 11.1406 12.3457 10.8809 12.9057 10.662C13.3286 10.4969 13.9631 10.3006 15.1327 10.2449C16.3982 10.1849 16.7774 10.1729 19.9807 10.1659C23.184 10.159 23.5642 10.171 24.8302 10.2267C25.9992 10.2775 26.6355 10.4712 27.0581 10.6347C27.619 10.8507 28.0181 11.1101 28.4398 11.5296C28.8615 11.9491 29.1214 12.3473 29.3403 12.9084C29.5057 13.3301 29.702 13.9644 29.7572 15.1347C29.8174 16.4002 29.8311 16.7796 29.8369 19.9827C29.8426 23.1857 29.8314 23.5661 29.7759 24.8307C29.7248 26.0007 29.5309 26.6362 29.3679 27.0601C29.1519 27.6205 28.8915 28.0201 28.4725 28.4415C28.0534 28.863 27.6543 29.1226 27.0941 29.3415C26.6717 29.5064 26.0364 29.7032 24.8679 29.7589C23.6023 29.8184 23.2231 29.8309 20.0186 29.8378C16.8141 29.8448 16.4361 29.8318 15.1706 29.7771M24.9531 13.5864C24.9535 13.8713 25.0385 14.1495 25.1971 14.3861C25.3558 14.6226 25.581 14.8068 25.8443 14.9154C26.1077 15.0239 26.3973 15.0519 26.6765 14.9959C26.9558 14.9398 27.2122 14.8022 27.4132 14.6004C27.6142 14.3986 27.7509 14.1418 27.806 13.8623C27.861 13.5828 27.8319 13.2933 27.7224 13.0304C27.6129 12.7675 27.4279 12.5429 27.1908 12.3851C26.9536 12.2274 26.675 12.1435 26.3902 12.144C26.0084 12.1448 25.6425 12.2972 25.373 12.5677C25.1035 12.8381 24.9524 13.2046 24.9531 13.5864ZM13.8386 20.012C13.8453 23.4152 16.6091 26.1677 20.0117 26.1613C23.4142 26.1548 26.1687 23.3912 26.1622 19.988C26.1557 16.5848 23.3911 13.8315 19.9881 13.8382C16.5851 13.8449 13.8321 16.6092 13.8386 20.012ZM16 20.0076C15.9985 19.2165 16.2315 18.4427 16.6698 17.784C17.108 17.1253 17.7317 16.6114 18.462 16.3072C19.1924 16.003 19.9965 15.9222 20.7727 16.075C21.549 16.2278 22.2625 16.6073 22.823 17.1656C23.3836 17.724 23.766 18.436 23.9218 19.2116C24.0777 19.9872 24.0001 20.7917 23.6988 21.5232C23.3975 22.2547 22.886 22.8804 22.2291 23.3213C21.5721 23.7621 20.7992 23.9983 20.0081 23.9998C19.4827 24.0009 18.9623 23.8985 18.4766 23.6985C17.9909 23.4985 17.5493 23.2047 17.1771 22.834C16.8049 22.4632 16.5094 22.0228 16.3074 21.5379C16.1054 21.0529 16.001 20.533 16 20.0076Z" />
6028                      </svg>
6029                    </a>
6030                  </li>
6031                
6032                
6033                  <li class="qk-display--il_bk">
6034                    <a target="_blank" rel="noopener noreferrer" href="https://page.line.me/olx0883r">
6035                      <svg
6036                        class="line-svg"
6037                        xmlns="http://www.w3.org/2000/svg"
6038                        width="40"
6039                        height="40"
6040                        viewBox="0 0 40 40">
6041                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
6042                        <path class="qk-svg--footer_bg" d="M32.5946 18.2214C32.5946 12.5857 26.9449 8 20.0002 8C13.0555 8 7.40576 12.5857 7.40576 18.2214C7.40576 23.2743 11.8873 27.5053 17.9396 28.3048C18.3506 28.392 18.908 28.575 19.0487 28.9269C19.1754 29.245 19.1303 29.7433 19.0881 30.0642C19.0881 30.0642 18.9417 30.9537 18.908 31.1423C18.8517 31.4604 18.6546 32.3866 20.0002 31.8207C21.343 31.2549 27.2545 27.5503 29.895 24.5101C31.7191 22.5058 32.5946 20.4762 32.5946 18.2214Z" />
6043                        <path class="qk-svg--footer_text" d="M17.4413 15.4965H16.5574C16.4223 15.4965 16.3125 15.6062 16.3125 15.7414V21.2279C16.3125 21.363 16.4223 21.4728 16.5574 21.4728H17.4413C17.5764 21.4728 17.6862 21.363 17.6862 21.2279V15.7414C17.6862 15.6062 17.5764 15.4965 17.4413 15.4965Z" />
6044                        <path class="qk-svg--footer_text" d="M23.5219 15.4965H22.638C22.5028 15.4965 22.3931 15.6063 22.3931 15.7414V19.0012L19.8792 15.6063C19.8736 15.5978 19.868 15.5894 19.8595 15.5809C19.8595 15.5809 19.8595 15.5809 19.8595 15.5781C19.8539 15.5725 19.8483 15.5668 19.8455 15.564C19.8426 15.564 19.8426 15.5612 19.8398 15.5584C19.8342 15.5556 19.8314 15.55 19.8258 15.5471C19.8229 15.5443 19.8229 15.5443 19.8201 15.5415C19.8173 15.5387 19.8117 15.5359 19.8089 15.5331C19.8061 15.5303 19.8032 15.5303 19.8004 15.5274C19.7948 15.5246 19.792 15.5218 19.7863 15.519C19.7835 15.519 19.7807 15.5162 19.7779 15.5162C19.7723 15.5134 19.7695 15.5105 19.7638 15.5105C19.761 15.5105 19.7582 15.5077 19.7554 15.5077C19.7498 15.5049 19.7469 15.5049 19.7413 15.5021C19.7385 15.5021 19.7357 15.5021 19.7329 15.4993C19.7272 15.4993 19.7244 15.4965 19.7188 15.4965C19.716 15.4965 19.7132 15.4965 19.7075 15.4937C19.7019 15.4937 19.6991 15.4937 19.6935 15.4908C19.6878 15.4908 19.685 15.4908 19.6822 15.4908C19.6794 15.4908 19.6766 15.4908 19.6737 15.4908H18.7898C18.6547 15.4908 18.5449 15.6006 18.5449 15.7358V21.2222C18.5449 21.3574 18.6547 21.4671 18.7898 21.4671H19.6737C19.8089 21.4671 19.9187 21.3574 19.9187 21.2222V17.9709L22.4353 21.3714C22.4522 21.3968 22.4747 21.4165 22.4972 21.4305C22.4972 21.4305 22.5 21.4305 22.5 21.4334C22.5057 21.4362 22.5113 21.439 22.5141 21.4418C22.5169 21.4418 22.5197 21.4446 22.5226 21.4446C22.5254 21.4474 22.531 21.4474 22.5338 21.4503C22.5366 21.4531 22.5423 21.4531 22.5451 21.4559C22.5479 21.4559 22.5507 21.4587 22.5535 21.4587C22.5591 21.4615 22.5648 21.4615 22.5704 21.4643H22.5732C22.5929 21.47 22.6154 21.4728 22.6352 21.4728H23.5191C23.6542 21.4728 23.764 21.363 23.764 21.2279V15.7414C23.7668 15.6063 23.657 15.4965 23.5219 15.4965Z" />
6045                        <path class="qk-svg--footer_text" d="M15.313 20.099H12.9118V15.7414C12.9118 15.6062 12.802 15.4965 12.6669 15.4965H11.783C11.6479 15.4965 11.5381 15.6062 11.5381 15.7414V21.2279C11.5381 21.2926 11.5634 21.3545 11.6056 21.3968L11.6085 21.3996L11.6113 21.4024C11.6563 21.4446 11.7154 21.4699 11.7802 21.4699H15.3102C15.4453 21.4699 15.5551 21.3602 15.5551 21.225V20.3411C15.5579 20.2116 15.4482 20.099 15.313 20.099Z" />
6046                        <path class="qk-svg--footer_text" d="M28.4001 16.8702C28.5352 16.8702 28.645 16.7604 28.645 16.6253V15.7414C28.645 15.6062 28.5352 15.4965 28.4001 15.4965H24.87C24.8053 15.4965 24.7433 15.5218 24.7011 15.5668L24.6983 15.5697C24.6983 15.5725 24.6955 15.5725 24.6955 15.5753C24.6533 15.6203 24.6279 15.6794 24.6279 15.7442V21.2307C24.6279 21.2954 24.6533 21.3573 24.6955 21.3996L24.6983 21.4024L24.7011 21.4052C24.7462 21.4474 24.8053 21.4756 24.87 21.4756H28.4001C28.5352 21.4756 28.645 21.3658 28.645 21.2307V20.3467C28.645 20.2116 28.5352 20.1018 28.4001 20.1018H25.9988V19.1757H28.4001C28.5352 19.1757 28.645 19.0659 28.645 18.9308V18.0469C28.645 17.9118 28.5352 17.802 28.4001 17.802H25.9988V16.8758H28.4001V16.8702Z" />
6047                      </svg>
6048                    </a>
6049                  </li>
6050                
6051                
6052                  <li class="qk-display--il_bk">
6053                    <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/channel/UC3LXuuemnSbVQy4c0m5RtrA">
6054                      <svg
6055                        class="youtube-svg"
6056                        xmlns="http://www.w3.org/2000/svg"
6057                        width="40"
6058                        height="40"
6059                        viewBox="0 0 40 40">
6060                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
6061                        <path class="qk-svg--footer_bg" d="M27.3078 11H12.6922C9.82462 11 7.5 13.3653 7.5 16.283V23.717C7.5 26.6347 9.82462 29 12.6922 29H27.3078C30.1754 29 32.5 26.6347 32.5 23.717V16.283C32.5 13.3653 30.1754 11 27.3078 11ZM23.7964 20.3617L16.9602 23.6792C16.778 23.7676 16.5676 23.6324 16.5676 23.4271V16.5848C16.5676 16.3766 16.7835 16.2416 16.9661 16.3357L23.8023 19.8606C24.0055 19.9653 24.002 20.2619 23.7964 20.3617Z" />
6062                      </svg>
6063                    </a>
6064                  </li>
6065                
6066              </ul>
6067            </div>
6068          </div>
6069        </div>
6070      </div>
6071    </div>
6072    
6073  <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default">
6074    <div class="qk-container container qk-fw--500">
6075      <span>Copyright ©</span>
6076      <a class="qk-text--link" href="/">
6077        <span>京都念慈菴</span>
6078      </a>
6079      <span>All Rights Reserved.</span>
6080      <span>Designed by
6081      </span>
6082      <a
6083        class="qk-text--link"
6084        href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
6085        target="_blank"
6086        rel="noopener noreferrer"
6087        title="Designed by CYBERBIZ">CYBERBIZ</a>.
6088    </div>
6089  </div>
6090  
6091</footer>
6092<script>
6093  $(document).ready(function() {
6094    let isDynamicLoading = false;
6095
6096    let menusData = {
6097      
6098        
6099          "footer": {
6100            
6101              "type": "items",
6102              "data": [
6103                
6104                
6105                  
6106                    {
6107                      "title": "會員條款",
6108                      "url": "/pages/member-policy",
6109                      "item_type": "page"
6110                    },
6111                  
6112                    {
6113                      "title": "隱私政策",
6114                      "url": "/pages/privacy",
6115                      "item_type": "privacy"
6116                    },
6117                  
6118                    {
6119                      "title": "訂購流程",
6120                      "url": "/pages/order",
6121                      "item_type": "page"
6122                    },
6123                  
6124                    {
6125                      "title": "防詐騙宣導",
6126                      "url": "/pages/anti-fraud",
6127                      "item_type": "page"
6128                    },
6129                  
6130                    {
6131                      "title": "我的帳戶",
6132                      "url": "/account/index",
6133                      "item_type": "http"
6134                    }
6135                  
6136                
6137              ]
6138            
6139          },
6140        
6141      
6142        
6143      
6144    };
6145
6146    if (isDynamicLoading) {
6147      window.DynamicLoading.setupComponent({
6148          sectionId: '#footer',
6149          callbackData:{
6150            section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/NJA.TW/","display_instagram":true,"shop_instagram":"https://www.instagram.com/ninjiom.tw/","display_line":true,"shop_line":"https://page.line.me/olx0883r","display_youtube":true,"shop_youtube":"https://www.youtube.com/channel/UC3LXuuemnSbVQy4c0m5RtrA","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"選單","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"關於我們","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"聯絡資訊","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"聯絡資訊","display_phone":"true","dict_phone_number":"+886-3-328-2931","display_fax_number":true,"dict_shop_fax_number":"+886-3-328-2935","display_shop_email":"true","dict_shop_email":"[email protected]","display_shop_address":"true","dict_shop_address":"桃園市龜山區文明二街2號","display_office_time":"true","dict_shop_office_time":"08:00-16:30"}}},"custom_name":"頁腳"},
6151            shop: {
6152              name: '京都念慈菴',
6153              cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz',
6154              facebook_fan_page: 'https://www.facebook.com/130827366955071',
6155            },
6156            menus: menusData,
6157            is_display_facebook_fan_block: true
6158            },
6159          entryName:'renderFooterSection',
6160          source:'//cdn1-next.cybassets.com/frontend/shop/footerSection-4b1f02b0b778fcac.js',
6161        });
6162    }
6163  });
6164</script>
6164
6165
6166<!-- cyb_snippet _tracking_code start -->
6167      
6167<script>
6168        window.fbAsyncInit = function() {
6169          FB.init({
6170          appId : '',
6171          xfbml : true,
6172          version : 'v24.0',
6173          });
6174        };
6175        (function(d, s, id){
6176          var js, fjs = d.getElementsByTagName(s)[0];
6177          if (d.getElementById(id)) {return;}
6178          js = d.createElement(s);
6179          js.id = id;
6180          js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
6181          fjs.parentNode.insertBefore(js, fjs);
6182        }(document, 'script', 'facebook-jssdk'));
6183      </script>
6183
6184
6185
6186<script>
6187  // for scupio
6188  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
6189    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
6190  } else {
6191    mid = "";
6192  }
6193  if (!window.is_scupio_sent && mid) {
6194    window._bwtm = window._bwtm || []
6195    window._bwtm.push({
6196      "mid": mid,
6197      "uid": ""
6198    });
6199  }
6200</script>
6200
6201
6202<!-- cyb_snippet _tracking_code end -->
6203
6204<script>
6205  $(document).ready(function(){
6206    if(window.location.pathname != '' && window.location.pathname != '/' ){
6207      document.getElementById('index-recommendation').style.display = 'none'
6208    }
6209  });
6210</script>
6210
6211
6212
6213
6214    <!-- Fast-Events -->
6215    <!-- cyb_snippet fast_events start -->
6216
6217
6218<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/fast_events-4b1f02b0b778fcac.js' type='text/javascript'></script>
6218
6219<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/fast_events-4b1f02b0b778fcac.css' rel='stylesheet' type='text/css' media='all' />
6220
6221<!-- cyb_snippet fast_events end -->
6222
6223    <div class="bottom-right qk-pos--fixed">
6224      <!-- gototop -->
6225      <div id="gototop" class="qk-display--none qk-text--center">
6226        <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
6227          <i class="fas fa-chevron-up"></i>
6228        </a>
6229      </div>
6230
6231      <!-- popup -->
6232      
6233
6234
6235
6236<div id="popup-wrapper" class="qk-display--none"></div>
6237
6238<template id="popup-template">
6239  <div
6240    :class="status"
6241    v-if="hasContent"
6242    id="popup-section"
6243  >
6244    <transition name="backdrop">
6245      <div
6246        v-if="shouldShowPopup"
6247        @click.capture="minifyPopup"
6248        id="popup-backdrop"
6249        class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
6250      >
6251      </div>
6252    </transition>
6253    <transition name="onShow">
6254      <div
6255        @click.self="showPopup"
6256        @transitionstart="updateGameStatus('start', this)"
6257        @transitionend="updateGameStatus('end', this)"
6258        class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
6259      >
6260        <div
6261          v-for="block in blocks"
6262          :key="block.id"
6263          :class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
6264          class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
6265        >
6266          <div v-if="block.type === 'image'" class="qk-pos--rel">
6267            <img
6268              v-show="!shouldShowPopup"
6269              :src="block.settings.dict_icon_image_url"
6270              class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
6271              alt="popup button"
6272            >
6273            <a
6274              v-show="shouldShowPopup"
6275              :href="block.settings.dict_link"
6276              :target="block.settings.target"
6277              :rel="block.settings.rel"
6278              class="qk-display--flex qk-align--center"
6279              @click="linkClicked"
6280            >
6281              <picture>
6282                <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
6283                <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
6284                <img
6285                  :src="block.settings.dict_image_url"
6286                  class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
6287                  alt="popup picture"
6288                />
6289              </picture>
6290            </a>
6291          </div>
6292          <div v-if="block.type === 'video'">
6293            <iframe
6294              :src="block.settings.dict_video_link"
6295              frameborder="0"
6296              class="qk-center--y qk-w--100 qk-h--100"
6297            ></iframe>
6298          </div>
6299          <div v-if="block.type === 'game'">
6300            <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
6301              <iframe
6302                class="cb-game-iframe iframe-loading"
6303                :src="getGameIframeSrc(block)"
6304                style="border: none;"
6305              >
6306                Loading
6307              </iframe>
6308            </div>
6309            <div v-show="gameStatus === 'minified'">
6310              <img
6311                src="//cdn1-next.cybassets.com/game_assets/game_minified_new.png"
6312                class="qk-h--100 qk-w--100"
6313                alt="game minified icon"
6314              />
6315            </div>
6316          </div>
6317          <div
6318            v-if="block.type === 'carousel'"
6319            :id="`popup-carousel-${block.id}`"
6320          >
6321          </div>
6322        </div>
6323      </div>
6324    </transition>
6325    <transition name="backdrop">
6326      <div
6327        v-if="shouldShowPopup"
6328        @click.capture="minifyPopup"
6329        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"
6330      >
6331      </div>
6332    </transition>
6333  </div>
6334</template>
6335
6336<script>
6337  $(document).ready(function() {
6338    const CDN_HOST = '//cdn1-next.cybassets.com';
6339    const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzUxMjU4ODQ0X-W3peS9nOWNgOWfnyAxLTEwMC5qcGcuanBlZyJdXQ.jpeg?sha=4a5ae7a532a0272b","icon_size":"large","dict_link":"/collections/coolmates","dict_icon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkyNjcyMTUxX1NBTEUyLnBuZy5wbmciXV0.png?sha=33269124ec7531da","dict_tablet_image_url":"","dict_mobile_image_url":"","link_open_in_new_tab":false},"custom_name":"圖片"},"1751261304018_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzU0OTgxNTM2XzjmnIjmlZnluKvnr4DlhKrmg6DmtLvli5UucG5nLnBuZyJdXQ.png?sha=e31dcdd933bbcbf0","icon_size":"large","dict_icon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNjkyNjcyMTUxX1NBTEUyLnBuZy5wbmciXV0.png?sha=33269124ec7531da","dict_link":"/collections/gift"}},"1770768520350_0":{"type":"image","custom_name":"圖片","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI2MjY0L2F0dGFjaGVkX3Bob3Rvcy8xNzcyNjcwMTEyX-ezu-e1see2reitt-WFrOWRii0wMS5qcGcuanBlZyJdXQ.jpeg?sha=47adc42949827372","icon_size":"large"}}},"block_order":["1770768520350_0"],"settings":{},"custom_name":"彈窗廣告"};
6340    var popupSection = Vue.createApp({
6341      template: '#popup-template',
6342      delimiters: ['${', '}'],
6343      data() {
6344        const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/']
6345          .some(path => location.pathname.includes(path));
6346        return {
6347          status: 'minified',
6348          gameStatus: 'show',
6349          blocks: isOmniauthPage
6350            ? []
6351            : section.block_order && section.block_order.reduce(
6352                function(acc, blockId) {
6353                  const block = section.blocks[blockId];
6354                  if (block && block.visible) {
6355                    acc.push({
6356                      ...block,
6357                      id: blockId,
6358                    });
6359                  }
6360                  return acc;
6361                },
6362                [],
6363              ),
6364          hasAddedGameScript: false,
6365        };
6366      },
6367      computed: {
6368        hasContent: function() {
6369          return !!(this.blocks && this.blocks.length > 0);
6370        },
6371        minifiedBlockClasses: function() {
6372          return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
6373        },
6374        shouldShowPopup: function() {
6375          return this.status === 'show';
6376        }
6377      },
6378      methods: {
6379        unhidePopup: function(storedStatus) {
6380          this.status = storedStatus;
6381          $('#popup-wrapper').removeClass('qk-display--none');
6382        },
6383        showPopup: function() {
6384          if (this.status !== 'show') {
6385            this.status = 'show';
6386            this.saveStatus(this.status);
6387          }
6388        },
6389        minifyPopup: function() {
6390          this.status = 'minified';
6391          this.saveStatus('minified');
6392        },
6393        loadStatus: function() {
6394          return JSON.parse(localStorage.getItem('popupStatus'));
6395        },
6396        saveStatus: function(status) {
6397          if (status) {
6398            localStorage.setItem('popupStatus', JSON.stringify({
6399              status: status,
6400              setTime: new Date().getTime(),
6401            }));
6402          }
6403        },
6404        linkClicked: function() {
6405          this.saveStatus('minified');
6406        },
6407        parseVideoLink: function(settings) {
6408          settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
6409        },
6410        setupImageSrc: function (settings) {
6411          settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
6412          if (settings.dict_tablet_image_url) {
6413            settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
6414          }
6415          if (settings.dict_mobile_image_url) {
6416            settings.dict_mobile_image_url = this.addCdnHost(sett
6416ings.dict_mobile_image_url);
6417          }
6418          settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
6419        },
6420        addCdnHost: function(url) {
6421          if (!url) {
6422            return url; // only add cdn host if url is not empty
6423          }
6424
6425          try {
6426            new URL(url);
6427            return url; // already a valid url, cdn host not needed
6428          } catch {
6429            return `${CDN_HOST}${url}`;
6430          }
6431        },
6432        initStatus: function() {
6433          let newStatus = 'show';
6434          const popupStatus = this.loadStatus();
6435          const currentTime = new Date().getTime();
6436          const oneDay = 1000 * 60 * 60 * 24;
6437          const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
6438          const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
6439          const isLoggingIn = this.isLoggingIn();
6440          const isCartPage = window.location.pathname.split('/').includes('carts');
6441
6442          if (hasStoredStatus && !redirectedByGameLogin) {
6443            newStatus = popupStatus.status;
6444          }
6445
6446          if (isLoggingIn) {
6447            newStatus = 'minified';
6448          } else {
6449            localStorage.removeItem('redirectedByPopup');
6450          }
6451
6452          setTimeout(() => {
6453            this.status = newStatus;
6454            this.gameStatus = newStatus;
6455            this.saveStatus(newStatus);
6456            if(!isCartPage){
6457              this.unhidePopup(newStatus);
6458            }
6459          }, 1000);
6460        },
6461        initBlocks: function() {
6462          if (this.hasContent) {
6463            this.blocks.forEach(block => {
6464              switch(block.type) {
6465                case 'image':
6466                  this.setupImageSrc(block.settings);
6467
6468                  const isOpenInNewTab = block.settings.link_open_in_new_tab;
6469                  if (isOpenInNewTab) {
6470                    block.settings.target = '_blank';
6471                    block.settings.rel = 'noopener noreferrer';
6472                  }
6473
6474                  break;
6475                case 'video':
6476                  this.parseVideoLink(block.settings);
6477                  break;
6478              }
6479            })
6480          }
6481        },
6482        getGameIframeSrc: function (block) {
6483          return `/games/${block.settings.dict_game_handle}`
6484        },
6485        updateGameStatus: function(type, element) {
6486          if (
6487            (type === 'start' && this.status === 'minified')
6488            || (type === 'end' && this.status === 'show')
6489          ) {
6490            this.gameStatus = this.status;
6491          }
6492        },
6493        setupGameRedirects: function() {
6494          window.addEventListener('pagehide', () => {
6495            const isGameActive = document.body.getElementsByClassName('show-game').length;
6496            if (isGameActive) {
6497              localStorage.setItem('redirectedByPopup', 'true');
6498              this.saveStatus('minified');
6499            }
6500          });
6501        },
6502        hasRedirectUrl: function() {
6503          return (new URLSearchParams(location.search)).has('redirect_url');
6504        },
6505        redirectedByGameLogin: function() {
6506          return localStorage.getItem('redirectedByPopup');
6507        },
6508        isLoggingIn: function() {
6509          const loginRelatedPathnames = [
6510            'account/signup',
6511            'account/login',
6512            'account/customer/password/new',
6513            'pages/terms'
6514          ];
6515          return loginRelatedPathnames.some(path => location.pathname.includes(path));
6516        }
6517      },
6518      created: function() {
6519        this.initStatus();
6520        this.initBlocks();
6521        this.setupGameRedirects();
6522      },
6523      mounted: function() {
6524        this.blocks.forEach((block) => {
6525          if (block.type === 'carousel' && block.settings.dict_carousel) {
6526            renderCarousel(`#popup-carousel-${block.id}`, {
6527              title: block.settings.dict_carousel,
6528              CDN_HOST,
6529              onLinkClick: () => this.linkClicked(),
6530            });
6531          }
6532        });
6533      },
6534    });
6535    popupSection.mount('#popup-wrapper');
6536  });
6537</script>
6537
6538
6539
6540
6541    </div>
6542
6543    <!-- ajaxloading -->
6544    <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
6545      <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
6546        <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">
6547          <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"/>
6548          <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 "/>
6549          <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"/>
6550          <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"/>
6551          <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"/>
6552          <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"/>
6553        </svg>
6554        <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
6555        <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
6556        <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常,請重新整理</div>
6557      </div>
6558    </div>
6559  
6559<script src="//cdn1-next.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
6559
6560      
6560<script>
6561      cyb.push({
6562        'event': 'productDetails',
6563        'ecommerce': {
6564          'currencyCode': 'TWD',
6565          'detail': {
6566            'products': [{"id":57141210,"name":"【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)","price":7100.0,"brand":null,"category":null,"variant":""}]
6567           }
6568         }
6569      });
6570      </script>
6570
6571    
6572      
6572<script>
6573        if (window.fbq) {
6574          fbq("track", "ViewContent", {
6575            content_name: "【官網限定】菴心呵護限定組(草本積熱清*36盒加贈 菴心呵護空調毯禮盒一組)",
6576            content_ids: "68987045",
6577            content_type: "product",
6578            value: 7100.0,
6579            currency: "TWD",
6580            contents: [{"id":68987045,"price":7100.0,"quantity":0}],
6581            content_category: null
6582          },{
6583            eventID: "ViewContent_9F89BE40ED4F47F193E1EDA4B5AC1AEE"
6584          });
6585        }
6586      </script>
6586
6587    </body>
6588
6589  
6589<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-4b1f02b0b778fcac.js' type='text/javascript'></script>
6589
6590  
6590<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme_helper-4b1f02b0b778fcac.js' type='text/javascript'></script>
6590
6591
6592  <!-- theme assets -->
6593  
6593<script src='//cdn1-next.cybassets.com/s/files/26264/theme/97462/assets/js/1690358690_213acdb3_main.js?1690358690' type='text/javascript'></script>
6593
6594  
6594<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme-4b1f02b0b778fcac.js' type='text/javascript'></script>
6594
6595
6596  <!-- for cache -->
6597  
6597<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/cacheable-4b1f02b0b778fcac.js' type='text/javascript'></script>
6597
6598</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.