PageSourceSearch

https://www.botany.tw/

html botany.tw collected 2026-09-29 02:33:47 UTC 271,410 bytes, 5,130 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW" style="height:100%;">
3  <head><!-- Google tag (gtag.js) -->
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-KTKH7H8K
vendor: 3 bytes, line 12
12');
12</script>
12
13          <!-- End Google Tag Manager -->
14      <!-- CYBERBIZ Google Tag Manager -->
15      
15<script>
vendor: 345 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
16      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
17      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
18      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
19      })(window,document,'script','cyb','
19GTM-TXD9LVJ
vendor: 3 bytes, line 19
19');
19</script>
19
20      <!-- End CYBERBIZ Google Tag Manager -->
vendor: 69 bytes, lines 20-22
20
21    
22<script async src="https://www.googletagmanager.com/gtag/js?id=
22G-RY6G7DE1F6
vendor: 12 bytes, line 22
22"></script>
23<script>
24  
vendor: 134 bytes, lines 24-28
24window.dataLayer = window.dataLayer || [];
25  function gtag(){dataLayer.push(arguments);}
26  gtag('js', new Date());
27
28  gtag('config', '
28G-RY6G7DE1F6
vendor: 4 bytes, line 28
28');
29</script>
29
30    <meta charset="utf-8">
31<meta http-equiv="X-UA-Compatible" content="IE=edge">
32<meta name="viewport" content="width=device-width, initial-scale=1">
33<link rel="icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?convert=false&sha=87a3fe517296de2d">
34<link rel="apple-touch-icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?convert=false&sha=87a3fe517296de2d">
35
36<meta property="og:site_name" content="Botany 植悟學" />
37
38<!-- og tag -->
39
40  <meta name="keywords" content="Botany,植悟學,手作優格,無糖優格,鮮奶優格,手工果醬,手工果泥" />
41  <meta name="description" content="極鮮!極纖!極仙,優格發酵完只賣3天,內含11種好菌,市售好菌種數最多、好菌含量最高" />
42  <meta property="og:title" content="Botany 植悟學 植悟學|自由配優格碗" />
43  <meta property="og:description" content="極鮮!極纖!極仙,優格發酵完只賣3天,內含11種好菌,市售好菌種數最多、好菌含量最高" />
44  <meta property="og:url" content="https://www.botany.tw" />
45  <meta property="og:type" content="website" />
46
47
48<!-- og image -->
49
50  
51  <meta property="og:image" content="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzQwNTI2X-akjeaCn-WtuO-8v-agoeiJsi0xNTMuanBlZy5qcGVnIl1d.jpeg?sha=9c3f02a5bc293ab7" />
52  
53
54
55<title>
56  
57    Botany 植悟學 植悟學|自由配優格碗
58  
59</title>
60
61
62
63<script src='//cdn1-next.cybassets.com/frontend/shop/useSettingsData-3a2e378145f8a165.js' type='text/javascript'></script>
63
64
65
66
67  
67<script>
68    window.setSettingsData({"draggable_sections":{"404":[],"index":["_main_slider_custom","_index_4_blocks_2","_graphic_introduction","_index_8_blocks","_graphic_introduction_2","1713459345646_0","_index_product_banner"],"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"],"page":["_main_slider_custom","_index_4_blocks_2","_graphic_introduction","_index_8_blocks","_graphic_introduction_2","_index_product_banner","_index_4_blocks"]},"sections":{"navbar":{"type":"navbar","visible":true,"settings":{"navbar_image_logo_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b","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":false,"dict_header_banner_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=ededc1e6b96d21f4","dict_header_banner_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_header_banner_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_header_banner_link":"","display_count_down":false,"navbar_display_style":"displayDefault","menu_display_style":"three_dimension_menu","header_banner_start":"","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","navbar_background_transparent":false,"link_menu_enabled":false,"link_menu":"undefined","display_banner_type":"imageBanner","header_banner_simple_text_size":"12","header_banner_simple_text_color":"#ffffff","header_banner_simple_bg":"#000000","logo_height":"","mobile_logo_position":"left"},"custom_name":"導覽列"},"footer":{"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/botany.taiwan","display_instagram":true,"shop_instagram":"https://www.instagram.com/botany.yogurt/","display_line":true,"shop_line":"https://lin.ee/NIFcJDp","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1714971143232_2","1715660083636_2","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":false,"dict_phone_number":"0931505090","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"台中市西屯區朝富路6號","display_office_time":true,"dict_shop_office_time":"10:30-19:30"}},"1714971143232_2":{"type":"rich_text_editor_setting","custom_name":"自訂文字","visible":true,"settings":{"dict_rich_text_title":"公司資訊","dict_rich_text_content":"\u003cp\u003e公司名稱  馥御農產有限公司\u003c/p\u003e\n\u003cp\u003e統一編號  93629287\u003c/p\u003e\n"}},"1715660083636_2":{"type":"rich_text_editor_setting","custom_name":"自訂文字","visible":true,"settings":{"dict_rich_text_title":"食品業者登錄字號","dict_rich_text_content":"\u003cp\u003eB-193629287-00000-5\u003c/p\u003e\n"}}},"custom_name":"頁腳"},"_main_slider_custom":{"type":"_main_slider_custom","visible":true,"blocks":{"display_main_slider_item_1":{"type":"image","visible":true,"settings":{"dict_link":"/collections/all","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2","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":""},"custom_name":"素材"},"display_main_slider_item_2":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2.png","dict_tablet_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png","dict_mobile_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png"},"custom_name":"素材"},"display_main_slider_item_3":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_3.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_4":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"},"display_main_slider_item_5":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"素材"}},"block_order":["display_main_slider_item_1"],"settings":{"swiper_delay":"60","margin_x":"","margin_bottom":"40","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"24","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"custom_name":"輪播素材"},"_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"https://www.facebook.com/botany.taiwan","dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"圖片"},"display_index_4_block_1_2":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_2.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"https://www.instagram.com/botany.yogurt/"}},"display_index_4_block_1_3":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_3.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"display_index_4_block_1_4":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_4.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"https://lin.ee/NIFcJDp"}}},"block_order":["display_index_4_block_1","display_index_4_block_1_2","display_index_4_block_1_3","display_index_4_block_1_4"],"custom_name":"自訂排版設計","settings":{"margin_x":"320","margin_bottom":"32","margin_block":"100","mobile_margin_x":"80","mobile_margin_bottom":"24","mobile_columns":2,"mobile_margin_block":"40"}},"express_delivery_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"express_delivery_display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/express_delivery_display_index_4_block_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}}},"block_order":["express_delivery_display_index_4_block_1"]},"custom_text":{"type":"custom_text","visible":true,"settings":{}},"blog":{"type":"blog","visible":true,"settings":{"article_limit_in_blog_page":"6"}},"article":{"type":"article","visible":true,"settings":{"display_blog_menu":true,"dict_blog_tags_title":"文章分類","blog_latest_post_limit":"2"}},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"
686","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?sha=87a3fe517296de2d","og_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzQwNTI2X-akjeaCn-WtuO-8v-agoeiJsi0xNTMuanBlZy5qcGVnIl1d.jpeg?sha=9c3f02a5bc293ab7","shop_title":"植悟學|自由配優格碗","shop_description":"極鮮!極纖!極仙,優格發酵完只賣3天,內含11種好菌,市售好菌種數最多、好菌含量最高","shop_keywords":"Botany,植悟學,手作優格,無糖優格,鮮奶優格,手工果醬,手工果泥"},"custom_name":"全站設定"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#525652","button_text_color":"#FFFEF8","accent_color":"#525652","heading_color":"#2d2d2d","text_color":"#525652","price_color":"#cb9a5e","discount_price_color":"#525652","theme_bg_color":"#FFFEF8","product_border_color":"#525652","nav_logo_bg_color":"#FFFEF8","nav_menu_bg_color":"#FFFEF8","nav_menu_text_color":"#2d2d2d","nav_menu_icon_color":"#000000","footer_bg_color":"#525652","footer_text_color":"#FFFEF8","checkout_button_color":"#525652","checkout_accent_color":"#408009","tips_text_color":"#408009"},"custom_name":"顏色設定"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMxMzE1NjYzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=96a3e0683a5a839b","icon_size":"small","dict_link":"https://www.botany.tw/account/signup"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"},"product_info":{"type":"product_info","visible":true,"settings":{"display_product_sku":true,"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":true,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"相關商品","related_products_limit":"4"},"custom_name":"相關商品"},"combo_product_info":{"type":"combo_product_info","visible":true,"settings":{}},"combo_product_desc":{"type":"combo_product_desc","visible":true,"settings":{}},"contact":{"type":"contact","visible":true,"settings":{"show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e"}},"collection":{"type":"collection","visible":true,"settings":{"collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","is_infinite_scroll":false},"custom_name":"商品分類設定"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_title_text":"抱歉,此頁面不存在或者已經被移除","dict_btn_text":"返回首頁"}},"blogs_all":{"type":"blogs_all","visible":true,"settings":{}},"bundle_discounts":{"type":"bundle_discounts","visible":true,"settings":{}},"cart":{"type":"cart","visible":true,"settings":{}},"cart_empty":{"type":"cart_empty","visible":true,"settings":{}},"page":{"type":"page","visible":true,"settings":{}},"search":{"type":"search","visible":true,"settings":{"search_link_list":"main-menu"}},"customers/account":{"type":"customers/account","visible":true,"settings":{}},"customers/account_edit":{"type":"customers/account_edit","visible":true,"settings":{}},"customers/activate_account":{"type":"customers/activate_account","visible":true,"settings":{}},"customers/addresses":{"type":"customers/addresses","visible":true,"settings":{}},"customers/bonus_points":{"type":"customers/bonus_points","visible":true,"settings":{}},"customers/cancel":{"type":"customers/cancel","visible":true,"settings":{}},"customers/coupons":{"type":"customers/coupons","visible":true,"settings":{}},"customers/forgot_password":{"type":"customers/forgot_password","visible":true,"settings":{}},"customers/login":{"type":"customers/login","visible":true,"settings":{}},"customers/message":{"type":"customers/message","visible":true,"settings":{}},"customers/messages":{"type":"customers/messages","visible":true,"settings":{}},"customers/modify_password":{"type":"customers/modify_password","visible":true,"settings":{}},"customers/order":{"type":"customers/order","visible":true,"settings":{}},"customers/orders":{"type":"customers/orders","visible":true,"settings":{}},"customers/periodic_order":{"type":"customers/periodic_order","visible":true,"settings":{}},"customers/periodic_orders":{"type":"customers/periodic_orders","visible":true,"settings":{}},"customers/other_valid_orders":{"type":"customers/other_valid_orders","visible":true,"settings":{}},"customers/register":{"type":"customers/register","visible":true,"settings":{}},"customers/reset_password":{"type":"customers/reset_password","visible":true,"settings":{}},"customers/return":{"type":"customers/return","visible":true,"settings":{}},"customers/tracking_items":{"type":"customers/tracking_items","visible":true,"settings":{}},"express_delivery-navbar":{"type":"express_delivery-navbar","visible":true,"settings":{}},"express_delivery-content":{"type":"express_delivery-content","visible":true,"settings":{}},"_index_4_blocks_2":{"type":"_index_4_blocks","custom_name":"自訂排版設計","visible":true,"settings":{"margin_x":"160","margin_bottom":"40","margin_block":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","mobile_columns":2,"mobile_margin_block":"16"},"blocks":{"display_index_4_block_2":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/puree","block_propotion":"33.3","dict_image_description":""}},"display_index_4_block_2_2":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/nuts","block_propotion":"33.3","dict_image_description":""}},"display_index_4_block_2_3":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/無糖鮮奶優格","block_propotion":"33.3","dict_image_description":""}}},"block_order":["display_index_4_block_2","display_index_4_block_2_2","display_index_4_block_2_3"]},"_index_8_blocks":{"type":"_index_8_blocks","custom_name":"商品分類","visible":true,"settings":{"dict_title":"超夯人氣組合","collection_handle":"超夯人氣組合","limit":"
686","margin_x":"180","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","product_display":"displayAll","product_arrangement":"2","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"},"blocks":{},"block_order":[]},"_index_product_banner":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"聯絡我們"},"blocks":{},"block_order":[]},"_graphic_introduction":{"type":"_graphic_introduction","custom_name":"圖文介紹","visible":true,"settings":{"text_display":"leftPosition","graphic_text":"#FFFEF8","graphic_bg":"#525652","margin_x":"20","margin_bottom":"48","mobile_margin_x":"20","mobile_margin_bottom":"50","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","btn_display":"leftSide","block_propotion":"60"},"blocks":{"display_graphic_introduction_block_1":{"type":"title","custom_name":"標題","visible":true,"settings":{"dict_rich_text_title":"根植在地 | 感悟自然","dict_size":"24"}},"display_graphic_introduction_block_1_2":{"type":"text","custom_name":"內文","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003e在食安問題不斷爆發的這幾年\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e我們不追求工廠大量生產的產品\u003c/p\u003e\n\u003cp\u003e不使用化學添加劑來刺激味蕾\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e堅持在店製作的溫度\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e每一口都吃得到\u003c/p\u003e\n\u003cp\u003e新鮮食材與季節氣候交織而成的自然酸甜\u003c/p\u003e\n","dict_size":"16"}},"display_graphic_introduction_block_1_3":{"type":"button","custom_name":"按鈕","visible":false,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#525652","graphic-button_text":"#ffffff","dict_graphic_button_link":"/collections/all"}}},"block_order":["display_graphic_introduction_block_1","display_graphic_introduction_block_1_2"]},"_graphic_introduction_2":{"type":"_graphic_introduction","custom_name":"圖文介紹","visible":true,"settings":{"text_display":"midPosition","graphic_text":"#525652","graphic_bg":"#ffffff","margin_x":"20","margin_bottom":"48","mobile_margin_x":"0","mobile_margin_bottom":"40","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","btn_display":"rightSide","block_propotion":"40","custom_block_image_alt":""},"blocks":{"display_graphic_introduction_block_2":{"type":"title","custom_name":"標題","visible":true,"settings":{"dict_rich_text_title":"極 鮮 ! 極 纖 ! 極 仙 ! ","dict_size":"24"}},"display_graphic_introduction_block_2_2":{"type":"text","custom_name":"內文","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003e・發酵完只賣 3 天的極鮮優格\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e・新鮮水果熬製而成高纖果泥\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e・恆溫烘培 6 小時的原味堅果\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;組 成 神 仙 組 合\u003c/p\u003e\n","dict_size":"18"}},"display_graphic_introduction_block_2_3":{"type":"button","custom_name":"按鈕","visible":true,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#525652","graphic-button_text":"#d9caa3"}}},"block_order":["display_graphic_introduction_block_2","display_graphic_introduction_block_2_2"]},"1713459345646_0":{"type":"_main_slider_custom","custom_name":"輪播素材","visible":true,"settings":{"swiper_delay":"2","margin_x":"0","margin_bottom":"50","image_number":"3","image_space":"12","mobile_margin_x":"5","mobile_margin_bottom":"50","mobile_image_number":"2","mobile_image_space":"5","transition_speed":"0.3"},"blocks":{"1713459345647_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM2X-akjeaCn-WtuO-8v-agoeiJsi0zNS5qcGVnLmpwZWciXV0.jpeg?sha=bae72dfb6df5dd78","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459753188_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM0X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=ae739617329f088b","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":""}},"1713459755789_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMjMuanBnLmpwZWciXV0.jpeg?sha=685f4f85d68de7c2","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":""}},"1713459757073_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2","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":""}},"1713459758706_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=9eaeb65c1c55dc0e","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":""}},"1713459760003_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMzQuanBnLmpwZWciXV0.jpeg?sha=facbef037896bfaa","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":""}},"1713459761206_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xNDguanBnLmpwZWciXV0.jpeg?sha=8858ac32640551fe","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":""}},"1713459768489_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=c866401b1037406d","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=c866401b1037406d","dict_mobile_image_url":"","dict_link":""}},"1713459770338_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=9eaeb65c1c55dc0e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459773339_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=3e20e75b6649bea5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459775837_0":{"type":"image","custom_name":"素材","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=453f00ea346517ba","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1733378986393_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzMzc5MTM0X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=fc1658f80be24bef","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":""}},"1733736054816_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=7160c6a125f6c469","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":""}},"1733736342427_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=d55ce598ff2b60df","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":""}},"1733736349232_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=747b5de6f43e338e","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":""}},"1733736357351_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=89eed101ea91dc5e","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":""}}
68,"1733736385109_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2NDM4X-akjeaCn-WtuO-8v-agoeiJsi0xNTggKDEpLmpwZy5qcGVnIl1d.jpeg?sha=3ec730bf625d4d3b","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":""}}},"block_order":["1713459755789_0","1713459757073_0","1713459760003_0","1713459761206_0","1733736054816_0","1733736342427_0","1733736349232_0","1733736357351_0","1733736385109_0"]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"image","visible":true,"settings":{"display_only_index":false,"display_period":"always","dict_link":"","link_open_in_new_tab":false,"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=ededc1e6b96d21f4","dict_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","image_alt":"","dict_content":"","text_size":"12","text_color":"#ffffff","bg_color":"#000000","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","migrated_from_navbar":true}}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"}}},"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":false,"display_product_total_sold":false,"display_periodic_order_label":false,"cart_quantity_limit":"0","is_empty_clickable":true,"is_first_selected":false,"display_product_images_color":false,"discount_product_images_color_expand":false,"display_product_discounts_list":true,"display_discount_price_name":false,"discount_price_slogan_url":"/theme_src/i18n_delight/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":true,"dict_product_description_section_shipping":"運送方式","vip_custom_price_visible":false,"display_global_event_1":false,"dict_show_global_event_1_link":"#","display_global_event_2":false,"dict_show_global_event_2_link":"#","display_global_event_3":false,"dict_show_global_event_3_link":"#","display_contact_address":true,"dict_contact_address":"測試地址","show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e","display_selected_blog":true,"selected_blog":"news","display_inventory_policy":true,"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":{"displayPeriodicEventLabel":false,"periodicEventLabelType":"text","dictPerio
68dicEventLabelText":"","periodicEventLabelImage":"","displaySaleLabel":false,"saleLabelType":"text","dictSaleLabelText":"","saleLabelImage":"/theme_src/beta_theme/default_img/onsale_icon.png","displayOutOfStockLabel":false,"outOfStockLabelType":"text","dictOutOfStockLabelText":"","outOfStockLabelImage":"","displayCustomLabel1":false,"customLabel1Type":"text","customLabel1Tag":"","dictCustomLabel1Text":"","customLabel1Image":"","displayCustomLabel2":false,"customLabel2Type":"text","customLabel2Tag":"","dictCustomLabel2Text":"","customLabel2Image":"","displayCustomLabel3":false,"customLabel3Type":"text","customLabel3Tag":"","dictCustomLabel3Text":"","customLabel3Image":"","displayCustomLabel4":false,"customLabel4Type":"text","customLabel4Tag":"","dictCustomLabel4Text":"","customLabel4Image":"","displayCustomLabel5":false,"customLabel5Type":"text","customLabel5Tag":"","dictCustomLabel5Text":"","customLabel5Image":""},"nav_icon_style":"icon_type_default","product_card_hover_effect":"button"});
69  </script>
69
70
71
72
73
74
75
76
77
78  
78<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.botany.tw","logo":"https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b"}</script>
78<script type="application/ld+json">{"@context":"https://schema.org/","@type":"WebSite","name":"Botany 植悟學","url":"https://www.botany.tw","potentialAction":{"@type":"SearchAction","target":"www.botany.tw/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
78
79
80
81
82    <!-- for vendor -->
83    <!-- cyb_snippet _bootstrap start -->
84
85<!-- cyb_snippet _bootstrap end -->
86    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vendor-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
87
88    <!-- common css rulesets -->
89    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/common-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
90
91    <!-- for navbar -->
92    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/navbar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
93
94    <!-- for footer -->
95    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/footer-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
96
97    <!-- theme assets -->
98    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/main-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
99
100    <!-- for vendor -->
101    
101<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/vendor-3a2e378145f8a165.js' type='text/javascript'></script>
101
102
103            
103<script>
104          window.sci = "eyJzaG9wX2lkIjoyODgzMywic2hvcF9wbGFuIjoiYWR2YW5jZSIsImRpbV9h\nZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9u\nYW1lIjpudWxsLCJzaG9wX25hbWUiOiJCb3Rhbnkg5qSN5oKf5a24Iiwic2hh\ncmVfYXR0cmlidXRpb25fZW5hYmxlZCI6dHJ1ZX0=\n";
105        </script>
105
106
107
108<meta name="csrf-param" content="authenticity_token" />
109<meta name="csrf-token" content="TaileAcFo8eZmiyp9lCMtM3RmC4mddMk0xiLf62ukkjXlBDCFLiQKkU04Ua3Hk-4tSlQheAg_17QVLcxeNr5ng" />
110<script>(function () {
111  window.gaConfigurations = {"useProductIdInProductEvents":false};
112})();
113</script>
vendor: 1 bytes, line 113
113
114<script>(function () {
115  window.CYBERBIZ_PageContext = {"page_type":"home"};
116})();
117</script>
117
118<link href="//cdn1-next.cybassets.com/frontend/shop/quark-3a2e378145f8a165.css" rel="stylesheet" type="text/css" media="all" />
119        
119<script>
120          window.shopScriptHelper = {
121            i18nLocale: "zh-TW",
122            i18nLocaleDefault: "zh-TW",
123            availableCurrencies: [],
124            defaultCurrency: "TWD",
125            currenciesInfo: [{"decimal_precision":0,"symbol":"NT$","name":"新台幣 (TWD)","html":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","html_unit":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"format":"NT${{amount_no_decimals}}","code":"TWD","money_format":"%u%n","email":"NT${{amount_no_decimals}}"}],
126            vueOverrideTranslations: {"zh-TW":{"vue":{"theme_pages":{"order_return":{"address1":"詳細退貨地址:路/巷/弄/號/樓","keyin_address1":"請填寫詳細退貨地址:路/巷/弄/號/樓"}}}}},
127            hasI18nInContextEditing: false,
128            shopMultipleCurrenciesCheckout: false,
129            hasLocalizedShopPriceFormat: true,
130          }
131        </script>
131
132
133        
134        
134<script
135          src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-3a2e378145f8a165.js">
136        </script>
136
137        
137<script defer>
138          /*
139          * Enable in-context translation for Liquid part on the page.
140          * This must be executed last to prevent conflicts with other Vue apps.
141          * So put it to `onload`, which will be executed after DOM ready's app mount
142          */
143          window.onload = function() {
144            if (
145              window.shopScriptHelper &&
146              window.shopScriptHelper.hasI18nInContextEditing
147            ) {
148              window.initTolgeeForLiquid()
149            }
150          }
151        </script>
151
152
153<script> var google_con_event_labels = []</script>
vendor: 1 bytes, line 153
153
154<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-3a2e378145f8a165.js"></script>
vendor: 1 bytes, line 154
154
155<script src="//cdn1-next.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
155
156        
156<script>
157          window.c12t = {"customer_id":null};
158        </script>
158
159
160        <meta name="request-id" content="D96EB3E7285ADCBE334BD4E3C0BB8843"/>
161
162<link rel="canonical" href="https://www.botany.tw/">
163<script src="//cdn1-next.cybassets.com/frontend/shop/carousel-3a2e378145f8a165.js"></script>
163
164          
164<script>
165            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
166          </script>
166
167
168<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 168
168
169<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctUDM2WUhQM0dW\nRiwgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6Ikct\nUlk2RzdERTFGNiJ9fSx7InZlbmRvcl90eXBlIjoiRGlnaXRhbCBJbnRlbGxp\nZ2VuY2UgVHJhY2tlciIsImFwcF9pZCI6IjFiNTBhODZkYzJkMTQxODM4OGZk\nZWRmN2EwZDQzOWFlIiwic2V0dGluZ3MiOnt9fV0=\n"}
170</script>
vendor: 1 bytes, line 170
170
171<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 171
171
172<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 172
172
173<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 173
173
174<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 174
174
175<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-3a2e378145f8a165.js"></script>
vendor: 1 bytes, line 175
175
176<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
176
177
178
179
180
181
182
183
184    <style id="color_settings">
185  :root {
186    
187      --button: #525652;
188    
189
190    
191      --button_text: #FFFEF8;
192    
193
194    
195      --accent: #525652;
196    
197
198    
199      --heading: #2d2d2d;
200    
201
202    
203      --text: #525652;
204    
205
206    
207      --price: #cb9a5e;
208    
209
210    
211      --discount_price: #525652;
212    
213
214    
215      --theme_bg: #FFFEF8;
216    
217
218    
219      --nav_logo_bg: #FFFEF8;
220    
221
222    
223      --nav_menu_bg: #FFFEF8;
224    
225
226    
227      --nav_menu_text: #2d2d2d;
228    
229
230    
231      --nav_menu_icon: #000000;
232    
233
234    
235      --footer_bg: #525652;
236    
237
238    
239      --footer_text: #FFFEF8;
240    
241
242    
243      --checkout_button: #525652;
244    
245
246    
247      --checkout_accent: #408009;
248    
249
250    
251      --product_border: #525652;
252    
253
254    
255      --tips_text: #408009;
256    
257
258    
259
260    
261  }
262</style>
263
264
265
266
267<meta name="google-site-verification" content="7S3-33ovqHtGQab85AIh-XL2Pvnu9diGKt3poaBZQIs" />
268  
269        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 269-270
269
270          <script async src="https://www.googletagmanager.com/gtag/js?id=
270G-P36YHP3GVF
vendor: 22 bytes, lines 270-271
270"></script>
271          
271<script>
272            window.dataLayer = window.dataLayer || [];
273            function gtag(){dataLayer.push(arguments);}
274            gtag('js', new Date());
275            gtag('config', 'G-P36YHP3GVF', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":28833,"dim_affiliate":null});
276            gtag('config', 'UA-64017614-1', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":28833,"dim_affiliate":null});
277      gtag('config', 'AW-3947958374', {"groups":"dynamic_remarketing"});</script>
277
278      
278<script>
279        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
280        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
281        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
282        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
283
284        ga('create', '', 'auto', {'name': 'cyberbiz'});
285        ga('cyberbiz.require', 'displayfeatures');
286        ga('cyberbiz.set', 'dimension1', '28833');
287        ga('cyberbiz.require', 'ec');
288        ga('cyberbiz.send', 'pageview');
289      </script>
289
290    
291      
291<script>
vendor: 426 bytes, lines 291-298
291
292      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
293      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
294      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
295      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
296      document,'script','//connect.facebook.net/en_US/fbevents.js');
297
298      fbq('init', '
2981181616233102280
vendor: 38 bytes, lines 298-299
298', {}, {'agent':'plcyberbiz'});
299      
299fbq('track', "PageView", '', { eventID: "PageView_D96EB3E7285ADCBE334BD4E3C0BB8843" });
300      var facebook_pixel_id = '1181616233102280'</script>
300
301
302    </head>
303
304  <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 304-305
304
305            <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
305GTM-KTKH7H8K
vendor: 105 bytes, lines 305-307
305"
306            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
307          
307<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 307-309
307
308      <noscript><iframe
309      src="//www.googletagmanager.com/ns.html?id=
309GTM-TXD9LVJ
vendor: 117 bytes, lines 309-315
309"
310      height="0"
311      width="0"
312      style="display:none;visibility:hidden">
313      </iframe></noscript>
314    
315    
315<!-- Navigation -->
316    <!-- cyb_snippet liquid_helper start -->
317<script>
318	function getDiscountPriceName() {
319		return "false" === "true" ? "" : "";
320	}
321
322	function getDiscountPriceSuggestionName() {
323		return "false" === "true" ? "" : "";
324	}
325
326  document.addEventListener('DOMContentLoaded', function() {
327    const languageHandle = Cookies.get("language");
328    const defaultLanguage = {"handle":"zh-TW","title":"繁體中文","currency_code":"TWD"};
329    const languages = [];
330    const currency = window.shopScriptHelper.defaultCurrency;
331    const currencies = window.shopScriptHelper.currenciesInfo;
332		window.liquidHelper = {
333			shopInternational: false,
334			defaultLanguage: defaultLanguage,
335			language: languages.find(function(l) {
336				return l.handle === languageHandle;
337			}) || defaultLanguage,
338      shopMultipleCurrenciesCheckout: false,
339			shopMultipleCurrencies: false,
340			defaultCurrencyFormat: "NT${{amount_no_decimals}}",
341			defaultCurrency: currency,
342			getCurrency: function() {
343        const currencyValue = Cookies.get("currencyValue") || currency;
344        return currencies.find(function(c) { return c.code === currencyValue; }
345      )},
346      getDefaultCurrency: function() { return currencies.find(function(c) {
347				return c.code === currency;
348			})},
349      getAvailableCurrencies: function() { return currencies.map(c => c.code) },
350      getCurrencyFormatInfo: function(currency) {
351        const currencyInfo = currencies.find(c => c.code === currency)
352        return _.pick(currencyInfo, [
353          'decimal_precision',
354          'symbol',
355          'money_format',
356          'unit',
357          'trailing_zeros',
358          'html_unit',
359          'code',
360        ]);
361      },
362			cartQuantityLimit: (function() {
363        const limit = Number("0" || undefined);
364        return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit;
365      })(),
366			isFirstVariantSelected:  false ,
367			isImageColorsUsed:  false ,
368			isEmptyClickable:  true ,
369			hasAddBuyProduct: '' !== "" ? true : false,
370			hasPriceWithDiscountPlugin: 'false' ? true : false,
371      conversionBonus: 1,
372      hasLocalizedShopPriceFormat: true,
373      hasCustomerCartPlugin: true,
374      isCartEnabled: true,
375      cdnHost: '//cdn1-next.cybassets.com',
376      hasShopCustomPasswordRulePlugin: false,
377      hasDisableProductQuantityValidation: false,
378      hasBreadcrumbReferrerEnabled: false,
379		};
380	});
381</script>
381
382
383<!-- cyb_snippet liquid_helper end -->
384
385<script src='//cdn1-next.cybassets.com/frontend/shop/navbarSection-3a2e378145f8a165.js' type='text/javascript'></script>
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402<style>
403  
404    #navbar {
405      --navbar-pc-title-scale: 0.9;
406      --navbar-pc-body-scale: 1.0;
407      --navbar-mobile-title-scale: 0.9;
408      --navbar-mobile-body-scale: 1.0;
409    }
410  
411
412  
413
414  
415</style>
416
417
418  <span id="navbar" class="drawer drawer--left font-size-setting-enabled">
419    <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0">
420      
421
422      
423        <div id="announcement-bar"></div>
424      
425
426      
427      
428        <div class="computer_nav qk-hidden--mobile ">
429          <div class="header_logo qk-bg--nav_logo_bg">
430            <div class="qk-pos--rel">
431              <div class="qk-text--center">
432                <!-- logo start -->
433                
434                  <nav class="logo qk-display--il_bk">
435                    <a href="/" class="qk-w--100">
436                      <img
437                        src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b"
438                        class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile"
439                        style="width: auto; height: 52px;"
440                        alt=""
441                        height="52"
442                        width="auto"
443                      >
444                    </a>
445                  </nav>
446                
447                <!-- logo end -->
448                <!-- tool-nav start -->
449                
450                  <!-- cyb_snippet tool_nav start -->
451
452
453
454
455
456
457<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex">
458  <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0">
459    
460    
461    <!-- member -->
462    
463      <li class="customer_account qk-pos--rel qk-pd--05">
464        <div class="dropdown qk-pos--static">
465          <div class="qk-cursor--pointer" data-toggle="dropdown">
466            <div data-icon-type="custom_icon_type_account"></div>
467            <span class="text"></span>
468          </div>
469          <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">
470            <ul id="customer-logined-menu" style="display: none">
471              <li>
472                <div class="qk-fs--body qk-text--heading">
473                  <p class="customer-name qk-whitespace-break-spaces"></p>
474                  <p>您好!</p>
475                </div>
476              </li>
477            </ul>
478            <ul id="customer-not-login-menu">
479              <li class="button qk-text--center">
480                <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">會員登入</a>
481              </li>
482              <li class="button qk-text--center">
483                <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">註冊新會員</a>
484              </li>
485            </ul>
486            <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span>
487            <ul class="member-menu qk-bd_t--default qk-bd--product_border">
488              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
489                <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">我的帳戶</a>
490              </li>
491              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
492                <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">訂單查詢</a>
493              </li>
494              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
495                <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">專屬優惠券</a>
496              </li>
497              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
498                <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">收藏清單</a>
499              </li>
500              <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">
501                <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">會員登出</a>
502              </li>
503            </ul>
504          </div>
505        </div>
506      </li>
507    
508    <!-- for money symbol -->
509    <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div>
510    <!-- cart -->
511    
512      <li class="cart qk-pos--rel qk-pd--05">
513        <!--電腦版的購物車選單-->
514        <div class="dropdown qk-pos--static">
515          <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" >
516            <div data-icon-type="custom_icon_type_cart"></div>
517            <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>
518            <span class="global-cart-loading"></span>
519          </div>
520          <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">
521            <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>
522            <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">目前的購物車是空的!</p>
523            <ul>
524              <li class="button qk-text--center">
525                <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">立即購買</a>
526                <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">前往收藏清單</a>
527              </li>
528            </ul>
529          </div>
530        </div>
531      </li>
532    
533    <!-- search -->
534    
535      <li class="search qk-pos--rel qk-pd--05" id="search-icon">
536        <div class="dropdown qk-pos--static">
537          <div class="qk-cursor--pointer" data-toggle="dropdown">
538            <div data-icon-type="custom_icon_type_search"></div>
539          </div>
540          <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">
541            <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-vert--mid">
542              <form action="/search" class="form-inline qk-search_form qk-display--flex qk-justfify--between qk-align--center qk-flex--1">
543                <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="" />
544                <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">搜尋</button>
545              </form>
546            </div>
547          </div>
548        </div>
549      </li>
550    
551    <!-- express delivery -->
552    
553  </ul>
554</nav>
555
556<!-- cyb_snippet tool_nav end -->
557                
558                <!-- tool-nav end -->
559              </div>
560            </div>
561          </div>
562          
563            <div class="header_nav qk-bg--nav_menu_bg">
564              <div class="qk-pd_x--15">
565                <div class="qk-pos--relative center">
566                  <!-- main-nav start -->
567                  <nav class="main_nav qk-display--init"></nav>
568                  <!-- main-nav end -->
569                </div>
570              </div>
571            </div>
572          
573        </div>
574      
575      <div class="qk-hidden--pc  ">
576        <!-- mobile-nav start -->
577        <nav class="mobile-nav qk-bg--nav_logo_bg">
578          <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0">
579            <!-- menu -->
580            
581              <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center">
582                <div data-icon-type="custom_icon_type_menu"></div>
583              </li>
584            
585            <!-- logo -->
586            
587              <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0">
588                
589                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone">
590                    <img
591                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b"
592                      height="25"
593                      width="auto"
594                      alt=""
595                    >
596                  </a>
597                
598                
599                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet">
600                    <img
601                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b"
602                      height="25"
603                      width="auto"
604                      alt=""
605                    >
606                  </a>
607                
608              </li>
609            
610            
611              <!-- search -->
612              
613                <li class="search qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center ">
614                  <div class="dropdown qk-pos--static qk-text--center">
615                    <div class="qk-cursor--pointer" data-toggle="dropdown">
616                      <div data-icon-type="custom_icon_type_search"></div>
617                    </div>
618                    <div
619                      class="qk-dropdown_menu dropdown-menu qk-w--100vw qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-mg--0"
620                      role="menu"
621                    >
622                      <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-sp_bt--5 qk-w--100">
623                        <form action="/search" class="form-inline qk-display--flex qk-justfify--center qk-flex--1">
624                          <div class="form-inline qk-search_form qk-display--flex qk-justfify--center qk-align--center qk-flex--1">
625                            <input
626                              class="form-control qk-flex--1 qk-inputbox qk-inputbox--lg qk-bg--trans
626parent qk-text--heading"
627                              type="search"
628                              placeholder="搜尋"
629                              aria-label="Search"
630                              name="q"
631                              value=""
632                            >
633                            <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">
634                              搜尋
635                            </button>
636                          </div>
637                        </form>
638                      </div>
639                    </div>
640                  </div>
641                </li>
642              
643              <!-- express delivery -->
644              
645            
646          </ul>
647        </nav>
648        <!-- mobile-nav end -->
649      </div>
650      
651    </header>
652    
653      <!-- Sidebar -->
654      <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation">
655        <div class="drawer-menu">
656          <!-- cyb_snippet side_menu start -->
657
658
659<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1">
660  
661    <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05">
662      <a href="/" class="qk-pd--0">
663        <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b" height="32" width="auto" alt="logo">
664      </a>
665      <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button>
666    </li>
667  
668  
669    
670
671    
672      <!-- cyb_snippet components/side_menu/menu start -->
673
674  <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>
675
676
677  
678  
679  
680    <li class="qk-pos--rel qk-pd--0">
681      
682        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/">首頁</a>
683      
684    </li>
685  
686
687  
688  
689  
690    <li class="qk-pos--rel qk-pd--0">
691      
692        <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/news">最新動態</a>
693      
694    </li>
695  
696
697  
698  
699  
700    <!-- cyb_snippet components/side_menu/collection_all start -->
701
702
703
704
705  <li class="qk-pos--rel qk-pd--0">
706    <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_3" aria-expanded=" false ">
707      <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">
708        所有商品
709      </a>
710    </button>
711    <ul id="index_sidebar_collection_all_shelf_second_3" class="collapse_collection_all_index_sidebar_3 collapse shelf_second qk-pd--0 ">
712      
713        
714        
715        <li class="qk-pos--rel qk-pd--0">
716          <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_3_1" aria-expanded=" false ">
717            <a href="/collections/超夯人氣組合" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
718              熱銷推薦🥣
719            </a>
720          </button>
721          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_1 collapse shelf_third qk-pd--0 ">
722            
723              <li class="qk-pos--rel qk-pd--0">
724                <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/preorderyogurtpuree">【一般訂單】Botany植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
725              </li>
726            
727              <li class="qk-pos--rel qk-pd--0">
728                <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/regularyogurt">【定期定額】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
729              </li>
730            
731              <li class="qk-pos--rel qk-pd--0">
732                <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/whitestrawberryicecream-20250612230856">Botany植悟學|白草莓冰淇淋</a>
733              </li>
734            
735              <li class="qk-pos--rel qk-pd--0">
736                <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/familyyogurt">【超值家庭組】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
737              </li>
738            
739              <li class="qk-pos--rel qk-pd--0">
740                <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/greekyogurt">【一般訂單】Botany植悟學|冷萃希臘優格(含12種好菌 市售最多)</a>
741              </li>
742            
743              <li class="qk-pos--rel qk-pd--0">
744                <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/yogurtdrink">【一般訂單】Botany植悟學|無糖鮮奶優格飲(含12種好菌 市售最多)</a>
745              </li>
746            
747              <li class="qk-pos--rel qk-pd--0">
748                <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/coconutyogurt">【一般訂單】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出</a>
749              </li>
750            
751              <li class="qk-pos--rel qk-pd--0">
752                <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/coconutyogurt-20260224152406">【超值家庭組】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出</a>
753              </li>
754            
755              <li class="qk-pos--rel qk-pd--0">
756                <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/regulargreekyogurt">【定期定額】Botany 植悟學|冷萃希臘優格(無糖鮮奶)(含12種好菌 市售最多)</a>
757              </li>
758            
759              <li class="qk-pos--rel qk-pd--0">
760                <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/regularcoconutyogurt">【定期定額】Botany植悟學|【純素】無糖椰奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
761              </li>
762            
763              <li class="qk-pos--rel qk-pd--0">
764                <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/滿鐵元素">Botany植悟學|滿鐵元素</a>
765              </li>
766            
767              <li class="qk-pos--rel qk-pd--0">
768                <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/青盈纖果">Botany植悟學|青盈纖果</a>
769              </li>
770            
771              <li class="qk-pos--rel qk-pd--0">
772                <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/盛夏光年">Botany植悟學|盛夏光年(夏限)</a>
773              </li>
774            
775              <li class="qk-pos--rel qk-pd--0">
776                <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/紅粉佳人">Botany植悟學|紅粉佳人(冬限)</a>
777              </li>
778            
779          </ul>
780        </li>
781      
782        
783        
784        <li class="qk-pos--rel qk-pd--0">
785          <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_3_2" aria-expanded=" false ">
786            <a href="/collections/定期定額補好菌" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
787              定期定額補好菌🗓
788            </a>
789          </button>
790          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_2 collapse shelf_third q
790k-pd--0 ">
791            
792              <li class="qk-pos--rel qk-pd--0">
793                <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/regulargreekyogurt">【定期定額】Botany 植悟學|冷萃希臘優格(無糖鮮奶)(含12種好菌 市售最多)</a>
794              </li>
795            
796              <li class="qk-pos--rel qk-pd--0">
797                <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/regularyogurt">【定期定額】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
798              </li>
799            
800              <li class="qk-pos--rel qk-pd--0">
801                <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/regularcoconutyogurt">【定期定額】Botany植悟學|【純素】無糖椰奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
802              </li>
803            
804          </ul>
805        </li>
806      
807        
808        
809        <li class="qk-pos--rel qk-pd--0">
810          <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_3_3" aria-expanded=" false ">
811            <a href="/collections/無糖鮮奶優格" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
812              無糖鮮奶/椰奶優格🥛
813            </a>
814          </button>
815          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_3 collapse shelf_third qk-pd--0 ">
816            
817              <li class="qk-pos--rel qk-pd--0">
818                <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/greekyogurt">【一般訂單】Botany植悟學|冷萃希臘優格(含12種好菌 市售最多)</a>
819              </li>
820            
821              <li class="qk-pos--rel qk-pd--0">
822                <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/coconutyogurt">【一般訂單】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出</a>
823              </li>
824            
825              <li class="qk-pos--rel qk-pd--0">
826                <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/preorderyogurtpuree">【一般訂單】Botany植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
827              </li>
828            
829              <li class="qk-pos--rel qk-pd--0">
830                <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/yogurtdrink">【一般訂單】Botany植悟學|無糖鮮奶優格飲(含12種好菌 市售最多)</a>
831              </li>
832            
833              <li class="qk-pos--rel qk-pd--0">
834                <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/familyyogurt">【超值家庭組】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出</a>
835              </li>
836            
837              <li class="qk-pos--rel qk-pd--0">
838                <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/coconutyogurt-20260224152406">【超值家庭組】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出</a>
839              </li>
840            
841          </ul>
842        </li>
843      
844        
845        
846        <li class="qk-pos--rel qk-pd--0">
847          <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_3_4" aria-expanded=" false ">
848            <a href="/collections/新鮮果泥" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
849              新鮮果泥🍎
850            </a>
851          </button>
852          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_4 collapse shelf_third q
852k-pd--0 ">
853            
854              <li class="qk-pos--rel qk-pd--0">
855                <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/puree">Botany 植悟學|手作果泥</a>
856              </li>
857            
858          </ul>
859        </li>
860      
861        
862        
863        <li class="qk-pos--rel qk-pd--0">
864          <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_3_5" aria-expanded=" false ">
865            <a href="/collections/原味堅果" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
866              原味堅果🥜
867            </a>
868          </button>
869          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_5 collapse shelf_third qk-pd--0 ">
870            
871              <li class="qk-pos--rel qk-pd--0">
872                <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/nuts">Botany植悟學|迷你包無調味堅果(10g)</a>
873              </li>
874            
875          </ul>
876        </li>
877      
878        
879        
880        <li class="qk-pos--rel qk-pd--0">
881          <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_3_6" aria-expanded=" false ">
882            <a href="/collections/團購專區" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
883              團購專區
884            </a>
885          </button>
886          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_6 collapse shelf_third qk-pd--0 ">
887            
888          </ul>
889        </li>
890      
891        
892        
893        <li class="qk-pos--rel qk-pd--0">
894          <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_3_7" aria-expanded=" false ">
895            <a href="/collections/acai-阿薩伊漿果粉-巴西莓粉" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text">
896              Açaí 阿薩伊漿果粉 (巴西莓粉)
897            </a>
898          </button>
899          <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_7 collapse shelf_third qk-pd--0 ">
900            
901              <li class="qk-pos--rel qk-pd--0">
902                <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/acai-packet">Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 10g/包</a>
903              </li>
904            
905              <li class="qk-pos--rel qk-pd--0">
906                <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/acai-bag">Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 250g/袋</a>
907              </li>
908            
909              <li class="qk-pos--rel qk-pd--0">
910                <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/acai-bottle">Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 115g/罐</a>
911              </li>
912            
913          </ul>
914        </li>
915      
916    </ul>
917  </li>
918
919
920<!-- cyb_snippet components/side_menu/collection_all end -->
921  
922
923  
924  
925  
926    <li class="qk-pos--rel qk-pd--0">
927      
928        <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="/contact">聯絡我們</a>
929      
930    </li>
931  
932
933  
934  
935  
936    <li class="qk-pos--rel qk-pd--0">
937      
938        <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="/pages/about-us">關於我們</a>
939      
940    </li>
941  
942
943
944<script>
945  $('button a').on('click', function(e) {e.stopPropagation()});
946</script>
946
947
948<!-- cyb_snippet components/side_menu/menu end -->
949    
950  
951  
952    
953      <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>
954      <li class="qk-pos--rel qk-pd--0">
955        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
956          <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">我的帳戶</a>
957        </div>
958      </li>
959      <li class="qk-pos--rel qk-pd--0">
960        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
961          <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">訂單查詢</a>
962        </div>
963      </li>
964      <li class="qk-pos--rel qk-pd--0">
965        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
966          <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">會員登出</a>
967        </div>
968      </li>
969      <li class="qk-pos--rel qk-pd--0">
970        <a href="/account/login">
971          <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 ">
972            <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body">
973              會員登入
974            </span>
975          </div>
976        </a>
977      </li>
978      <li class="qk-pos--rel qk-pd--0">
979        <a href="/account/signup">
980          <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">
981            <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500">
982              註冊新會員
983            </span>
984          </div>
985        </a>
986      </li>
987    
988    
989    
990    
991  
992</ul>
993
994<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/sidebar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
995
996<script>
997  $(document).ready(function(){
998    // 側邊選單
999    if ($('.drawer').length){
1000      $('.drawer').drawer();
1001      $('.bt-toggle').click(function(){
1002        setTimeout(function(){
1003          $('.drawer')[0].iScroll.refresh()
1004        },500)
1005      })
1006    }
1007  });
1008</script>
1008
1009
1010
1011<!-- cyb_snippet side_menu end -->
1012
1013        </div>
1014      </nav>
1015      <!-- Bottombar -->
1016      
1017        <div
1018          id="mobile-bottom-bar"
1019          class="qk-display--flex qk-justify--around qk-bg--nav_logo_bg qk-w--100vw qk-pos--fixed qk-b--0 qk-hidden--pc"
1020        >
1021          <!-- home -->
1022          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1023            <a id="home-nav-icon" href="/">
1024              <div data-icon-type="custom_icon_type_home"></div>
1025            </a>
1026          </div>
1027          <!-- tracking items -->
1028          <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1029            <a href="/account/tracking_items">
1030              <div data-icon-type="custom_icon_type_tracking_items" c></div>
1031            </a>
1032          </div>
1033          <!-- cart -->
1034          
1035            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1036              <a
1037                href="/cart"
1038                class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel"
1039              >
1040                <div data-icon-type="custom_icon_type_cart"></div>
1041                <span
1042                  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"
1043                  style="display: none;"
1044                  >0</span
1045                >
1046              </a>
1047            </div>
1048          
1049          <!-- member -->
1050          
1051            <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1">
1052              <a id="customer-phone-nav-icon" href="/account/login">
1053                <div data-icon-type="custom_icon_type_account"></div>
1054              </a>
1055            </div>
1056          
1057        </div>
1058      
1059    
1060  </span>
1061
1062<div id="index-popular-tags"></div>
1063
1064<style id="timer_color">
1065  :root {
1066    
1067      --timer_text: #c39d6f;
1068    
1069
1070    
1071      --timer_bg: #2b2b6e;
1072    
1073  }
1074</style>
1075
1076<script>
1077  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":"問題å
1077…§å®¹","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天免費鑑è³
1077žæœŸï¼ˆå«ä¾‹å‡æ—¥ï¼‰ã€‚退換貨時請保持原包裝商品的完整(包含購買商品,附件,贈品等)。\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":"謝謝您的å¯
1077¶è²´æ„è¦‹","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":"請檢查銀行帳號長度"}
1078  $(document).ready(function(){
1079    if(window.location.pathname != '' && window.location.pathname != '/' ){
1080      document.getElementById('index-popular-tags').style.display = 'none'
1081    }
1082    // 倒數計時
1083    
1084
1085    function adjustContentTop() {
1086      
1087      const isNavbarTransparent = false;
1088      let headerHeight = $("#header").outerHeight();
1089      if (isNavbarTransparent && $('#template').width() >= 992) {
1090        headerHeight -= $('.computer_nav').height();
1091      }
1092      const floatFilterHeight = $('#float-filter').innerHeight() || 0;
1093      $("body").css({
1094        "padding-top": (headerHeight - floatFilterHeight) + "px",
1095      });
1096    }
1097
1098    window.adjustContentTop = adjustContentTop;
1099
1100    // navbar設定透明
1101    
1102
1103    // Call it first once DOM is ready to prevent CLS
1104    adjustContentTop();
1105
1106    // 延遲初始化,等待 app banner 初始化完成
1107    $(window).on("resize", adjustContentTop);
1108
1109    // 使用 setTimeout 確保 banner 狀態已經確定
1110    $(window).on("load", function() {
1111      setTimeout(function() {
1112        adjustContentTop();
1113      }, 200); // 給 banner 足夠時間初始化
1114    });
1115
1116    $('img.header_banner').on('load', adjustContentTop);
1117
1118    window.renderNavbarSection('.main_nav', {
1119        navbarCollections: [{"title":"熱銷推薦🥣","url":"/collections/超夯人氣組合","products":[{"title":"【一般訂單】Botany植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/preorderyogurtpuree"},{"title":"【定期定額】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/regularyogurt"},{"title":"Botany植悟學|白草莓冰淇淋","url":"/products/whitestrawberryicecream-20250612230856"},{"title":"【超值家庭組】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/familyyogurt"},{"title":"【一般訂單】Botany植悟學|冷萃希臘優格(含12種好菌 市售最多)","url":"/products/greekyogurt"},{"title":"【一般訂單】Botany植悟學|無糖鮮奶優格飲(含12種好菌 市售最多)","url":"/products/yogurtdrink"},{"title":"【一般訂單】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出","url":"/products/coconutyogurt"},{"title":"【超值家庭組】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出","url":"/products/coconutyogurt-20260224152406"},{"title":"【定期定額】Botany 植悟學|冷萃希臘優格(無糖鮮奶)(含12種好菌 市售最多)","url":"/products/regulargreekyogurt"},{"title":"【定期定額】Botany植悟學|【純素】無糖椰奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/regularcoconutyogurt"},{"title":"Botany植悟學|滿鐵元素","url":"/products/滿鐵元素"},{"title":"Botany植悟學|青盈纖果","url":"/products/青盈纖果"},{"title":"Botany植悟學|盛夏光年(夏限)","url":"/products/盛夏光年"},{"title":"Botany植悟學|紅粉佳人(冬限)","url":"/products/紅粉佳人"}]},{"title":"定期定額補好菌🗓","url":"/collections/定期定額補好菌","products":[{"title":"【定期定額】Botany 植悟學|冷萃希臘優格(無糖鮮奶)(含12種好菌 市售最多)","url":"/products/regulargreekyogurt"},{"title":"【定期定額】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/regularyogurt"},{"title":"【定期定額】Botany植悟學|【純素】無糖椰奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/regularcoconutyogurt"}]},{"title":"無糖鮮奶/椰奶優格🥛","url":"/collections/無糖鮮奶優格","products":[{"title":"【一般訂單】Botany植悟學|冷萃希臘優格(含12種好菌 市售最多)","url":"/products/greekyogurt"},{"title":"【一般訂單】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出","url":"/products/coconutyogurt"},{"title":"【一般訂單】Botany植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/preorderyogurtpuree"},{"title":"【一般訂單】Botany植悟學|無糖鮮奶優格飲(含12種好菌 市售最多)","url":"/products/yogurtdrink"},{"title":"【超值家庭組】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","url":"/products/familyyogurt"},{"title":"【超值家庭組】Botany植悟學|無糖椰奶優格(純素)(含12種好菌 市售最多)發酵完當天寄出","url":"/products/coconutyogurt-20260224152406"}]},{"title":"新鮮果泥🍎","url":"/collections/新鮮果泥","products":[{"title":"Botany 植悟學|手作果泥","url":"/products/puree"}]},{"title":"原味堅果🥜","url":"/collections/原味堅果","products":[{"title":"Botany植悟學|迷你包無調味堅果(10g)","url":"/products/nuts"}]},{"title":"團購專區","url":"/collections/團購專區","products":[]},{"title":"Açaí 阿薩伊漿果粉 (巴西莓粉)","url":"/collections/acai-阿薩伊漿果粉-巴西莓粉","products":[{"title":"Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 10g/包","url":"/products/acai-packet"},{"title":"Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 250g/袋","url":"/products/acai-bag"},{"title":"Açaí Powder 阿薩伊漿果粉(巴西莓粉)(純素)- 115g/罐","url":"/products/acai-bottle"}]}],
1120        navbarItems: [{"id":1277344,"title":"首頁","url":"/","item_type":"frontpage","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277346,"title":"最新動態","url":"/blogs/news","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277345,"title":"所有商品","url":"/collections/all","item_type":"collections_all","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277348,"title":"聯絡我們","url":"/contact","item_type":"contact","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277347,"title":"關於我們","url":"/pages/about-us","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}],
1121        settings: {
1122          menuDisplayStyle: "three_dimension_menu",
1123          pcLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b",
1124          mobileLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b",
1125          navbarDisplayStyle: "displayDefault",
1126        }
1127      }
1128    );
1129
1130
1131    // for link menu
1132    const linkMenuElement = document.querySelector('.link-nav');
1133    const data = []
1134    data.forEach((item) => {
1135      const wrapper = document.createElement('a');
1136      const link = document.createElement('ul');
1137
1138      wrapper.href = item.url;
1139      link.textContent = item.title;
1140      link.classList.add('link-item');
1141
1142      wrapper.appendChild(link);
1143      linkMenuElement.appendChild(wrapper);
1144    });
1145
1146    // for safe-area space on iOS devices
1147    const userAgent = navigator.userAgent;
1148    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
1149    const isLiff = /Line\/[\d.]+/i.test(userAgent);
1150    const $mobileBottomBar = $('#mobile-bottom-bar');
1151
1152    if ($mobileBottomBar.length && isIOS && isLiff) {
1153      $mobileBottomBar.addClass('is-ios-liff');
1154    }
1155  });
1156  document.addEventListener('DOMContentLoaded', function() {
1157    window.getCartAmount = function() {
1158      return parseInt($('.global-cart-count').html());
1159    };
1160  });
1161</script>
1161
1162
1163<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/navbar-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1163
1163
1164<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/currencies-3a2e378145f8a165.js' type='text/javascript'></script>
1164
1165<!-- cyb_snippet i18n_modal start -->
1166
1167
1168<!-- cyb_snippet i18n_modal end -->
1169<!-- cyb_snippet _load_fonts start -->
1170<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/load_fonts-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1170
1170
1171<script>
1172  document.addEventListener('DOMContentLoaded', function() {
1173    window.loadFontSetting("{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Sans TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}")
1174  })
1175</script>
1175
1176
1177<!-- cyb_snippet _load_fonts end -->
1178<!-- cyb_snippet _custom_icon start -->
1179<script src='//cdn1-next.cybassets.com/frontend/shop/navIcon-3a2e378145f8a165.js' type='text/javascript'></script>
1179
1180
1181<script>
1182  (function() {
1183    const iconUrlMap = new Map([
1184      ['custom_icon_type_home', null],
1185      ['custom_icon_type_tracking_items', null],
1186      ['custom_icon_type_account', null],
1187      ['custom_icon_type_cart', null],
1188      ['custom_icon_type_search', null],
1189      ['custom_icon_type_menu', null]
1190    ]);
1191    const elements = document.querySelectorAll('[data-icon-type]');
1192    elements.forEach((element, index) => {
1193      const iconAttributes = element.getAttribute('data-icon-type');
1194
1195      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
1196      element.id = uniqueId;
1197      window.renderNavCustomIcon(`#${uniqueId}`, {
1198        navIconStyle: "icon_type_default",
1199        customIconUrl: iconUrlMap.get(iconAttributes) || '',
1200        iconAttributes: iconAttributes,
1201        currentTemplate: "index",
1202      });
1203    });
1204  })();
1205</script>
1205
1206
1207<!-- cyb_snippet _custom_icon end -->
1208
1209
1210
1211    
1212  
1213    
1213<script src='//cdn1-next.cybassets.com/frontend/shop/announcementBar-3a2e378145f8a165.js' type='text/javascript'></script>
1213
1214
1215    
1216
1217    
1218
1219    
1219<script>
1220      $(document).ready(function() {
1221        window.renderAnnouncementBar('#announcement-bar', {
1222          sectionId: "announcement_bar",
1223          isIndex: true,
1224        });
1225      });
1226    </script>
1226
1227  
1228
1229
1230
1231
1232
1233    <!-- template -->
1234    <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);">
1235      <div class="index">
1236
1237  
1238
1239
1240
1241
1242
1243
1244
1245
1246<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_main_slider_custom-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1247
1248<style>
1249  [id="_main_slider_custom"] {
1250    margin: 0 0px 40px !important;
1251  }
1252  @media (max-width: 576px) {
1253    .main-slider-placeholder {
1254      display: none !important;
1255    }
1256    .swiper-container {
1257      visibility: visible !important;
1258    }
1259  }
1260  @media (max-width: 991px) {
1261    [id="_main_slider_custom"] {
1262      margin: 0 0px 24px !important;
1263    }
1264  }
1265</style>
1266
1267<section id="_main_slider_custom" class="main-slider qk-pos--rel">
1268  
1269  
1270
1271  <div
1272    class="swiper swiper-container"
1273    
1274  >
1275    <div class="swiper-wrapper qk-align--center">
1276      
1277      
1278      
1279        <div class="swiper-slide">
1280          
1281            
1282            <a
1283              href="/collections/all"
1284              class="img-flex qk-align--stretch qk-display--contents"
1285              target=""
1286              rel=""
1287            >
1288          
1289          
1290          
1291          
1292          
1293          
1294            <picture>
1295              
1296                <source
1297                  media="(max-width: 576px)"
1298                  data-srcset="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2"
1299                  alt=""
1300                >
1301              
1302              
1303                <source
1304                  media="(max-width: 992px)"
1305                  data-srcset="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e"
1306                  alt=""
1307                >
1308              
1309              <img
1310                id="slider-image"
1311                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e"
1312                height="auto"
1313                alt=""
1314                class="swiper-lazy"
1315              >
1316            </picture>
1317
1318            
1319            
1320            
1321            
1322            
1323            
1324            
1325            
1326            
1327            
1328          
1329          
1330            </a>
1331          
1332          
1333            <div class="swiper-lazy-preloader"></div>
1334          
1335        </div>
1336      
1337    </div>
1338    
1339  </div>
1340  
1341</section>
1342
1343<script>
1344  $(document).ready(function(){
1345    let isDynamicLoading = false;
1346    let settingObj = {
1347      id: '_main_slider_custom',
1348      mobile_img_number: Number('1'),
1349      mobile_img_space: Number('8'),
1350      img_number: Number('1'),
1351      img_space: Number('12'),
1352      swiper_delay: '60',
1353    }
1354    window.mainSlider = function(obj){
1355    var id = themeHelper.escapeId(obj.id);
1356    var slideCount = $(`#${obj.id} .swiper-slide`).length
1357    var autoLoop = true
1358    if (slideCount <= 1){
1359      autoLoop = false
1360    }
1361    var mainSlider = new Swiper('#' + id + ' .swiper-container', {
1362      preloadImages: false,
1363      slidesPerView: Number(obj.mobile_img_number),
1364      spaceBetween: Number(obj.mobile_img_space),
1365      breakpoints: {
1366        0:{
1367          slidesPerView: Number(obj.mobile_img_number),
1368          spaceBetween: Number(obj.mobile_img_space),
1369        },
1370        991: {
1371          slidesPerView: Number(obj.img_number),
1372          spaceBetween: Number(obj.img_space),
1373        }
1374      },
1375      // Enable lazy loading
1376      observer: true,
1377      observeParents: true,
1378      autoheight: true,
1379      lazy: {
1380        loadPrevNext: true,
1381      },
1382      freeMode: {
1383        enabled: true,
1384        sticky: true,
1385        momentum: true,
1386        momentumRatio: 0.4,
1387        momentumVelocityRatio: 0.1,
1388      },
1389      loop: autoLoop,
1390      autoplay: { delay: obj.swiper_delay * 1000 },
1391      speed: Number('300.0'),
1392      pagination: {
1393        el: '#' + id + ' .main_slider_pagination',
1394        clickable: true,
1395      },
1396      navigation: {
1397        nextEl: '#' + id + ' .main_slider_custom_next',
1398        prevEl: '#' + id + ' .main_slider_custom_prev',
1399      },
1400      on: {
1401        init: function () {
1402          if (isDynamicLoading && !window.matchMedia("(max-width: 576px)").matches) {
1403            document.querySelector('#' + id + ' .main-slider-placeholder').style.display = 'none';
1404            document.querySelector('#' + id + ' .swiper-container').style.visibility = 'visible';
1405          }
1406        },
1407      }
1408    });
1409    }
1410    if (isDynamicLoading) {
1411        window.DynamicLoading.setupComponent({
1412        sectionId: "_main_slider_custom",
1413        sectionSettingData: settingObj,
1414        entryName:'mainSlider',
1415        source:'https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.js',
1416        componentType:'js',
1417        hiddenDom: true
1418      });
1419    }else{
1420      mainSlider(settingObj);
1421    }
1422  })
1423</script>
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_index_4_blocks-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1438<script src='//cdn1-next.cybassets.com/frontend/shop/productDisplay-3a2e378145f8a165.js' type='text/javascript'></script>
1438
1439
1440<style>
1441  [id="_index_4_blocks_2"] {
1442    margin: 0 160px 40px !important;
1443  }
1444
1445  @media (min-width: 992px) {
1446    [id="_index_4_blocks_2"] .block:not(.last-row) {
1447      margin-bottom: 32px !important;
1448    }
1449    [id="_index_4_blocks_2"] .block-default-width-margin:not(:first-of-type),
1450    [id="_index_4_blocks_2"] .block-not-first-margin {
1451      margin-left: 32px !important;
1452    }
1453  }
1454
1455  @media (max-width: 991px) {
1456    [id="_index_4_blocks_2"] {
1457      margin: 0 16px 24px !important;
1458    }
1459    [id="_index_4_blocks_2"] > .qk-display--flex.qk-flex--wrap {
1460      gap: 16px;
1461      justify-content: flex-start;
1462    }
1463    [id="_index_4_blocks_2"] .block {
1464      flex: 0 0 calc((100% - (2 - 1) * 16px) / 2);
1465    }
1466  }
1467
1468  .video-block-loading {
1469    background-color: #eeee;
1470    position: absolute;
1471    top: 0;
1472    bottom: 0;
1473    left: 0;
1474    width: 100%;
1475    height: 100%;
1476  }
1477</style>
1478
1479<script>
1480
1481  $(document).ready(function() {
1482    let isDynamicLoading = false;
1483    if (isDynamicLoading) {
1484      window.DynamicLoading.setupComponent({
1485          sectionId:'_index_4_blocks_2',
1486          componentType:'liquid',
1487        });
1488    }
1489    
1490      
1491    
1492      
1493    
1494      
1495    
1496  })
1497</script>
1497
1498
1499<script>
1500  function buildYoutubeEmbedUrl(url, options) {
1501    const YT_REGEX = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=|shorts\/)([^#&?]*).*/;
1502    const match = (url || '').match(YT_REGEX);
1503    const videoId = match && match[2].length === 11 ? match[2] : '';
1504
1505    if (!videoId) {
1506      return '';
1507    }
1508
1509    const autoPlay = options && options.autoPlay;
1510    const hideControls = options && options.hideControls;
1511    const loop = options && options.loop;
1512
1513    const searchParams = new URLSearchParams();
1514
1515    searchParams.set('autoplay', autoPlay ? '1' : '0');
1516    // 若自動播放,預設靜音以符合瀏覽器限制
1517    searchParams.set('mute', autoPlay ? '1' : '0');
1518    searchParams.set('playsinline', '1');
1519
1520    searchParams.set('controls', hideControls ? '0' : '1');
1521    searchParams.set('rel', '0');
1522
1523    if (loop) {
1524      searchParams.set('loop', '1');
1525      searchParams.set('playlist', videoId);
1526    }
1527
1528    return 'https://www.youtube.com/embed/' + videoId + '?' + searchParams.toString();
1529  }
1530
1531  function parseYtUrlOnLoad(target, url, autoPlay, hideControls, loop) {
1532    const finalUrl = buildYoutubeEmbedUrl(url, {
1533      autoPlay: autoPlay,
1534      hideControls: hideControls,
1535      loop: loop,
1536    });
1537
1538    if (!finalUrl || target.src === finalUrl) {
1539      return;
1540    }
1541
1542    const handleVideoLoad = function () {
1543      try {
1544        const wrapper = $(target).closest('.embed-responsive')[0];
1545        if (wrapper) {
1546          // 關閉 loading skeleton
1547          const loading = wrapper.querySelector('.video-block-loading');
1548          if (loading) {
1549            loading.style.display = 'none';
1550          }
1551        }
1552      } catch (e) {
1553        console.error('iframe onload 處理失敗', e);
1554      } finally {
1555        target.removeEventListener('load', handleVideoLoad);
1556      }
1557    };
1558
1559    target.addEventListener('load', handleVideoLoad);
1560
1561    target.src = finalUrl;
1562    if (hideControls && autoPlay) {
1563      target.style.pointerEvents = 'none';
1564    }
1565
1566    // 判斷是不是 YouTube shorts,決定要不要加上 .short-youtube class
1567    try {
1568      const isShort = (url || '').indexOf('/shorts/') !== -1;
1569      if (isShort) {
1570        const wrapper = $(target).closest('.embed-responsive')[0];
1571        if (wrapper) {
1572          wrapper.classList.add('short-youtube');
1573        }
1574      }
1575    } catch (e) {
1576      console.error('isShort 判斷失敗', e);
1577    }
1578  }
1579
1580
1581  window.addEventListener('load', function () {
1582    const sectionEl = document.getElementById('_index_4_blocks_2');
1583    if (!sectionEl) return;
1584
1585    const options = {
1586      threshold: 0.25,
1587    };
1588
1589    
1590      
1591    
1592      
1593    
1594      
1595    
1596  });
1597</script>
1597
1598
1599<section id="_index_4_blocks_2" class="index-4-blocks">
1600  <div class="qk-display--flex qk-flex--wrap">
1601    
1602    
1603      
1604      
1605      <div class="block image mobile-2-col last-row" style="width: calc(33.3% - 21.312px);">
1606        
1607            <div class="img-card" id="display_index_4_block_2">
1608              
1609              
1610                
1611                  <a href="/products/puree" class="banner qk-hidden--mobile" target="" rel="">
1612                    <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5" class="qk-w--100" alt="">
1613                  </a>
1614                
1615              
1616              
1617                
1618                  <a
1619                    href="/products/puree"
1620                    class="banner qk-display--bk qk-hidden--phone qk-hidden--pc"
1621                    target=""
1622                    rel=""
1623                  >
1624                    <img
1625                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5"
1626                      class="qk-w--100"
1627                      alt=""
1628                    >
1629                  </a>
1630                
1631              
1632              
1633                
1634                  <a
1635                    href="/products/puree"
1636                    class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet"
1637                    target=""
1638                    rel=""
1639                  >
1640                    <img
1641                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5"
1642                      class="qk-w--100"
1643                      alt=""
1644                    >
1645                  </a>
1646                
1647              
1648              
1649              <div class="advance-rich-text-content-container">
1650                
1651              </div>
1652            </div>
1653          
1654      </div>
1655    
1656      
1657      
1658      <div class="block image mobile-2-col block-not-first-margin last-row" style="width: calc(33.3% - 21.312px);">
1659        
1660            <div class="img-card" id="display_index_4_block_2_2">
1661              
1662              
1663                
1664                  <a href="/products/nuts" class="banner qk-hidden--mobile" target="" rel="">
1665                    <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781" class="qk-w--100" alt="">
1666                  </a>
1667                
1668              
1669              
1670                
1671                  <a
1672                    href="/products/nuts"
1673                    class="banner qk-display--bk qk-hidden--phone qk-hidden--pc"
1674                    target=""
1675                    rel=""
1676                  >
1677                    <img
1678                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781"
1679                      class="qk-w--100"
1680                      alt=""
1681                    >
1682                  </a>
1683                
1684              
1685              
1686                
1687                  <a
1688                    href="/products/nuts"
1689                    class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet"
1690                    target=""
1691                    rel=""
1692                  >
1693                    <img
1694                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781"
1695                      class="qk-w--100"
1696                      alt=""
1697                    >
1698                  </a>
1699                
1700              
1701              
1702              <div class="advance-rich-text-content-container">
1703                
1704              </div>
1705            </div>
1706          
1707      </div>
1708    
1709      
1710      
1711      <div class="block image mobile-2-col block-not-first-margin last-row" style="width: calc(33.3% - 21.312px);">
1712        
1713            <div class="img-card" id="display_index_4_block_2_3">
1714              
1715              
1716                
1717                  <a href="/collections/無糖鮮奶優格" class="banner qk-hidden--mobile" target="" rel="">
1718                    <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d" class="qk-w--100" alt="">
1719                  </a>
1720                
1721              
1722              
1723                
1724                  <a
1725                    href="/collections/無糖鮮奶優格"
1726                    class="banner qk-display--bk qk-hidden--phone qk-hidden--pc"
1727                    target=""
1728                    rel=""
1729                  >
1730                    <img
1731                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d"
1732                      class="qk-w--100"
1733                      alt=""
1734                    >
1735                  </a>
1736                
1737              
1738              
1739                
1740                  <a
1741                    href="/collections/無糖鮮奶優格"
1742                    class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet"
1743                    target=""
1744                    rel=""
1745                  >
1746                    <img
1747                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d"
1748                      class="qk-w--100"
1749                      alt=""
1750                    >
1751                  </a>
1752                
1753              
1754              
1755              <div class="advance-rich-text-content-container">
1756                
1757              </div>
1758            </div>
1759          
1760      </div>
1761    
1762  </div>
1763</section>
1764
1765
1766<script src='//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js' type='text/javascript'></script>
1766
1767
1768<section id="_graphic_introduction">
1769  <div id="graphic_introduction-_graphic_introduction"></div>
1770</section>
1771
1772
1773    
1774    
1775
1776<script>
1777  $(document).ready(function() {
1778    let isDynamicLoading = false;
1779    if (isDynamicLoading) {
1780        window.DynamicLoading.setupComponent({
1781          sectionId:'#graphic_introduction-_graphic_introduction',
1782          callbackData:{
1783              blocksSettings: [{"blockId": "display_graphic_introduction_block_1", "type": "title", "settings": {"dict_rich_text_title" :  "根植在地 | 感悟自然", "dict_size" :  "24"}}, {"blockId": "display_graphic_introduction_block_1_2", "type": "text", "settings": {"dict_rich_text_content" :  "<p>在食安問題不斷爆發的這幾年</p>\n<p></p>\n<p>我們不追求工廠大量生產的產品</p>\n<p>不使用化學添加劑來刺激味蕾</p>\n<p></p>\n<p>堅持在店製作的溫度</p>\n<p></p>\n<p>每一口都吃得到</p>\n<p>新鮮食材與季節氣候交織而成的自然酸甜</p>\n", "dict_size" :  "16"}}],
1784              settingsData: {
1785                textDisplay: "leftPosition",
1786                textColor: null,
1787                textBgColor: null,
1788                dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1789                dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1790                dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1791                btnDisplay: "leftSide",
1792                blockPropotion: "60",
1793                customBlockImageAlt: null,
1794                blockId: "",
1795              }
1796            },
1797          entryName:'renderGraphicIntroduction',
1798          source:'//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js',
1799        })
1800    }else{
1801      renderGraphicIntroduction('#graphic_introduction-_graphic_introduction', {
1802          blocksSettings: [{"blockId": "display_graphic_introduction_block_1", "type": "title", "settings": {"dict_rich_text_title" :  "根植在地 | 感悟自然", "dict_size" :  "24"}}, {"blockId": "display_graphic_introduction_block_1_2", "type": "text", "settings": {"dict_rich_text_content" :  "<p>在食安問題不斷爆發的這幾年</p>\n<p></p>\n<p>我們不追求工廠大量生產的產品</p>\n<p>不使用化學添加劑來刺激味蕾</p>\n<p></p>\n<p>堅持在店製作的溫度</p>\n<p></p>\n<p>每一口都吃得到</p>\n<p>新鮮食材與季節氣候交織而成的自然酸甜</p>\n", "dict_size" :  "16"}}],
1803          settingsData: {
1804            textDisplay: "leftPosition",
1805            textColor: null,
1806            textBgColor: null,
1807            dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1808            dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1809            dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf",
1810            btnDisplay: "leftSide",
1811            blockPropotion: "60",
1812            customBlockImageAlt: null,
1813            blockId: "",
1814          }
1815        });
1816    }
1817  })
1818</script>
1818
1819
1820
1821<style id="_graphic_introduction">
1822  :root {
1823    
1824      --graphic_bg: #525652;
1825    
1826
1827    
1828      --graphic_text: #FFFEF8;
1829    
1830
1831    
1832      --graphic_img-ratio: 60%;
1833    
1834  }
1835
1836  [id="_graphic_introduction"] {
1837    margin: 0 20px 48px;
1838  }
1839
1840  [id="_graphic_introduction"] .background_graphic-setting {
1841    color: #FFFEF8;
1842    background: #525652;
1843  }
1844
1845  @media (max-width: 991px) {
1846    [id="_graphic_introduction"] {
1847      margin: 0 20px 50px;
1848    }
1849  }
1850
1851</style>
1852
1853
1854<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_index_8_blocks-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1854<script src='//cdn1-next.cybassets.com/frontend/shop/productCollection-3a2e378145f8a165.js' type='text/javascript'></script>
1854<!-- cyb_snippet _combo_product_related_items_modal start --><!-- cyb_snippet _combo_product_related_items_modal end -->
1855
1856
1857
1858<script>
1859  $(document).ready(function() {
1860    let isDynamicLoading = false;
1861
1862    function sendProductImpressions(products, collectionTitle) {
1863      if (products && products.length > 0) {
1864        var gtm_product = []
1865
1866        $.each(products, function(index, product) {
1867          productInfo = {
1868            'brand':    product.vendor,
1869            'category': product.product_type,
1870            'id':       product.id,
1871            'list':     'Index: ' + collectionTitle,
1872            'name':     product.title,
1873            'position': index + 1,
1874            'price':    product.price,
1875            'variant':  ''
1876          }
1877
1878          if (typeof google_tag_manager_id != 'undefined' || typeof cyb != 'undefined') {
1879            gtm_product.push(productInfo)
1880          }
1881        })
1882
1883        if (typeof google_tag_manager_id != 'undefined' && gtm_product.length > 0) {
1884          dataLayer.push({
1885            'event': 'productImpressions',
1886            'ecommerce': {
1887              'impressions': gtm_product
1888            }
1889          });
1890        }
1891
1892        if (typeof cyb != "undefined" && gtm_product.length > 0) {
1893          cyb.push({
1894            'event': 'productImpressions',
1895            'impressions': gtm_product
1896          });
1897        }
1898      }
1899    }
1900
1901    const props = {
1902      sectionId: "_index_8_blocks",
1903      collection: {
1904        id: 291134,
1905        title: "熱銷推薦🥣",
1906      },
1907      allProductCount: 14,
1908      cartEnabled: true,
1909      discountPriceSloganUrl: "//cdn1-next.cybassets.com/theme_src/i18n_delight/default_img/onsale_icon.png",
1910      showMultipleLabels: false,
1911      collectionHandleUrl: "/collections/超夯人氣組合",
1912      blockProducts: 
1913{"products":[{"id":46549925,"title":"【一般訂單】Botany植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","handle":"preorderyogurtpuree","price":129.0,"vendor":null,"slogan":"接單後製作,發酵完當天寄出 |內含11種好菌,每克好菌數達10億","sell_from":"2024-04-15 00:00:00","url":"/products/preorderyogurtpuree","product_type":null,"total_sold":200,"sold_out":false,"price_range":{"min":{"id":61937194,"price":129.0,"compare_at_price":159.0},"max":{"id":69297288,"price":334.0,"compare_at_price":409.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NzI0NTc0OTBfMTk3N2Y1NWU0NjcyOWEyMDkxMTEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d8f1c2d00ec30e44","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NzI0NTc0OTBfMTk3N2Y1NWU0NjcyOWEyMDkxMTEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d8f1c2d00ec30e44","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTZfODAzOTQxM2U1MTcxM2NlMTc1NDMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=781ad665658933f3","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTZfZGM0MjMyZjE1OTYzZDY5NzBiNzYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=270f865a4dd4ebfc","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTdfZGMwOGE4OGJkMWRlOGNiNmI0ZGUucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=6304ff64f25ea5c2","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc3MDQ3MjdfNTcwYWVjNWE1NWJmZDMzYWQwMGMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=8c0d91bb3d3f8e9f","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NTkzMDUwNzJfYjVjYTE0MmUyNDBmYzAwNWNkMzcuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=7c23eee0a2495df5"]},{"id":46009866,"title":"【定期定額】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","handle":"regularyogurt","price":888.0,"vendor":null,"slogan":"定期配,每週配1次,下單一組配2次 |內含11種好菌,每克好菌數達10億","sell_from":"2024-04-15 00:00:00","url":"/products/regularyogurt","product_type":null,"total_sold":89,"sold_out":false,"price_range":{"min":{"id":57639469,"price":888.0,"compare_at_price":1014.0},"max":{"id":57639448,"price":1710.0,"compare_at_price":2214.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NzI0NTczNzVfZGYwNmY3Y2MzNTJiNDIxZDMwYjkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=dee18fe110c10fa7","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NzI0NTczNzVfZGYwNmY3Y2MzNTJiNDIxZDMwYjkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=dee18fe110c10fa7","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfNmUxYTM2MjVmY2VmY2FlNzc3Y2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=ea26d9bbe934f7f4","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfZjg3NjNlM2ZlY2YwNDE1MGM4MjIucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=975ed440eac79710","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc3MDQ3NDZfZTEzMTEzNjdlYzRmMzlhZWRlYjkucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=216b014059435fd6","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NTkzMDUwNzdfNDdiNjNiZTljYzhmYjQ3MWQxZjUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=230adcbd0c6b4ee0"]},{"id":56350526,"title":"Botany植悟學|白草莓冰淇淋","handle":"whitestrawberryicecream-20250612230856","price":400.0,"vendor":null,"slogan":"","sell_from":"2025-06-01 00:00:00","url":"/products/whitestrawberryicecream-20250612230856","product_type":null,"total_sold":7,"sold_out":false,"price_range":{"min":{"id":69461099,"price":400.0,"compare_at_price":500.0},"max":{"id":67884284,"price":1750.0,"compare_at_price":2000.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTYwMjRfZjdkMmIyMGIyMWJiZDQ2YmU3ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=7a1033f521a0481e","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTYwMjRfZjdkMmIyMGIyMWJiZDQ2YmU3ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=7a1033f521a0481e","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU2MzUwNTI2LzE3NTI1ODkxMjlfNDhjODhkOTgxNjBjMTVlY2FlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=96b1f756f76ba3a9","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTY3MjhfM2Y0MTA4ZDgwMjNjOTBmMGY0OTMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=ce0665f4792784bc","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU2MzUwNTI2LzE3NTI1ODkxMjlfNzQ5OTJkNjIyMjA0YWFkZGU0ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=8ea3f0a51b70e261"]},{"id":57364374,"title":"【超值家庭組】Botany 植悟學|無糖鮮奶優格(含12種好菌 市售最多)發酵完當天寄出","handle":"familyyogurt","price":720.0,"vendor":null,"slogan":"優格全成分:鮮奶+11種好菌,每克好菌數達10億|自製果泥全成分:水果、原色冰糖","sell_from":"2024-04-15 00:00:00","url":"/products/familyyogurt","product_type":null,"total_sold":41,"sold_out":false,"price_range":{"min":{"id":69297420,"price":720.0,"compare_at_price":1014.0},"max":{"id":69297400,"price":1999.0,"compare_at_price":2394.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfZjg3NjNlM2ZlY2YwNDE1MGM4MjIucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=975ed440eac79710","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc3MDQ3NDZfZTEzMTEzNjdlYzRmMzlhZWRlYjkucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=216b014059435fd6","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU3MzY0Mzc0LzE3NTkzMDUwNTJfYWFjNjkyZDRiOTZiMTJiYWExMGMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a1ce0bca0332675c"]},{"id":63747930,"title":"【一般訂單】Botany植悟學|冷萃希臘優格(含12種好菌 市售最多)","handle":"greekyogurt","price":200.0,"vendor":null,"slogan":"內含12種好菌,每克好菌數達10億","sell_from":"2024-04-15 00:00:00","url":"/products/greekyogurt","product_type":null,"total_sold":139,"sold_out":false,"price_range":{"min":{"id":77371006,"price":200.0,"compare_at_price":250.0},"max":{"id":81295068,"price":449.0,"compare_at_price":510.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNjViNGMxYjg2M2YwYTUxNThlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=bf1d321d18fcba2b","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNjViNGMxYjg2M2YwYTUxNThlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=bf1d321d18fcba2b","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNWQ5ODFkOGQ5ZWViMmQ0NzI2MWEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=cd017113a654f7f9","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0Njg0MjFfNDQ2Y2I0ZTZjYTJlZjgzNmUzMDQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=074c93126b9bc8c7"]},{"id":63747981,"title":"【一般訂單】Botany植悟學|無糖鮮奶優格飲(含12種好菌 市售最多)","handle":"yogurtdrink","price":169.0,"vendor":null,"slogan":"內含12種好菌,每克好菌數達10億","sell_from":"2024-04-15 00:00:00","url":"/products/yogurtdrink","product_type":null,"total_sold":108,"sold_out":false,"price_range":{"min":{"id":77371262,"price":169.0,"compare_at_price":199.0},"max":{"id":87146151,"price":204.0,"compare_at_price":274.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NzE5MTgwODdfNmI3YzhjYzhlM2Q1MGIxZDcxZDEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=71294c4cf685e2eb","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NzE5MTgwODdfNmI3YzhjYzhlM2Q1MGIxZDcxZDEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=71294c4cf685e2eb","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NjY0NjgzOTdfYmI4MGRmMDk3NDIwZDM0YzQxZDQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=3819dcbcc919b065"]}]}
1914,
1915      sessionTitle: null,
1916      section: {"type":"_index_8_blocks","custom_name":"商品分類","visible":true,"settings":{"dict_title":"超夯人氣組合","collection_handle":"超夯人氣組合","limit":"
19166","margin_x":"180","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","product_display":"displayAll","product_arrangement":"2","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"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}},
1917      productURLSearch: "",
1918      hasIntegratedProductLabelsPlugin: false,
1919      isDisplayPriceRange: null || false,
1920      pageType: "index",
1921    }
1922    if (isDynamicLoading) {
1923      window.DynamicLoading.setupComponent({
1924        sectionId: '#index_8_blocks-_index_8_blocks',
1925        callbackData: props,
1926        entryName: 'renderProductCollection',
1927        source: '//cdn1-next.cybassets.com/frontend/shop/productCollection-3a2e378145f8a165.js',
1928      });
1929    } else {
1930      renderProductCollection('#index_8_blocks-_index_8_blocks', props);
1931    }
1932    var products = props.blockProducts && props.blockProducts.products;
1933    if (products) {
1934      sendProductImpressions(products, props.collection.title);
1935    }
1936  });
1937</script>
1937
1938
1939<style>
1940  [id="_index_8_blocks"] {
1941    margin: 0 180px 32px !important;
1942  }
1943  @media (max-width: 991px) {
1944    [id="_index_8_blocks"] {
1945      margin: 0 16px 24px !important;
1946    }
1947  }
1948</style>
1949
1950<section id="_index_8_blocks" class="index_8_blocks qk-text--center">
1951  <div id="index_8_blocks-_index_8_blocks"></div>
1952</section>
1953
1954
1955
1956<script src='//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js' type='text/javascript'></script>
1956
1957
1958<section id="_graphic_introduction_2">
1959  <div id="graphic_introduction-_graphic_introduction_2"></div>
1960</section>
1961
1962
1963    
1964    
1965
1966<script>
1967  $(document).ready(function() {
1968    let isDynamicLoading = false;
1969    if (isDynamicLoading) {
1970        window.DynamicLoading.setupComponent({
1971          sectionId:'#graphic_introduction-_graphic_introduction_2',
1972          callbackData:{
1973              blocksSettings: [{"blockId": "display_graphic_introduction_block_2", "type": "title", "settings": {"dict_rich_text_title" :  "極 鮮 ! 極 纖 ! 極 仙 ! ", "dict_size" :  "24"}}, {"blockId": "display_graphic_introduction_block_2_2", "type": "text", "settings": {"dict_rich_text_content" :  "<p>・發酵完只賣 3 天的極鮮優格</p>\n<p></p>\n<p>・新鮮水果熬製而成高纖果泥</p>\n<p></p>\n<p>・恆溫烘培 6 小時的原味堅果</p>\n<p></p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;組 成 神 仙 組 合</p>\n", "dict_size" :  "18"}}],
1974              settingsData: {
1975                textDisplay: "midPosition",
1976                textColor: null,
1977                textBgColor: null,
1978                dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
1979                dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
1980                dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
1981                btnDisplay: "rightSide",
1982                blockPropotion: "40",
1983                customBlockImageAlt: "",
1984                blockId: "",
1985              }
1986            },
1987          entryName:'renderGraphicIntroduction',
1988          source:'//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js',
1989        })
1990    }else{
1991      renderGraphicIntroduction('#graphic_introduction-_graphic_introduction_2', {
1992          blocksSettings: [{"blockId": "display_graphic_introduction_block_2", "type": "title", "settings": {"dict_rich_text_title" :  "極 鮮 ! 極 纖 ! 極 仙 ! ", "dict_size" :  "24"}}, {"blockId": "display_graphic_introduction_block_2_2", "type": "text", "settings": {"dict_rich_text_content" :  "<p>・發酵完只賣 3 天的極鮮優格</p>\n<p></p>\n<p>・新鮮水果熬製而成高纖果泥</p>\n<p></p>\n<p>・恆溫烘培 6 小時的原味堅果</p>\n<p></p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;組 成 神 仙 組 合</p>\n", "dict_size" :  "18"}}],
1993          settingsData: {
1994            textDisplay: "midPosition",
1995            textColor: null,
1996            textBgColor: null,
1997            dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
1998            dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
1999            dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e",
2000            btnDisplay: "rightSide",
2001            blockPropotion: "40",
2002            customBlockImageAlt: "",
2003            blockId: "",
2004          }
2005        });
2006    }
2007  })
2008</script>
2008
2009
2010
2011<style id="_graphic_introduction_2">
2012  :root {
2013    
2014      --graphic_bg: #ffffff;
2015    
2016
2017    
2018      --graphic_text: #525652;
2019    
2020
2021    
2022      --graphic_img-ratio: 40%;
2023    
2024  }
2025
2026  [id="_graphic_introduction_2"] {
2027    margin: 0 20px 48px;
2028  }
2029
2030  [id="_graphic_introduction_2"] .background_graphic-setting {
2031    color: #525652;
2032    background: #ffffff;
2033  }
2034
2035  @media (max-width: 991px) {
2036    [id="_graphic_introduction_2"] {
2037      margin: 0 0px 40px;
2038    }
2039  }
2040
2041</style>
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_main_slider_custom-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
2054
2055<style>
2056  [id="1713459345646_0"] {
2057    margin: 0 0px 50px !important;
2058  }
2059  @media (max-width: 576px) {
2060    .main-slider-placeholder {
2061      display: none !important;
2062    }
2063    .swiper-container {
2064      visibility: visible !important;
2065    }
2066  }
2067  @media (max-width: 991px) {
2068    [id="1713459345646_0"] {
2069      margin: 0 5px 50px !important;
2070    }
2071  }
2072</style>
2073
2074<section id="1713459345646_0" class="main-slider qk-pos--rel">
2075  
2076  
2077
2078  <div
2079    class="swiper swiper-container"
2080    
2081  >
2082    <div class="swiper-wrapper qk-align--center">
2083      
2084      
2085      
2086        <div class="swiper-slide">
2087          
2088            <span class="img-flex qk-align--stretch qk-display--contents">
2089          
2090          
2091          
2092          
2093          
2094          
2095            <picture>
2096              
2097              
2098              <img
2099                id="slider-image"
2100                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMjMuanBnLmpwZWciXV0.jpeg?sha=685f4f85d68de7c2"
2101                height="auto"
2102                alt=""
2103                class="swiper-lazy"
2104              >
2105            </picture>
2106
2107            
2108            
2109            
2110            
2111            
2112            
2113            
2114            
2115            
2116            
2117          
2118          
2119            </span>
2120          
2121          
2122            <div class="swiper-lazy-preloader"></div>
2123          
2124        </div>
2125      
2126        <div class="swiper-slide">
2127          
2128            <span class="img-flex qk-align--stretch qk-display--contents">
2129          
2130          
2131          
2132          
2133          
2134          
2135            <picture>
2136              
2137              
2138              <img
2139                id="slider-image"
2140                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2"
2141                height="auto"
2142                alt=""
2143                class="swiper-lazy"
2144              >
2145            </picture>
2146
2147            
2148            
2149            
2150            
2151            
2152            
2153            
2154            
2155            
2156            
2157          
2158          
2159            </span>
2160          
2161          
2162            <div class="swiper-lazy-preloader"></div>
2163          
2164        </div>
2165      
2166        <div class="swiper-slide">
2167          
2168            <span class="img-flex qk-align--stretch qk-display--contents">
2169          
2170          
2171          
2172          
2173          
2174          
2175            <picture>
2176              
2177              
2178              <img
2179                id="slider-image"
2180                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMzQuanBnLmpwZWciXV0.jpeg?sha=facbef037896bfaa"
2181                height="auto"
2182                alt=""
2183                class="swiper-lazy"
2184              >
2185            </picture>
2186
2187            
2188            
2189            
2190            
2191            
2192            
2193            
2194            
2195            
2196            
2197          
2198          
2199            </span>
2200          
2201          
2202            <div class="swiper-lazy-preloader"></div>
2203          
2204        </div>
2205      
2206        <div class="swiper-slide">
2207          
2208            <span class="img-flex qk-align--stretch qk-display--contents">
2209          
2210          
2211          
2212          
2213          
2214          
2215            <picture>
2216              
2217              
2218              <img
2219                id="slider-image"
2220                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xNDguanBnLmpwZWciXV0.jpeg?sha=8858ac32640551fe"
2221                height="auto"
2222                alt=""
2223                class="swiper-lazy"
2224              >
2225            </picture>
2226
2227            
2228            
2229            
2230            
2231            
2232            
2233            
2234            
2235            
2236            
2237          
2238          
2239            </span>
2240          
2241          
2242            <div class="swiper-lazy-preloader"></div>
2243          
2244        </div>
2245      
2246        <div class="swiper-slide">
2247          
2248            <span class="img-flex qk-align--stretch qk-display--contents">
2249          
2250          
2251          
2252          
2253          
2254          
2255            <picture>
2256              
2257              
2258              <img
2259                id="slider-image"
2260                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=7160c6a125f6c469"
2261                height="auto"
2262                alt=""
2263                class="swiper-lazy"
2264              >
2265            </picture>
2266
2267            
2268            
2269            
2270            
2271            
2272            
2273            
2274            
2275            
2276            
2277          
2278          
2279            </span>
2280          
2281          
2282            <div class="swiper-lazy-preloader"></div>
2283          
2284        </div>
2285      
2286        <div class="swiper-slide">
2287          
2288            <span class="img-flex qk-align--stretch qk-display--contents">
2289          
2290          
2291          
2292          
2293          
2294          
2295            <picture>
2296              
2297              
2298              <img
2299                id="slider-image"
2300                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=d55ce598ff2b60df"
2301                height="auto"
2302                alt=""
2303                class="swiper-lazy"
2304              >
2305            </picture>
2306
2307            
2308            
2309            
2310            
2311            
2312            
2313            
2314            
2315            
2316            
2317          
2318          
2319            </span>
2320          
2321          
2322            <div class="swiper-lazy-preloader"></div>
2323          
2324        </div>
2325      
2326        <div class="swiper-slide">
2327          
2328            <span class="img-flex qk-align--stretch qk-display--contents">
2329          
2330          
2331          
2332          
2333          
2334          
2335            <picture>
2336              
2337              
2338              <img
2339                id="slider-image"
2340                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=747b5de6f43e338e"
2341                height="auto"
2342                alt=""
2343                class="swiper-lazy"
2344              >
2345            </picture>
2346
2347            
2348            
2349            
2350            
2351            
2352            
2353            
2354            
2355            
2356            
2357          
2358          
2359            </span>
2360          
2361          
2362            <div class="swiper-lazy-preloader"></div>
2363          
2364        </div>
2365      
2366        <div class="swiper-slide">
2367          
2368            <span class="img-flex qk-align--stretch qk-display--contents">
2369          
2370          
2371          
2372          
2373          
2374          
2375            <picture>
2376              
2377              
2378              <img
2379                id="slider-image"
2380                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=89eed101ea91dc5e"
2381                height="auto"
2382                alt=""
2383                class="swiper-lazy"
2384              >
2385            </picture>
2386
2387            
2388            
2389            
2390            
2391            
2392            
2393            
2394            
2395            
2396            
2397          
2398          
2399            </span>
2400          
2401          
2402            <div class="swiper-lazy-preloader"></div>
2403          
2404        </div>
2405      
2406        <div class="swiper-slide">
2407          
2408            <span class="img-flex qk-align--stretch qk-display--contents">
2409          
2410          
2411          
2412          
2413          
2414          
2415            <picture>
2416              
2417              
2418              <img
2419                id="slider-image"
2420                data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2NDM4X-akjeaCn-WtuO-8v-agoeiJsi0xNTggKDEpLmpwZy5qcGVnIl1d.jpeg?sha=3ec730bf625d4d3b"
2421                height="auto"
2422                alt=""
2423                class="swiper-lazy"
2424              >
2425            </picture>
2426
2427            
2428            
2429            
2430            
2431            
2432            
2433            
2434            
2435            
2436            
2437          
2438          
2439            </span>
2440          
2441          
2442            <div class="swiper-lazy-preloader"></div>
2443          
2444        </div>
2445      
2446    </div>
2447    
2448      <div
2449        class="qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-swiper_btn--prev main_slider_custom_prev qk-hidden--mobile"
2450      ></div>
2451      <div
2452        class="qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-swiper_btn--next main_slider_custom_next qk-hidden--mobile"
2453      ></div>
2454    
2455  </div>
2456  
2457    <div class="qk-swiper_pg qk-w--100 qk-mg_t--1 qk-text--center main_slider_pagination"></div>
2458  
2459</section>
2460
2461<script>
2462  $(document).ready(function(){
2463    let isDynamicLoading = false;
2464    let settingObj = {
2465      id: '1713459345646_0',
2466      mobile_img_number: Number('2'),
2467      mobile_img_space: Number('5'),
2468      img_number: Number('3'),
2469      img_space: Number('12'),
2470      swiper_delay: '2',
2471    }
2472    window.mainSlider = function(obj){
2473    var id = themeHelper.escapeId(obj.id);
2474    var slideCount = $(`#${obj.id} .swiper-slide`).length
2475    var autoLoop = true
2476    if (slideCount <= 1){
2477      autoLoop = false
2478    }
2479    var mainSlider = new Swiper('#' + id + ' .swiper-container', {
2480      preloadImages: false,
2481      slidesPerView: Number(obj.mobile_img_number),
2482      spaceBetween: Number(obj.mobile_img_space),
2483      breakpoints: {
2484        0:{
2485          slidesPerView: Number(obj.mobile_img_number),
2486          spaceBetween: Number(obj.mobile_img_space),
2487        },
2488        991: {
2489          slidesPerView: Number(obj.img_number),
2490          spaceBetween: Number(obj.img_space),
2491        }
2492      },
2493      // Enable lazy loading
2494      observer: true,
2495      observeParents: true,
2496      autoheight: true,
2497      lazy: {
2498        loadPrevNext: true,
2499      },
2500      freeMode: {
2501        enabled: true,
2502        sticky: true,
2503        momentum: true,
2504        momentumRatio: 0.4,
2505        momentumVelocityRatio: 0.1,
2506      },
2507      loop: autoLoop,
2508      autoplay: { delay: obj.swiper_delay * 1000 },
2509      speed: Number('300.0'),
2510      pagination: {
2511        el: '#' + id + ' .main_slider_pagination',
2512        clickable: true,
2513      },
2514      navigation: {
2515        nextEl: '#' + id + ' .main_slider_custom_next',
2516        prevEl: '#' + id + ' .main_slider_custom_prev',
2517      },
2518      on: {
2519        init: function () {
2520          if (isDynamicLoading && !window.matchMedia("(max-width: 576px)").matches) {
2521            document.querySelector('#' + id + ' .main-slider-placeholder').style.display = 'none';
2522            document.querySelector('#' + id + ' .swiper-container').style.visibility = 'visible';
2523          }
2524        },
2525      }
2526    });
2527    }
2528    if (isDynamicLoading) {
2529        window.DynamicLoading.setupComponent({
2530        sectionId: "1713459345646_0",
2531        sectionSettingData: settingObj,
2532        entryName:'mainSlider',
2533        source:'https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.js',
2534        componentType:'js',
2535        hiddenDom: true
2536      });
2537    }else{
2538      mainSlider(settingObj);
2539    }
2540  })
2541</script>
2541
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553<script src='//cdn1-next.cybassets.com/frontend/shop/productBanner-3a2e378145f8a165.js' type='text/javascript'></script>
2553
2554
2555
2556<style>
2557  [id="_index_product_banner"] {
2558    margin: 0 100px 32px !important;
2559  }
2560  @media (max-width: 991px) {
2561    [id="_index_product_banner"] {
2562      margin: 0 16px 24px !important;
2563    }
2564  }
2565</style>
2566
2567<section id="_index_product_banner" class="index-product-banner qk-display--bk qk-pos--rel">
2568  <div id="index_product_banner-_index_product_banner"></div>
2569</section>
2570
2571<script>
2572  $(document).ready(function() {
2573    let isDynamicLoading = false;
2574    if (isDynamicLoading) {
2575      window.DynamicLoading.setupComponent({
2576          sectionId:'#index_product_banner-_index_product_banner',
2577          callbackData:{
2578            sectionId: "_index_product_banner",
2579            section: {"type":"_index_product_banner","custom_name":"橫幅廣告","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"聯絡我們"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}},
2580            dictMobileImageUrl:"",
2581            dictTabletImageUrl:"",
2582            dictImageUrl:"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08",
2583          },
2584          entryName:'renderProductBanner',
2585          source:'//cdn1-next.cybassets.com/frontend/shop/productBanner-3a2e378145f8a165.js',
2586        });
2587    }else{
2588      window.renderProductBanner('#index_product_banner-_index_product_banner',
2589        {
2590          sectionId: "_index_product_banner",
2591          section: {"type":"_index_product_banner","custom_name":"橫幅廣告","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"聯絡我們"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}},
2592          dictMobileImageUrl:"",
2593          dictTabletImageUrl:"",
2594          dictImageUrl:"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08",
2595        });
2596    }
2597  });
2598</script>
2598
2599
2600
2601
2602
2603  <!-- 加入購物車 -->
2604  
2605    <!-- cyb_snippet new_addcart_modal start -->
2606<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vue_product_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
2607
2608<div id="new-addcart-modal" class="container">
2609  <transition name="modal">
2610    <product-modal
2611      v-if="showProductModal"
2612      :only-description="onlyDescription"
2613      :product-url="popProductUrl"
2614      :color="color"
2615      :is-collection="isCollection"
2616      :is-show-description="isShowDescription"
2617      :is-quick-buy="isQuickBuy"
2618      :selected-variant-id="selectedVariantId"
2619      :categories="categories"
2620      :call-back="checkoutAddToCartCallback"
2621      ref="productModal"
2622    >
2623    </product-modal>
2624  </transition>
2625</div>
2626
2627<!-- cyb_snippet components/product_modal/product_modal start -->
2628<script type="text/x-template" id="product-modal">
2629  <div class="modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed" @click="closeModal">
2630    <div class="modal-content qk-bd--none qk-center qk-bg--theme_bg" :class="{'only-description': onlyDescription}" @click.stop>
2631      <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>
2632      <div class="modal-body custom-scrollbar qk-w--100">
2633        <div v-if="!isLoading">
2634          <div id="checkout-product" class="row">
2635            <div class="col-sm-6 col-xs-4">
2636              <photo-swiper
2637                :mediaItems="swiperItems"
2638                :current-image-index="currentImageIndex"
2639                :current-variant="currentVariant"
2640                :video-after-image="videoAfterImage"
2641              ></photo-swiper>
2642            </div>
2643            <div class="col-sm-6 col-xs-8">
2644              <h4 class="qk-fs--hd2 qk-fw--bold qk-text--heading qk-mg--0" v-html="product.title"></h4>
2645              <p class="product_brief qk-text--text qk-fs--body" v-html="product.brief"></p>
2646              <p class="product_slogan qk-text--heading qk-fs--body" v-html="product.slogan"></p>
2647              <div class="swiper_thumbnails" style="margin-bottom: 10px;">
2648                <swiper-thumbnails
2649                  :mediaItems="swiperItems"
2650                  :current-image-index="currentImageIndex"
2651                  :title="product.title"
2652                  @update-current-image-index="(thumbnailIndex) => { currentImageIndex = thumbnailIndex }"
2653                ></swiper-thumbnails>
2654              </div>
2655              
2656              <div v-if="!hidePrice" style="margin-bottom: 10px;">
2657                
2658                <span class="price-title qk-fs--body qk-fw--500 qk-text--heading">${ priceTitleTag }</span>
2659                
2660                <div>
2661                  <span v-html="variantPrice" class="variant-price qk-fs--hd1 qk-fw--bold" :class="[isDiscountPrice ? 'qk-text--discount_price' : 'qk-text--price']"></span>
2662                  <del v-html="marketPrice" class="variant-del-price qk-fs--body qk-fw--500 qk-text--text"></del>
2663                </div>
2664              </div>
2665              <div v-if="!onlyDescription" class="controls">
2666                <div class="variant-quantity qk-display--flex qk-flex--column">
2667                  <div v-if="hasVariant" class="product-variant-options">
2668                    <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}">
2669                      <div class="advance variant-select-option" v-if="styledShopMenu==='dropDownType'">
2670                      
2671                        <label>${option.name}</label>
2672                        <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>
2673                        <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}`)">
2674                          <option value="null" class="select_option-hidden">請選擇${option.name}</option>
2675                          <option :style="{ visibility : isMobileSize ? 'hidden' : 'visible' }" v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option>
2676                        </select>
2677                        <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">請選擇${option.name}</span>
2678                        <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span>
2679                      </div>
2680                      <advance-option v-else :option-key="'option' + (index + 1)" :option="option" :current-option="currentOption" :toggle-current-option="toggleCurrentOption"/>
2681                    </div>
2682                  </div>
2683                  <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)">
2684                    <div class="list_block custom-scrollbar qk-of_x--hidden">
2685                      <h4 class="qk-text--heading qk-fs--body">此商品參與的優惠活動
2686                      </h4>
2687                      <template v-if="displayPeriodicSalesPages">
2688                        <div v-for="salesPage in product.showableSalesPages" class="discount-list">
2689                          <span class="discount-label qk-fs--breadcrumb qk-bd--default qk-bd--accent qk-bg--white qk-display--il_bk qk-text--accent">定期定額
2690                          </span>
2691                          <a class="discount-title qk-text--accent qk-fs--body" :href="salesPage.path">${ salesPage.title }</a>
2692                        </div>
2693                      </template>
2694                      <template v-for="discounts in discountsList">
2695                        <div v-for="discount in discounts" class="discount-list">
2696                          <a v-if="discount.url" :href="discount.url" class="discount-title qk-text--accent qk-fs--body">
2697                            ${ discount.title }
2698                          </a>
2699                          <span v-else class="discount-title qk-text--accent qk-fs--body">${ discount.title }</span>
2700                        </div>
2701                      </template>
2702                    </div>
2703                  </div>
2704                  <div v-if="showPurchaseControls" class="product-quantity qk-bd--product_border" v-show="!isMobileSize">
2705                    <div class="btn-group qk-w--100" role="group" aria-label="First group">
2706                      <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
2707                      <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">
2708                      <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
2709                    </div>
2710                  </div>
2711                </div>
2712                <div v-if="showPurchaseControls" class="add-button-wrapper">
2713                  <!-- cyb_snippet _product_modal_button start -->
2714<button
2715  class="btn btn-default add-button qk-cursor--pointer qk-w--100 qk-btn--primary"
2716  :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
2717  type="button"
2718  :disabled="isHideAddCartBtn"
2719  @click="addProduct"
2720>
2721  ${ addCartText }
2722</button>
2723
2724<!-- cyb_snippet _product_modal_button end -->
2725                </div>
2726                <div class="product-others qk-fs--body">
2727                  <span class="product-love">
2728                    <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">
2729                      <svg
2730                        width="15"
2731                        height="15"
2732                        viewBox="0 0 24 24"
2733                        fill="none"
2734                        xmlns="http://www.w3.org/2000/svg">
2735                        <path
2736                          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"
2737                          stroke="currentColor"
2738                          stroke-width="2"
2739                          stroke-linecap="round"
2740                          stroke-linejoin="round" />
2741                      </svg>
2742                      加入最愛
2743                    </a>
2744                  </span>
2745                  <span class="product_sold qk-text--text" v-if="false">
2746                    <span>已銷售:
2747                      ${ product.totalSold }
2748                      ä»¶
2749                    </span>
2750                  </span>
2751                  <span class="product_bonus qk-text--text" v-if="true">
2752                    此商品 「 最高 」可以折抵紅利
2753                    <span class="val qk-fw--600 qk-fs--hd2" v-if="currentVariant">${currentVariant.maxUsableBonus}</span>
2754                    <span class="val qk-fw--600 qk-fs--hd2" v-else>${maxUsableBonus}</span>
2755                    點
2756                    <span v-html="bonusToPrice"/>
2757                  </span>
2758                </div>
2759                <div class='product_limit_buy qk-fs--body' v-show="product.minBuy > 0 || product.limitBuy > 0">
2760                  ${limitBuyText}
2761                </div>
2762              </div>
2763            </div>
2764          </div>
2765          <div v-if="isShowDescription" class="row">
2766            <div class="col-sm-12">
2767              
2768                <div v-if="product.bodyHtml">
2769                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
2770                    商品介紹
2771                  </h5>
2772                  <div class="ckeditor">
2773                    <div v-html="product.bodyHtml"></div>
2774                  </div>
2775                </div>
2776              
2777              
2778                <div v-if="otherDescriptions['product_description_section_spec']">
2779                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
2780                    規格說明
2781                  </h5>
2782                  <div class="ckeditor">
2783                    <div v-html="otherDescriptions['product_description_section_spec']"></div>
2784                  </div>
2785                </div>
2786              
2787              
2788                <div v-if="otherDescriptions['product_description_section_shipping']">
2789                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
2790                    運送方式
2791                  </h5>
2792                  <div class="ckeditor">
2793                    <div v-html="otherDescriptions['product_description_section_shipping']"></div>
2794                  </div>
2795                </div>
2796              
2797            </div>
2798          </div>
2799        </div>
2800        <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;">
2801          <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i>
2802        </div>
2803      </div>
2804        <!-- cyb_snippet _product_modal_button_mobile start -->
2805 <div
2806  v-if="showPurchaseControls"
2807  v-show="isMobileSize"
2808  class="mobile_footer"
2809  :class="{'mobile_footer-z': variantSize > 1 }">
2810        <div class="product-quantity">
2811          <div class="btn-group qk-w--100" role="group" aria-label="First group">
2812            <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
2813            <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">
2814            <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
2815          </div>
2816        </div>
2817        <button
2818          v-if="!isLoading && !onlyDescription"
2819          class="btn btn-mobile add-button qk-btn qk-btn--primary qk-btn--lg"
2820          :class="{selected: isChoose, adding: adding || isHideAddCartBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
2821          type="button"
2822          :disabled="isHideAddCartBtn"
2823          @click="addProduct">
2824            ${ addCartText }
2825        </button>
2826</div>
2827<div
2828  class="mobile-modal"
2829  :class="{ 'modal-open': isModalSelectShow && isMobileSize }">
2830        <div class="mobile_modal-content">
2831          <div class="modal_close-button">
2832            <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>
2833          </div>
2834          
2835          <p>請選擇${modalOption.name}</p>
2836          <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100">
2837            <div class="options-container">
2838              <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>
2839            </div>
2840          </div>
2841          <div v-if="variantSize > 1" class="modal_select_footer qk-display--flex">
2842            <button type="button" class="modal_cancel qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">取消</button>
2843            <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>
2844          </div>
2845        </div>
2846</div>
2847
2848<!-- cyb_snippet _product_modal_button_mobile end -->
2849    </div>
2850  </div>
2851</script>
2851
2852
2853<!-- cyb_snippet components/product_modal/color_image_option start -->
2854<script id="color-image-option" type="text/x-template">
2855  <div class="color-image qk-display--flex qk-flex--wrap qk-align--center">
2856    <div class="title">顏色</div>
2857    <div
2858      v-for="(imageColor, index) in imageColors"
2859      :class="{
2860        'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index,
2861        'selected': currentOption[optionKey] === option.types[index].name,
2862        'disabled': !option.types[index].isValid
2863      }"
2864      class="image-option img-flex qk-bd--default qk-bd--transparent qk-display--block qk-pos--rel"
2865      @mouseleave="setCurrentImageIndex(index)"
2866      @mouseover="getOptionImageIndex(index)"
2867      @click="setOption(optionKey, index)"
2868    >
2869      <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image">
2870      <img v-else src="/assets/no-image-large.png" alt="image">
2871    </div>
2872  </div>
2873</script>
2873
2874
2875<script type="text/javascript">
2876  $(document).ready(function() {
2877    window.themeHelper.productModalComponents['color-image-option'] = {
2878      template: '#color-image-option',
2879      delimiters: ['${', '}'],
2880      props: {
2881        optionKey: String,
2882        option: Object,
2883        product: Object,
2884        imageColors: Array,
2885        isChoose: Boolean,
2886        currentImageIndex: Number,
2887        setCurrentImageIndex: Function,
2888        getOptionImageIndex: Function,
2889        currentOption: Object,
2890        toggleCurrentOption: Function,
2891      },
2892      methods: {
2893        setOption: function(optionKey, index) {
2894          const type = this.option.types[index];
2895          if(type.isValid){
2896            this.toggleCurrentOption(optionKey, type.name);
2897          }
2898        }
2899      }
2900    };
2901  });
2902</script>
2902
2903
2904<!-- cyb_snippet components/product_modal/color_image_option end -->
2905<!-- cyb_snippet components/product_modal/advance_option start -->
2906<script id="advance-option" type="text/x-template">
2907  <div class="advance">
2908    <div class="title qk-text--heading qk-fs--body">${option.name}</div>
2909    <div
2910      v-for="type in option.types"
2911      :class="{
2912        'selected': currentOption[optionKey] === type.name,
2913        'disabled': !type.isValid
2914      }"
2915      @click="setOption(optionKey, type)"
2916      class="option qk-btn  qk-bd--button qk-text--button qk-pd_x--1"
2917    >
2918      ${type.name}
2919    </div>
2920  </div>
2921</script>
2921
2922
2923<script type="text/javascript">
2924  $(document).ready(function() {
2925    window.themeHelper.productModalComponents['advance-option'] = {
2926      template: '#advance-option',
2927      delimiters: ['${', '}'],
2928      props: {
2929        optionKey: String,
2930        option: Object,
2931        product: Object,
2932        currentOption: Object,
2933        toggleCurrentOption: Function,
2934      },
2935      methods: {
2936        setOption: function(optionKey, type) {
2937          if(type.isValid){
2938            this.toggleCurrentOption(optionKey, type.name);
2939          }
2940        }
2941      }
2942    };
2943  });
2944</script>
2944
2945
2946<!-- cyb_snippet components/product_modal/advance_option end -->
2947
2948<!-- cyb_snippet components/product_modal/photo_swiper start -->
2949
2950
2951<script id="photo-swiper" type="text/x-template">
2952  <div ref="photoSwiper" id="photo_swiper" class="photos swiper swiper-container">
2953    <div class="swiper-wrapper">
2954      <template v-if="hasImage">
2955        <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">
2956          <video-player v-if="item.url" :video="item"
2957            :video-poster=" !!mediaItems[firstImageIndex] ? mediaItems[firstImageIndex].large : '//cdn1-next.cybassets.com/img_loading.svg' "
2958          >
2959          </video-player>
2960          <img v-else class="qk-center" :src="item.large" alt="image"/>
2961        </div>
2962      </template>
2963      <div v-else class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale">
2964        <img src="//cdn1-next.cybassets.com/assets/no-image-large-2b95ea56c455be9ce081d81c14eded925df68bf8fa38809e46f6af8fcdd5f9bc.png" alt="image" />
2965      </div>
2966    </div>
2967    <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>
2968    <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>
2969
2970    <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm">
2971        <span class="current-index qk-text--default_dark">${currentImageIndex +1 }</span><span class="pagination-slash">/</span>
2972        <span>${mediaItems.length}</span>
2973      </div>
2974  </div>
2975</script>
2975
2976
2977<script>
2978  $(document).ready(function () {
2979    window.themeHelper.productModalComponents['photo-swiper'] = {
2980      template: '#photo-swiper',
2981      delimiters: ['${', '}'],
2982      props: {
2983        mediaItems: Array,
2984        currentImageIndex: Number,
2985        currentVariant: Object,
2986        videoAfterImage: Boolean,
2987      },
2988      data: function () {
2989        return {
2990          swiper: {},
2991          swiperOption: {
2992            preventInteractionOnTransition: true,
2993            rewind: true,
2994            spaceBetween: 5,
2995            slidesPerView: 1,
2996            navigation: {
2997              nextEl: '.photo-next',
2998              prevEl: '.photo-prev'
2999            }
3000          },
3001          showBtn: true,
3002          isVariantReposition: false,
3003        }
3004      },
3005      mounted: function() {
3006        this.swiper = new Swiper('#photo_swiper', this.swiperOption);
3007        this.swiper.on('slideChange', this.slideOnChange);
3008      },
3009      watch: {
3010        currentImageIndex: function() {
3011          this.slideToIndex();
3012        },
3013        currentVariant: {
3014          immediate: true,
3015          handler: function() {
3016            this.showBtn = this.mediaItems.length > 1;
3017            this.isVariantReposition = true;
3018            this.$nextTick(() => {
3019              if (this.swiper) {
3020                this.swiper.update();
3021                this.swiper.slideToLoop(this.initialItemIndex)
3022                this.slideOnChange();
3023                this.isVariantReposition = false;
3024              }
3025            });
3026          },
3027        },
3028      },
3029      computed: {
3030        hasImage: function() {
3031          return this.mediaItems.length > 0;
3032        },
3033        hasVideo: function() {
3034          return this.mediaItems.findIndex(item => !!item.url) !== -1;
3035        },
3036        variantPhotos: function() {
3037          if (this.currentVariant?.photos?.length) {
3038            return this.currentVariant.photos;
3039          } else  {
3040            return null;
3041          }
3042        },
3043        initialItemIndex: function() {
3044          if (this.hasVideo && !this.videoAfterImage) {
3045            // Focus on photo if "variant with photos" selected, video otherwise
3046            return this.variantPhotos?.length ? 1 : 0;
3047          } else {
3048            // Focus on first photo
3049            return 0;
3050          }
3051        },
3052      },
3053      methods: {
3054        slideOnChange: function() {
3055          themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex, this.isVariantReposition);
3056        },
3057        slideToIndex: function() {
3058          if(this.swiper.realIndex != this.currentImageIndex) {
3059            this.swiper.slideToLoop(this.currentImageIndex);
3060            this.swiper.update();
3061          }
3062        },
3063      }
3064    };
3065  });
3066</script>
3066
3067
3068
3069<!-- cyb_snippet components/product_modal/video_player start -->
3070<script id="video-player" type="text/x-template">
3071  <div class="videoPlayer__wrapper" @click="handleVideoClick">
3072    <video 
3073      id='modal-video'
3074      class="videoPlayer__video qk-cursor--pointer qk-center" 
3075      :poster="videoPoster"
3076      loop defaultMuted muted playsinline webkit-playsinline autoplay
3077    >
3078      <source :src="videoUrl" type="video/mp4">
3079      <p>你的瀏覽器不支援 HTML 5 video</p>
3080    </video>
3081    <button id="modal-video-button" class="videoPlayer__pauseButton"></button>
3082  </div>
3083</script>
3083
3084
3085<script>
3086  $(document).ready(function () {
3087    window.themeHelper.productModalComponents['video-player'] = {
3088      template: '#video-player',
3089      delimiters: ['${', '}'],
3090      props: {
3091        video: Object,
3092        videoPoster: String,
3093      },
3094      data: function() {
3095        return {
3096          videoElement: null,
3097          buttonElement: null,
3098        };
3099      },
3100      mounted: function() {
3101        this.videoElement = $('#modal-video')[0];
3102        this.buttonElement = $('#modal-video-button');
3103        this.setVideoVolumeZero();
3104        this.videoElement.addEventListener('canplay', (event) => {
3105          this.sendGtag('play');
3106        }, { once: true });
3107      },
3108      computed: {
3109        videoUrl: function() {
3110          return this.video.url;
3111        }
3112      },
3113      methods: {
3114        sendGtag: function(action) {
3115          window.productVideoView && productVideoView(action);
3116        },
3117        setVideoVolumeZero: function() {
3118          this.videoElement.volume = 0;
3119        },
3120        handleVideoClick: function() {
3121          if (this.videoElement.paused){
3122            this.videoElement.play();
3123            this.sendGtag('play');
3124          } else {
3125            this.videoElement.pause();
3126            this.sendGtag('paused');
3127          }
3128          this.handleVideoButtonDisplay(this.buttonElement, this.videoElement);
3129        },
3130        handleVideoButtonDisplay: function(button, video) {
3131          button.toggleClass('videoPlayer__playButton', video.paused);
3132          button.toggleClass('videoPlayer__pauseButton', !video.paused);
3133        },
3134      }
3135    };
3136  });
3137</script>
3137
3138
3139<!-- cyb_snippet components/product_modal/video_player end -->
3140
3141<!-- cyb_snippet components/product_modal/photo_swiper end -->
3142<!-- cyb_snippet components/product_modal/swiper_thumbnails start -->
3143<script id="swiper-thumbnails" type="text/x-template">
3144  <div
3145    v-for="(thumbnail, index) in allThumbnails"
3146    :key="index"
3147    class="product-thumbnail img-flex qk-of--hidden qk-display--il_bk qk-cursor--pointer qk-bd--default qk-bd--transparent default_scale"
3148    :class="{ focus: index === currentImageIndex }"
3149    @mouseover="updateCurrentImageIndex(index)"
3150  >
3151    <template v-if="thumbnail.isVideo">
3152      <video class="qk-w--100 qk-h--100" :src="thumbnail.url" defaultMuted playsinline></video>
3153      <button class="videoPlayer__playButton"></button>
3154    </template>
3155    <img v-else :src="thumbnail.url" :alt="title" class="qk-w--100 qk-h--100">
3156  </div>
3157</script>
3157
3158
3159<script type="text/javascript">
3160  $(document).ready(function () {
3161    window.themeHelper.productModalComponents['swiper-thumbnails'] = {
3162      template: '#swiper-thumbnails',
3163      delimiters: ['${', '}'],
3164      props: {
3165        title: String,
3166        mediaItems: Array,
3167        currentImageIndex: Number,
3168      },
3169      emits: ['updateCurrentImageIndex'],
3170      methods: {
3171        updateCurrentImageIndex: function(thumbnailIndex) {
3172          if (thumbnailIndex !== this.currentImageIndex ) {
3173            this.$emit('updateCurrentImageIndex', thumbnailIndex);
3174          }
3175        },
3176      },
3177      mounted() {
3178        // can be removed after replacing video thumbnail with img
3179        const thumbnailVideo = $('.product-thumbnail video')[0];
3180        if (!!thumbnailVideo) {
3181          thumbnailVideo.volume = 0;
3182          const promise = thumbnailVideo.play();
3183          promise.then(() => {
3184            thumbnailVideo.pause();
3185          })
3186        }
3187      },
3188      computed: {
3189        allThumbnails: function() {
3190          return this.mediaItems.map(item => ({
3191            isVideo: !!item.url,
3192            url: item.url || item.medium
3193          }));
3194        },
3195      },
3196      watch: {
3197        allThumbnails: {
3198          handler(){
3199            this.updateCurrentImageIndex(this.currentImageIndex);
3200          }
3201        }
3202      }
3203    };
3204  });
3205</script>
3205
3206
3207<!-- cyb_snippet components/product_modal/swiper_thumbnails end -->
3208
3209
3210<!-- cyb_snippet _product_modal_js start -->
3211<script type="text/javascript">
3212  $(document).ready(function() {
3213    var categoryLevels = [];
3214    var productCategoryLevels = null;
3215    var pageMainProductId = null;
3216    window.themeHelper.productModalComponents['product-modal'] = {
3217      template: '#product-modal',
3218      delimiters: [
3219        '${', '}'
3220      ],
3221      props: {
3222        onlyDescription: Boolean,
3223        cartItems: Array,
3224        groupId: Number,
3225        productUrl: String,
3226        color: String, // unused
3227        collectionId: Number,
3228        categories: Array,
3229        // 判斷是否有色票展開
3230        isCollection: {
3231          type: Boolean,
3232          required: false,
3233          default: false,
3234        },
3235        // 判斷加入購物車的方法
3236        isNnCollection: Boolean,
3237        isNewNnCollection: Boolean,
3238        isBundleDiscount: Boolean,
3239
3240        // 判斷是否顯示商品描述
3241        isShowDescription: {
3242          type: Boolean,
3243          default: true
3244        },
3245
3246        // 判斷是否為立即購買
3247        isQuickBuy: {
3248          type: Boolean,
3249          default: false
3250        },
3251        selectedVariantId: Number,
3252        callBack: Function
3253      },
3254      data: function() {
3255        return {
3256          styledShopMenu: "buttonType",
3257          selectOption: '',
3258          selectCurrentStr:'',
3259          isModalSelectShow: false,
3260          modalOption: {},
3261          adding: false,
3262          currentImageIndex: 0,
3263          _navState: { variantId: null, photoIndex: 0 },
3264          currentOption: {
3265            option1: null,
3266            option2: null,
3267            option3: null
3268          },
3269          currentVariant: null,
3270          variantNotifications: null,
3271          currentVariantIndex: null,
3272          product: {},
3273          isChoose: false,
3274          isLoading: true,
3275          isEmptyClickable: liquidHelper.isEmptyClickable,
3276          quantity: 1,
3277          maxUsableBonus: 0,
3278          isDiscountPrice: false,
3279          displayProductDiscountsList: true,
3280          displayPeriodicSalesPages:false,
3281          discountsList: null,
3282          hasVideoPlugin: false,
3283          videoDisplayLocation: "before",
3284          hasStockNotificationPlugin: true,
3285          isDisplayPriceRange: null,
3286          hasVariantPriceRangePlugin: true,
3287          hasHideSingleVariantOptionsPlugin: false,
3288        }
3289      },
3290      mounted: function() {
3291        this.getProductDetail();
3292        $('.custom-scrollbar').addCustomScrollbar();
3293        themeHelper.EventBus.$on('photoOnChange', this.photoOnChange);
3294      },
3295      beforeUnmount: function() {
3296        themeHelper.EventBus.$off('photoOnChange', this.photoOnChange);
3297      },
3298      computed: {
3299        photoUrls: function() {
3300          return this.product.photoUrls.length > 0
3301            ? this.product.photoUrls
3302            : [this.featuredImage];
3303        },
3304        photoUrlsMap: function() {
3305          var map = {};
3306          var urls = this.product.photoUrls;
3307          this.product.photos.forEach(function(photo, index) {
3308            map[photo.photo.id] = urls[index];
3309          });
3310
3311          return map;
3312        },
3313        featuredImage: function() {
3314          return this.product.featuredImage;
3315        },
3316        swiperPhotos: function() {
3317          if (!this.photoUrls.length) {
3318            return [this.featuredImage];
3319          }
3320
3321          if (this.currentVariant && this.currentVariant.photos.length) {
3322            var map = this.photoUrlsMap;
3323            return this.currentVariant.photos.map(function(p) {
3324              return map[p.id];
3325            });
3326          }
3327
3328          return this.photoUrls;
3329        },
3330        productVideo: function() {
3331          return this.product.video;
3332        },
3333        videoAfterImage: function() {
3334          return this.videoDisplayLocation === 'after';
3335        },
3336        swiperItems: function() {
3337          const media = [...this.swiperPhotos];
3338          if (
3339            this.hasVideoPlugin && this.productVideo.url
3340          ) {
3341            this.videoAfterImage
3342              ? media.push(this.productVideo)
3343              : media.unshift(this.productVideo);
3344          }
3345          return media;
3346        },
3347        firstImageIndex: function() {
3348          return this.hasVideoPlugin && this.productVideo.url && !this.videoAfterImage
3349            ? 1
3350            : 0
3351        },
3352        otherDescriptions: function() {
3353          var descriptions = {};
3354          this.product.otherDescriptions.forEach(function(od) {
3355            descriptions[od.settingName] = od.bodyHtml;
3356          })
3357          return descriptions
3358        },
3359        variantOptions: function() {
3360          return themeHelper.variantOptions(this.product);
3361        },
3362        firstValidVariant: function() {
3363          var self = this;
3364          var result = this.product.variants.find(function(variant) {
3365            // 增加 product modal 聯絡店家 property
3366            variant.imgUrl = "";
3367            variant.productTitle = "";
3368
3369            return variant.available;
3370          });
3371
3372          return result
3373            ? result
3374            : null;
3375        },
3376        selectedValidVariant: function() {
3377          var self = this;
3378          var result = this.variantOptions.find(function(variant) {
3379            return variant.id === self.selectedVariantId;
3380          });
3381
3382          return result
3383            ? result
3384            : null;
3385        },
3386        totalInventoryQuantity: function(product) {
3387          return themeHelper.totalInventoryQuantity(this.product)
3388        },
3389        addCartText: function() {
3390          var variants = parseInt("");
3391          let isRegisteredNotification = this.currentVariant && this.variantNotifications && this.variantNotifications[this.currentVariant.id]
3392          if (this.isNnCollection || this.isBundleDiscount) {
3393            if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
3394              if (this.currentVariant.inventoryPolicy === 'continue') {
3395                if (this.isNnCollection) {
3396                  return this.isChoose && !this.isNewNnCollection
3397                    ? '已預購'
3398                    : '預購商品';
3399                }
3400              } else {
3401                return '已售完';
3402              }
3403            }
3404            if (this.totalInventoryQuantity === 0) {
3405              return '已售完';
3406            }
3407            return this.isChoose && !this.isNewNnCollection
3408              ? '已選購'
3409              : '選購';
3410          } else {
3411            if (this.isQuickBuy) {
3412              if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
3413                if (this.currentVariant.inventoryPolicy === 'continue'){
3414                  return '立即預購'
3415                }
3416                return this.hasStockNotificationPlugin
3417                  ? (isRegisteredNotification
3418                    ? '已登記補貨通知'
3419                    : '已售完,貨到通知我')
3420                  : '聯絡店家'
3421              }
3422              return '立即購買';
3423            } else {
3424              if (this.currentVariant) {
3425                if (!themeHelper.variantIsAvailable(this.currentVariant)) {
3426                  if (this.currentVariant.inventoryPolicy === 'continue'){
3427                    return '預購商品'
3428                  }
3429                  return this.hasStockNotificationPlugin
3430                    ? (isRegisteredNotification
3431                      ? '已登記補貨通知'
3432                      : '已售完,貨到通知我')
3433                    : '聯絡店家'
3434                }
3435              } else {
3436                if (this.totalInventoryQuantity === 0) {
3437                  return '已售完';
3438                }
3439              }
3440              return '加入購物車';
3441            }
3442          }
3443        },
3444        cartItem: function() {
3445          if (!this.currentVariant) {
3446            return null
3447          }
3448          return {
3449            id: this.currentVariant.id,
3450            groupId: this.groupId,
3451            productId: this.product.id,
3452            title: this.product.title,
3453            photo: this.currentVariant.imgUrl || this.featuredImage.large,
3454            quantity: this.quantity,
3455            price: this.currentVariant.price,
3456            variant: this.currentVariant,
3457            product: this.product
3458          }
3459        },
3460        options: function() {
3461          return this.product.options;
3462        },
3463        optionTypes: function() {
3464
3465          // 先根據設定的variants來排序
3466          var self = this;
3467
3468          var option1 = [];
3469          var option2 = [];
3470          var option3 = [];
3471          this.product.variants.forEach(function(item) {
3472            if (item.option1 !== null) {
3473              option1.push(item.option1);
3474            }
3475            if (item.option2 !== null) {
3476              option2.push(item.option2);
3477            }
3478            if (item.option3 !== null) {
3479              option3.push(item.option3);
3480            }
3481          })
3482          var filteredOptionTypes = [];
3483          this.product.optionTypes.forEach(function(item, index) {
3484            filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (
3485              index + 1
3486            ))).join(','));
3487          });
3488          return filteredOptionTypes;
3489        },
3490        optionInfo: function() {
3491          var self = this;
3492
3493          return self.options.map(function(option, index) {
3494            return {
3495              name: option,
3496              types: self.getOptions('option' + (
3497                index + 1
3498              ), self.optionTypes[index].split(','))
3499            }
3500          });
3501        },
3502        hasVariant: function() {
3503          return this.product.options.length > 0;
3504        },
3505        shouldHideSingleVariantOptions: function() {
3506          return this.hasHideSingleVariantOptionsPlugin &&
3507                 this.product.variants &&
3508                 this.product.variants.length <= 1;
3509        },
3510        variantSize: function() {
3511          if(this.product.options){
3512          return this.product.options.length;
3513          }
3514        },
3515        firstVariant: function() {
3516          return this.product.variants[0];
3517        },
3518        firstCheapestVariant: function() {
3519          return this.product.variants.find((v)=> (v.price === this.priceStats.minPrice));
3520        },
3521        priceStats: function() {
3522          return this.product.variants.reduce(function(acc, variant) {
3523            return {
3524              minPrice: variant.price < acc.minPrice ? variant.price : acc.minPrice,
3525              maxPrice: variant.price > acc.maxPrice ? variant.price : acc.maxPrice,
3526            };
3527          }, {
3528            minPrice: this.firstVariant.price,
3529            maxPrice: this.firstVariant.price,
3530          });
3531        },
3532        hidePrice: function() {
3533          return this.product && this.product.hidePrice === true;
3534        },
3535        salesModePurchasable: function() {
3536          return !(this.product && this.product.salesModePurchasable === false);
3537        },
3538         // - 任選折扣/紅配綠:「選擇」只是加進試算清單,不會直接下單,故只擋藏價商品
3539        // - 其他情境(商品頁、群組頁、多層級分類、搜尋、首頁商品區塊):不可購買(含藏價)就整組收掉
3540        showPurchaseControls: function() {
3541          if (this.isNnCollection || this.isBundleDiscount) {
3542            return !this.hidePrice;
3543          }
3544          return this.salesModePurchasable;
3545        },
3546        variantPrice: function() {
3547          if (this.hidePrice) {
3548            return '';
3549          }
3550          var from = liquidHelper.defaultCurrency;
3551          if (this.currentVariant) {
3552            return moneySymbol(this.currentVariant.price, from);
3553          }
3554          if (this.product.variants.length === 1) {
3555            return moneySymbol(this.firstVariant.price, from);
3556          }
3557
3558          var minPrice = this.priceStats.minPrice;
3559          var maxPrice = this.priceStats.maxPrice;
3560
3561          if (minPrice !== maxPrice && (!this.hasVariantPriceRangePlugin || this.isDisplayPriceRange)) {
3562            this.isDiscountPrice = false;
3563            return moneySymbol(minPrice, from) + '~' + moneySymbol(maxPrice, from);
3564          } else {
3565            return moneySymbol(minPrice, from);
3566          }
3567        },
3568        marketPrice: function() {
3569          if (this.hidePrice) {
3570            this.isDiscountPrice = false;
3571            return;
3572          }
3573          var from = liquidHelper.defaultCurrency;
3574          if (this.currentVariant) {
3575            this.isDiscountPrice = false;
3576            if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) {
3577              this.isDiscountPrice = true;
3578              return moneySymbol(this.currentVariant.compareAtPrice, from);
3579            }
3580          } else {
3581            if (!_.includes(this.variantPrice, '~')) {
3582              const price =  Number(this.variantPrice.replace(/[^0-9.
3582-]/g, ""))
3583              // 未選擇款式也不顯示區間時,顯示第一個最便宜的款式的定價
3584              if (this.firstCheapestVariant.compareAtPrice && this.firstCheapestVariant.compareAtPrice > price){
3585                this.isDiscountPrice = true;
3586                return moneySymbol(this.firstCheapestVariant.compareAtPrice, from);
3587              }
3588              // 未選擇款式時要改回一般價格顏色
3589              this.isDiscountPrice = false;
3590            }
3591          }
3592        },
3593        isShowDropdownList: function() {
3594          if (this.product.options.length > 0) {
3595            return true;
3596          }
3597          return this.product.variants.length > 1
3598        },
3599        priceTitleTag: function() {
3600          return this.marketPrice
3601            ? getDiscountPriceName()
3602            : getDiscountPriceSuggestionName();
3603        },
3604        isHideAddCartBtn: function() {
3605          if (this.addCartText === '已售完') {
3606            return true;
3607          }
3608          return false;
3609        },
3610        isSecondaryBtn: function() {
3611          if (this.addCartText === '聯絡店家') {
3612            return true;
3613          }
3614          return false;
3615        },
3616        variantsMaxUsableBonus: function() {
3617          var variants = this.product.variants;
3618          var maxUsableBonusArray = variants.map(function(item) {
3619            return item.maxUsableBonus
3620          });
3621          return Math.max.apply(null, maxUsableBonusArray);
3622        },
3623        bonusToPrice: function() {
3624          const bonus = this.currentVariant
3625            ? this.currentVariant.maxUsableBonus
3626            : this.maxUsableBonus;
3627          const price = Math.floor(bonus / window.liquidHelper.conversionBonus);
3628          const priceWithMoney = window.themeHelper.productDisplayCurrencyBlock(price);
3629          return "(約等於 value )".replace('value', priceWithMoney);
3630        },
3631        isMobileSize: function() {
3632          return window.innerWidth <= 580
3633        },
3634        limitBuyText: function () {
3635          const minCount = this.product.minBuy;
3636          const maxCount = this.product.limitBuy;
3637          if (minCount > 0 && maxCount > 0) {
3638            return '此商品每筆訂單最少需購買 minCount 件,最多可購買 maxCount 件'.replace('minCount', minCount).replace('maxCount', maxCount);
3639          }
3640          if (minCount > 0) {
3641            return '此商品每筆訂單最少需購買 minCount 件'.replace('minCount', minCount);
3642          }
3643          if (maxCount > 0) {
3644            return '此商品每筆訂單最多可購買 maxCount 件'.replace('maxCount', maxCount);
3645          }
3646          return '';
3647        }
3648      },
3649      methods: {
3650        onClickSelectModal: function(objData, selectOptionStr) {
3651          this.isModalSelectShow = true;
3652          this.modalOption = objData;
3653          this.selectOption = selectOptionStr
3654          this.selectCurrentStr = this.currentOption && (String(this.currentOption[selectOptionStr]) || null)
3655        },
3656        onChangeModalSelect: function(flag, isSelect) {
3657          if(!isSelect){
3658            this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types)
3659          }
3660          this.isModalSelectShow = flag;
3661        },
3662        setOption: function(optionKey, type, dataArr) {
3663          let flag = true
3664          dataArr.forEach(item => {
3665            if (item.name === type) {
3666              flag = item.isValid
3667            }
3668          })
3669          if (flag) {
3670            this.toggleCurrentOption(optionKey, type)
3671          }
3672        },
3673        addToWishListEvent: function() {
3674          try {
3675            if (appMarketAddToWishListEvent) {
3676              var product = this.product;
3677              var currentVariant = this.currentVariant
3678              var element = $(`.btn[data-id=${product.id}]`);
3679              var index;
3680              var listName;
3681              if (element) {
3682                index = element.data('position')
3683                listName = element.data('list')
3684              }
3685              // sku_properties:選中款式的 option pairs(當前語系),類型名 zip 值
3686              var optionValues = [currentVariant.option1, currentVariant.option2, currentVariant.option3];
3687              var properties = [];
3688              (product.options || []).forEach(function(optionName, i) {
3689                if (optionName && optionValues[i]) {
3690                  properties.push({ name: optionName, value: optionValues[i] });
3691                }
3692              });
3693              var dataSet = {
3694                name: product.title,
3695                category: product.productType,
3696                categories: (this.categories && this.categories.length) ? this.categories : (categoryLevels.length ? categoryLevels : (product.id === pageMainProductId ? productCategoryLevels : undefined)),
3697                sku: currentVariant.sku,
3698                price: currentVariant.price,
3699                compare_at_price: currentVariant.compareAtPrice,
3700                properties: properties,
3701                quantity: currentVariant.inventoryQuantity,
3702                variant: currentVariant.title,
3703                listName: listName || null,
3704                productId: product.id,
3705                variantId: currentVariant.id,
3706                index: Number(index) || 0,
3707              }
3708              appMarketAddToWishListEvent(dataSet)
3709            }
3710          } catch (e) {
3711            console.error(e)
3712          }
3713        },
3714        addWishList: function() {
3715          if (this.currentVariant === null) {
3716            window.msg('請選擇商品款式', 'warning').show();
3717            return;
3718          }
3719          var productVariantId = this.currentVariant.id;
3720          var addToWishListEvent = this.addToWishListEvent
3721          $.ajax({
3722            method: 'POST',
3723            url: '/tracking_items',
3724            dataType: 'json',
3725            data: {
3726              product_variant_id: productVariantId
3727            },
3728            success: function(response) {
3729              if (response.message) {
3730                window.msg(response.message, 'success').show();
3731                addToWishListEvent()
3732              }
3733
3734              if (response.error) {
3735                window.msg(response.error, 'error').show();
3736
3737              }
3738              if (response.info) {
3739                window.msg(response.info, 'info').show();
3740              }
3741              if (response.success === false) {
3742                if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
3743                  window.location = "/" + window.liquidHelper.language.handle + "/account/login";
3744                } else {
3745                  window.location = "/account/login";
3746                }
3747              }
3748            }
3749          });
3750        },
3751        setChoose: function(currentVariant) {
3752          this.maxUsableBonus = 0;
3753          var quantity = 1;
3754          var cartItem = null;
3755          if (!this.isNnCollection && this.cartItems) {
3756            cartItem = this.normalGetChoosenItem(currentVariant);
3757          }
3758          if (this.isNnCollection) {
3759            cartItem = this.nnCollectionGetChoosenItem(currentVariant);
3760          }
3761          this.isChoose = !! cartItem;
3762          if (this.isNewNnCollection) {
3763            return
3764          }
3765          this.quantity = cartItem
3766            ? cartItem.quantity
3767            : this.quantity;
3768
3769          // product modal 聯絡店家情境
3770          if (currentVariant) {
3771            var photoIndex = 0;
3772            if (! currentVariant.imgUrl) {
3773              currentVariant.imgUrl = this.swiperPhotos.length > 0
3774                ? (this.swiperPhotos[photoIndex] && this.swiperPhotos[photoIndex].large)
3775                : this.featuredImage.large;
3776            }
3777            currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title;
3778          }
3779        },
3780        normalGetChoosenItem: function(currentVariant) {
3781          return this.cartItems.find(function(cartItem) {
3782            return currentVariant && cartItem.id === currentVariant.id;
3783          });
3784        },
3785        nnCollectionGetChoosenItem: function(currentVariant) {
3786          var isSelected = null;
3787          if (! currentVariant) {
3788            return isSelected;
3789          }
3790          if (this.isNewNnCollection) {
3791            var cart = store.get(`SpecialCollectionCart_${this.collectionId}`);
3792            isSelected = cart && cart.find((item) => item.variant_id == currentVariant.id) || null;
3793          } else {
3794            store.each(function(value, key) {
3795              var productId = _.includes(key, 'Pro' + currentVariant.productId);
3796              var variantID = _.includes(key, 'Var' + currentVariant.id);
3797              if (productId && variantID) {
3798                isSelected = store.get(key);
3799              }
3800            });
3801          }
3802
3803          return isSelected;
3804        },
3805        // get product detail
3806        getProductDetail: function() {
3807          var self = this;
3808
3809          $.ajax({
3810            url: self.productUrl + '.json',
3811            type: 'GET',
3812            timeout: 30000,
3813            beforeSend: function() {
3814              self.isLoading = true;
3815            },
3816            error: function(xhr) {
3817              self.closeModal();
3818              if (xhr.status === 429) {
3819                window.showAddCartRateLimitModal(5);
3820                return;
3821              }
3822              window.msg('網路連線異常,請重新整理', 'error').show();
3823            }
3824          }).done(function(data) {
3825            if (data.id) {
3826              var productData = [themeHelper.toCamelCase(data)];
3827              self.product = themeHelper.priceWithDiscount(productData, liquidHelper.hasPriceWithDiscountPlugin)[0];
3828              self.maxUsableBonus = self.variantsMaxUsableBonus;
3829              if (self.product.variants.length === 1 || liquidHelper.isFirstVariantSelected || self.selectedVariantId) {
3830                self.currentVariant = self.firstValidVariant;
3831                // 如果已經自選商品,則商品頁下滑加入購物車顯示自選商品
3832                if (self.selectedVariantId) {
3833                  self.currentVariant = self.selectedValidVariant;
3834                }
3835                if (self.currentVariant) {
3836                  self.setChoose(self.currentVariant);
3837                  self.setDefaultOption();
3838                }
3839              }
3840              if (self.displayProductDiscountsList) {
3841                self.setUpDiscountsTag(data);
3842              }
3843              self.isLoading = false;
3844              if (self.product && self.product.variants) {
3845                self.product.variants.forEach(function(discountedVariant) {
3846                  var rawVariant = data.variants.find(function(v) { return v.id === discountedVariant.id; });
3847                  if (rawVariant) { rawVariant.price = discountedVariant.price; }
3848                });
3849              }
3850              viewItem && viewItem(data, { collectionId: '', collectionName: null, categories: (self.categories && self.categories.length) ? self.categories : (categoryLevels.length ? categoryLevels : (data.id === pageMainProductId ? productCategoryLevels : undefined)) });
3851
3852              (function() {
3853                // Read login status from cacheable, skip GET /pv_notification if not login.
3854                if (window.store && window.store.get('customer')) {
3855                  var cacheableCustomer = window.store.get('customer');
3856                  if (cacheableCustomer.notLogin) {
3857                    return;
3858                  }
3859                }
3860                $.ajax({
3861                  url: '/pv_notification',
3862                  method: 'GET',
3863                  dataType: 'json',
3864                  data: {
3865                    product_id: parseInt(data.id)
3866                  },
3867                  success: function(response) {
3868                    self.variantNotifications = response.variants;
3869                  }
3870                })
3871              })();
3872            } else {
3873              window.msg('網路連線異常,請重新整理', 'error').show();
3874              self.closeModal()
3875            }
3876          })
3877        },
3878        // product image btn
3879        photoOnChange: function(photoIndex, isVariantReposition) {
3880          var visiblePhotos = (this.currentVariant && this.currentVariant.photos.length)
3881            ? this.currentVariant.photos
3882            : this.product.photos.map(function(p) { return p.photo; });
3883          var result = themeHelper.buildNavigateItemImagePayload(this._navState, {
3884            product: this.product,
3885            currentVariant: this.currentVariant,
3886            visiblePhotos: visiblePhotos,
3887            slideIndex: photoIndex,
3888            videoOffset: this.firstImageIndex,
3889          });
3890          this._navState = result.nextState;
3891          if (result.payload && !isVariantReposition) {
3892            window.navigateItemImage(result.payload);
3893          }
3894          this.currentImageIndex = photoIndex;
3895        },
3896        toggleCurrentOption: function(key, value) {
3897          this.currentOption[key] =
3898            (this.currentOption[key] === value || value === 'null') ? null : value;
3899          var variantIndex = this.getVariantIndex();
3900          if (variantIndex !== -1) {
3901            this.currentVariant = this.product.variants[variantIndex];
3902          } else {
3903            this.currentVariant = null;
3904          }
3905          this.setChoose(this.product.variants[variantIndex]);
3906          if (this.currentOption[key] !== null) {
3907            var optionIndex = parseInt(key.replace('option', '')) - 1;
3908            appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant);
3909          }
3910        },
3911        toggleNotification: function() {
3912          var self = this;
3913          var variantId = this.currentVariant.id;
3914
3915          $.ajax({
3916            url: '/toggle_pv_notification',
3917            method: 'POST',
3918            dataType: 'json',
3919            data: {
3920              product_variant_id: variantId
3921            },
3922            success: function(response) {
3923              self.variantNotifications[variantId] = response.notice;
3924              window.msg(response.message, "success").show();
3925            },
3926            error: function(xhr) {
3927              var response = xhr.responseJSON;
3928              var msg = response && response.error || "網路連線異常,請重新整理";
3929              window.msg(msg, "error").show();
3930            }
3931          })
3932        },
3933        getOptionImageIndex: function(index) {
3934          this.currentImageIndex = index;
3935        },
3936        quantityDecrease: function() {
3937          if (this.cartItem) {
3938            themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false);
3939            this.quantity = this.cartItem.quantity
3940          } else {
3941            window.msg("請選擇商品款式", 'warning').show();
3942          }
3943        },
3944        quantityIncrease: function() {
3945          if (this.cartItem) {
3946            themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false);
3947            this.quantity = this.cartItem.quantity
3948          } else {
3949            window.msg("請選擇商品款式", 'warning').show();
3950          }
3951        },
3952        quantityChange: function(el) {
3953          if (this.cartItem) {
3954            themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false);
3955            this.quantity = this.cartItem.quantity;
3956            el.target.value = this.cartItem.quantity;
3957          } else {
3958            window.msg("請選擇商品款式", 'warning').show();
3959          }
3960        },
3961        addProduct: function() {
3962          if (this.addCartText === '聯絡店家') {
3963            $('#messagebuy-Modal').data('variant', this.currentVariant);
3964            $('#messagebuy-Modal').modal('show');
3965            $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)");
3966          } else if (
3967            this.addCartText === '已登記補貨通知' ||
3968            this.addCartText === '已售完,貨到通知我'
3969          ) {
3970              this.toggleNotification();
3971          } else {
3972            if (this.cartItem) {
3973              try {
3974                if (this.isChoose) {
3975                  themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem, this.callBack)
3976                } else {
3977                  themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem, this.callBack)
3978                }
3979
3980                this.adding = true;
3981                this.closeModal();
3982              } catch (e) {
3983                window.msg("商品款式異常", 'error').show();
3984              }
3985            } else {
3986              window.msg("請選擇商品款式", 'warning').show();
3987            }
3988          }
3989        },
3990        closeModal: function() {
3991          themeHelper.EventBus.$emit('closeProductModal');
3992        },
3993        setDefaultOption: function() {
3994          var self = this;
3995          Object.keys(self.currentOption).map(function(optionKey) {
3996            self.currentOption[optionKey] = self.currentVariant[optionKey];
3997          });
3998        },
3999        getVariantIndex: function() {
4000          var self = this;
4001          return self.product.variants.findIndex(function(variant, index) {
4002            var isVariant = true;
4003            Object.keys(self.currentOption).forEach(function(option) {
4004              if (variant[option] !== self.currentOption[option]) {
4005                isVariant = false;
4006              }
4007            });
4008            return isVariant;
4009          });
4010        },
4011
4012        // 篩選重複品項
4013        getUniqueVariant: function(variants) {
4014          return variants.filter(function(value, index, self) {
4015            return self.indexOf(value) === index;
4016          });
4017        },
4018        groupBy(xs, key) {
4019          return xs.reduce(function(rv, x) {
4020            (rv[x[key]] = rv[x[key]] || []).push(x);
4021            return rv;
4022          }, {});
4023        },
4024        setUpDiscountsTag(data) {
4025          var self = this;
4026          var languagePrefix = '/' + ((window.shopScriptHelper && window.shopScriptHelper.i18nLocale) || 'zh-TW');
4027          $.ajax({
4028            url: languagePrefix + self.productUrl + '/discounts_list',
4029            method: 'GET',
4030            success: function(result) {
4031              if (result.length > 0) {
4032                var discounts_list = self.groupBy(result, 'campaign_type');
4033                self.discountsList = discounts_list;
4034              } else {
4035                self.discountsList = null;
4036              }
4037            }
4038          });
4039        },
4040        getOptions: function(optionKey, optionTypes) {
4041          var self = this;
4042          return optionTypes.map(function(optionType, index) {
4043            var isValid = true;
4044
4045            // 選出包含目前type的variant
4046            var matchVariants = self.product.variants.filter(function(variant) {
4047              return variant[optionKey] === optionType;
4048            });
4049
4050            // 篩選已勾選type
4051            Object.keys(self.currentOption).forEach(function(currentOptionKey) {
4052              if (currentOptionKey !== optionKey) {
4053                matchVariants = matchVariants.filter(function(variant) {
4054                  if (self.currentOption[currentOptionKey]) {
4055                    return variant[currentOptionKey] === self.currentOption[currentOptionKey]
4056                  } else {
4057                    return true;
4058                  }
4059                });
4060              }
4061            });
4062            if (matchVariants.length === 0) {
4063              isValid = false;
4064            }
4065            if (! self.isEmptyClickable) {
4066              isValid = false;
4067              matchVariants.find(function(item) {
4068                if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') {
4069                  isValid = true;
4070                }
4071              });
4072            }
4073            return {name: optionType, isValid: isValid}
4074          });
4075        }
4076      }
4077    };
4078  });
4079</script>
4079
4080
4081<!-- cyb_snippet _product_modal_js end -->
4082
4083<!-- cyb_snippet components/product_modal/product_modal end -->
4084
4085<!-- cyb_snippet messagebuy_modal start -->
4086
4087
4088<!-- cyb_snippet messagebuy_modal end -->
4089<!-- cyb_snippet components/rate_limit_modal start -->
4090<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/rate_limit_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
4091
4092<div class="modal fade" id="rate-limit-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
4093  <div class="modal-dialog modal-dialog-centered" role="document">
4094    <div class="modal-content">
4095      <div class="modal-body">
4096        <div class="qk-text--default_dark rate-limit-text">
4097          <p id="rate-limit-title">目前搶購人潮眾多,請耐心等候</p>
4098          <p class="qk-fs--body qk-fw--500 rate-limit-message">
4099            <span class="qk-text--error" id="rate-limit-countdown"></span>
4100            <span id="rate-limit-desc"></span>
4101          </p>
4102          <p class="qk-fs--body qk-fw--500 rate-limit-message" id="rate-limit-warn">若離開此頁面,可能會延長等待時間。</p>
4103        </div>
4104        <button id="rate-limit-btn" class="btn qk-btn qk-btn--primary" disabled>重新進入商品頁</button>
4105      </div>
4106    </div>
4107  </div>
4108</div>
4109
4110<script>
4111  window.showRateLimitModal = function(countdownSec) {
4112    var countdown = countdownSec || 5;
4113    var $modal = $('#rate-limit-modal');
4114    var $btn = $modal.find('#rate-limit-btn');
4115    var $countdownEl = $modal.find('#rate-limit-countdown');
4116
4117    $btn.show();
4118    $modal.find('#rate-limit-desc').text(language["product_rate_limit_desc"]);
4119    $countdownEl.text(countdown);
4120    $btn.prop('disabled', true);
4121    $modal.modal('show');
4122
4123    var timer = setInterval(function() {
4124      countdown--;
4125      $countdownEl.text(countdown);
4126      if (countdown <= 0) {
4127        clearInterval(timer);
4128        $btn.prop('disabled', false);
4129      }
4130    }, 1000);
4131
4132    $btn.off('click').on('click', function() {
4133      location.reload();
4134    });
4135  }
4136
4137  window.showAddCartRateLimitModal = function(countdownSec) {
4138    var countdown = countdownSec || 5;
4139    var $modal = $('#rate-limit-modal');
4140    var $countdownEl = $modal.find('#rate-limit-countdown');
4141
4142    $modal.find('#rate-limit-btn').hide();
4143    $modal.find('#rate-limit-desc').text(language["addcart_rate_limit_desc"]);
4144    $countdownEl.text(countdown);
4145    $modal.modal('show');
4146
4147    var timer = setInterval(function() {
4148      countdown--;
4149      $countdownEl.text(countdown);
4150      if (countdown <= 0) {
4151        clearInterval(timer);
4152        $modal.modal('hide');
4153      }
4154    }, 1000);
4155  }
4156</script>
4156
4157
4158<!-- cyb_snippet components/rate_limit_modal end -->
4159
4160<script>
4161  $(document).ready(function() {
4162    const shouldSkipQuantityCheck = false;
4163    const newAddCartModalApp = new window.themeHelper.LiquidVueHandler({
4164      componentNames: Object.keys(window.themeHelper.productModalComponents),
4165      mountSelector: '#new-addcart-modal',
4166      autoMount: false,
4167    });
4168
4169    newAddCartModalApp.createApp({
4170      el: '#new-addcart-modal',
4171      delimiters: ['${', '}'],
4172      data() {
4173        return {
4174          collectionId: 0,
4175          categories: [],
4176          color: '', // unused
4177          isCollection: true,
4178          productQuantity: 0,
4179          onlyDescription: false,
4180          showProductModal: false,
4181          popProductUrl: '',
4182          loading: false,
4183        };
4184      },
4185      mounted: function() {
4186        themeHelper.EventBus.$on('closeProductModal',this.closeProductModal);
4187        themeHelper.EventBus.$on('updateStore', this.addProduct);
4188        themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease);
4189        themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease);
4190        themeHelper.EventBus.$on('quantityChange', this.quantityChange);
4191      },
4192      methods: {
4193        addProduct: function(actionType, productData, checkoutAddToCartCallback){
4194          var self = this;
4195          var pageViewId = window.CYBERBIZ && window.CYBERBIZ.dis && window.CYBERBIZ.dis.pageViewId;
4196          $.ajax({
4197            method: 'POST',
4198            url: '/cart/add',
4199            headers: pageViewId ? { 'X-Cyb-Page-View-Id': pageViewId } : {},
4200            data: {
4201              id: productData.id,
4202              quantity: productData.quantity,
4203            },
4204            dataType: 'json',
4205            beforeSend: function() {
4206              self.loading = true;
4207              themeHelper.ajaxLoadingMsg('loading');
4208              $('.shopcart').dropdown('hide')
4209              $('.global-cart-count').hide();
4210              $('.global-cart-loading').show();
4211              $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse" style="vertical-align: middle;"></i>');
4212            },
4213            error: function(xhr) {
4214              $('.global-cart-loading').hide();
4215              $('.global-cart-count').show();
4216              self.loading = false;
4217              if (xhr.status === 429) {
4218                themeHelper.ajaxLoadingMsg('hide', 0);
4219                self.closeProductModal();
4220                window.showAddCartRateLimitModal(5);
4221                return;
4222              }
4223              themeHelper.ajaxLoadingMsg('fail', 2000);
4224            }
4225          }).done(function(data, status, request){
4226            // product modal 立即購買按鈕
4227            window.sendAddToCartEvent && sendAddToCartEvent({
4228              price: productData.price,
4229              quantity: productData.quantity,
4230              id: productData.product.id,
4231              name: productData.product.title,
4232              category: productData.product.productType,
4233              brand: productData.product.vendor,
4234              qc: productData.variant.qc,
4235              variant: {
4236                id: productData.variant.id,
4237                title: productData.variant.title,
4238                sku: productData.variant.sku,
4239                price: productData.variant.price,
4240                qc: productData.variant.qc,
4241              },
4242              position: "商品彈出視窗",
4243              request,
4244            })
4245            if (self.isQuickBuy) {
4246              if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
4247                window.location = "/" + window.liquidHelper.language.handle + "/cart";
4248              } else {
4249                window.location = "/cart";
4250              }
4251            } else {
4252              themeHelper.ajaxLoadingMsg('success');
4253              pullNavCart();
4254              $('.shopcart').dropdown('show')
4255              $('.global-cart-loading').hide();
4256              self.loading = false;
4257            }
4258            if(typeof checkoutAddToCartCallback === 'function'){
4259              var callbackData = {
4260                id: productData.id,
4261                quantity: productData.quantity,
4262                title: productData.product ? productData.product.title : productData.title || ''
4263              };
4264              checkoutAddToCartCallback(callbackData)
4265            }
4266            peh.emit('product:add_to_cart', [{
4267              variantId: productData.id,
4268              quantity: productData.quantity
4269            }], self.collectionId);
4270          }).fail(function(e){
4271            if (e.status === 429) {
4272              return;
4273            }
4274            let err_msg = e.responseJSON.err_msg;
4275            err_msg && err_msg.length > 0 ?
4276              window.msg(e.responseJSON.err_msg, 'warning').show():
4277              window.msg("加入購物車有誤,請重新嘗試", 'warning').show();
4278          })
4279        },
4280        quantityDecrease: function(cartItem, isAdded){
4281          if (cartItem.quantity > 1) {
4282            cartItem.quantity -= 1;
4283          } else {
4284            window.msg("數量不得為低於 1", 'warning').show();
4285          }
4286        },
4287        quantityIncrease: function(cartItem, isAdded){
4288          const limitQuantity = cartItem.variant.inventoryQuantity;
4289          const limitBuy = cartItem.product.limitBuy
4290          if (limitBuy && cartItem.quantity >= limitBuy) {
4291            product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
4292            window.msg(product_limit_buy, 'warning').show();
4293            return;
4294          } else if (cartItem.quantity >= liquidHelper.cartQuantityLimit) {
4295            window.msg("數量超過購買上限", 'warning').show();
4296          } else if ( cartItem.quantity < limitQuantity || limitQuantity === null ||
4297            cartItem.variant.inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
4298            cartItem.quantity += 1;
4299          } else {
4300            this.showInventoryMessage(limitQuantity);
4301          }
4302        },
4303        quantityChange: function(quantity, cartItem, isAdded){
4304          const limitBuy = cartItem.product.limitBuy
4305          var limitQuantity = cartItem.variant.inventoryQuantity;
4306          var inventoryPolicy = cartItem.variant.inventoryPolicy;
4307          if (Number.isInteger(quantity)) {
4308            if (quantity >= 1) {
4309              if (limitBuy && quantity >= limitBuy) {
4310                product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
4311                window.msg(product_limit_buy, 'warning').show();
4312              } else if (quantity > liquidHelper.cartQuantityLimit) {
4313                window.msg("數量超過購買上限", 'warning').show();
4314              } else if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
4315                cartItem.quantity = quantity;
4316              } else {
4317                cartItem.quantity = limitQuantity;
4318                this.showInventoryMessage(limitQuantity);
4319              }
4320            } else {
4321              window.msg("數量不得為低於 1", 'warning').show();
4322            }
4323          } else {
4324            window.msg("數量輸入錯誤", 'warning').show();
4325          }
4326        },
4327        popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId, checkoutAddToCartCallback, categories){
4328          this.showProductModal = true;
4329          this.collectionId = collectionId;
4330          this.categories = categories || [];
4331          this.popProductUrl = productUrl;
4332          this.color = color || ''; // unused
4333          this.isCollection = isCollection || false;
4334          this.isShowDescription = isShowDescription != false;
4335          this.isQuickBuy = isQuickBuy || false;
4336          this.selectedVariantId = parseInt(variantId) || undefined;
4337          this.checkoutAddToCartCallback = checkoutAddToCartCallback;
4338          document.body.style.overflow = "hidden";
4339        },
4340        closeProductModal: function() {
4341          this.showProductModal = false;
4342          document.body.style.overflow = "";
4343        },
4344        showInventoryMessage: function(inventoryQuantity) {
4345          const stockMessage = "商品庫存剩餘 count 件".replace('count', inventoryQuantity || 0);
4346          window.msg(stockMessage, 'warning').show();
4347        },
4348      }
4349    });
4350
4351    for (const componentName in window.themeHelper.productModalComponents) {
4352      newAddCartModalApp.component(
4353        componentName,
4354        window.themeHelper.productModalComponents[componentName],
4355      );
4356    }
4357
4358    window.new_addcart_modal = newAddCartModalApp.mount();
4359  });
4360</script>
4360
4361
4362<!-- cyb_snippet new_addcart_modal end -->
4363    
4363<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/new_cart-3a2e378145f8a165.js' type='text/javascript'></script>
4363
4364  
4365</div>
4366
4367    </div>
4368
4369    <!-- Footer -->
4370    
4371
4372
4373
4374
4375
4376
4377<style>
4378  
4379  
4380  @media(min-width: 991px) {
4381    .display_x .left-content > div {
4382      max-width: calc(100% / 4);
4383    }
4384  }
4385</style>
4386
4387<div id="index-recommendation"></div>
4388
4389<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
4390  
4391    
4392    <div class="qk-container display_y">
4393      <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
4394        <div class="left-content qk-flex--1">
4395          
4396            
4397              <div class="link-list-container">
4398                
4399                  <p class="footer_title qk-fs--title qk-text--footer_text">關於我們</p>
4400                
4401                <div class="item horizontal qk-text--left">
4402                  <ul class="qk-display--flex qk-flex--wrap">
4403                    
4404                      
4405                        <li class="qk-display--il_bk">
4406                          
4407                            <a
4408                              class="qk-text--footer_text"
4409                              href="/search"
4410                              rel="noopener noreferrer"
4411                              target="_blank">查詢</a>
4412                          
4413                        </li>
4414                      
4415                        <li class="qk-display--il_bk">
4416                          
4417                            <a
4418                              class="qk-text--footer_text"
4419                              href="/pages/about-us"
4420                              rel="noopener noreferrer"
4421                              target="_blank">關於我們</a>
4422                          
4423                        </li>
4424                      
4425                        <li class="qk-display--il_bk">
4426                          
4427                            <a
4428                              class="qk-text--footer_text"
4429                              href="/account/index"
4430                              rel="noopener noreferrer"
4431                              target="_blank">我的帳戶</a>
4432                          
4433                        </li>
4434                      
4435                        <li class="qk-display--il_bk">
4436                          
4437                            <a
4438                              class="qk-text--footer_text"
4439                              href="/pages/refund"
4440                              rel="noopener noreferrer"
4441                              target="_blank">退款政策</a>
4442                          
4443                        </li>
4444                      
4445                        <li class="qk-display--il_bk">
4446                          
4447                            <a
4448                              class="qk-text--footer_text"
4449                              href="/pages/privacy"
4450                              rel="noopener noreferrer"
4451                              target="_blank">隱私政策</a>
4452                          
4453                        </li>
4454                      
4455                        <li class="qk-display--il_bk">
4456                          
4457                            <a
4458                              class="qk-text--footer_text"
4459                              href="/pages/terms"
4460                              rel="noopener noreferrer"
4461                              target="_blank">服務條款</a>
4462                          
4463                        </li>
4464                      
4465                        <li class="qk-display--il_bk">
4466                          
4467                            <a
4468                              class="qk-text--footer_text"
4469                              href="/pages/vip-規則說明頁面"
4470                              rel="noopener noreferrer"
4471                              target="_blank">VIP會員規則說明</a>
4472                          
4473                        </li>
4474                      
4475                    
4476                  </ul>
4477                </div>
4478              </div>
4479              
4480          
4481            
4482              <div id="1714971143232_2" class="rich-text-editor-container qk-text--footer_text item qk-flex--1">
4483                
4484                  <p class="footer_title qk-fs--title rich-text-editor-title">公司資訊</p>
4485                
4486                <div class="rich-text-content-container">
4487                  <p>公司名稱  馥御農產有限公司</p>
4488<p>統一編號  93629287</p>
4489
4490                </div>
4491              </div>
4492            
4493          
4494            
4495              <div id="1715660083636_2" class="rich-text-editor-container qk-text--footer_text item qk-flex--1">
4496                
4497                  <p class="footer_title qk-fs--title rich-text-editor-title">食品業者登錄字號</p>
4498                
4499                <div class="rich-text-content-container">
4500                  <p>
4500B-193629287-00000-5</p>
4501
4502                </div>
4503              </div>
4504            
4505          
4506            
4507              <div class="item contact qk-text--left">
4508                
4509                  <p class="footer_title qk-fs--title qk-text--footer_text">聯絡資訊</p>
4510                
4511                <ul>
4512                  
4513                  
4514                  
4515                    <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
4516                      <span class="qk-text--footer_text">客服時間:10:30-19:30</span>
4517                    </li>
4518                  
4519                  
4520                    <br>
4521                    <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk">
4522                      <a class="qk-text--footer_text" href="mailto:[email protected]">信箱:[email protected]</a>
4523                    </li>
4524                  
4525                  
4526                    <li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
4527                      <span class="qk-text--footer_text">地址:台中市西屯區朝富路6號</span>
4528                    </li>
4529                  
4530                  
4531                </ul>
4532              </div>
4533              
4534          
4535        </div>
4536        <div class="right-content qk-display--flex qk-flex--column">
4537          
4538            <div class="fb_fanpage qk-hidden--mobile">
4539              <div class="fb_fans_page_area">
4540                <div
4541                  class="fb-page"
4542                  data-href="https://www.facebook.com/1218786851474597"
4543                  data-width="500"
4544                  data-adapt-container-width="true"
4545                  data-hide-cover="false"
4546                  data-show-facepile="true">
4547                  <blockquote cite="https://www.facebook.com/1218786851474597" class="fb-xfbml-parse-ignore">
4548                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/1218786851474597"></a>
4549                  </blockquote>
4550                </div>
4551              </div>
4552            </div>
4553          
4554          <div class="media qk-display--il">
4555            <div class="item social_media qk-h--auto qk-float--l">
4556              <ul>
4557                
4558                  <li class="qk-display--il_bk">
4559                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/botany.taiwan">
4560                      <svg
4561                        class="facebook-svg"
4562                        xmlns="http://www.w3.org/2000/svg"
4563                        width="40"
4564                        height="40"
4565                        viewBox="0 0 40 40">
4566                        <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" />
4567                      </svg>
4568                    </a>
4569                  </li>
4570                
4571                
4572                  <li class="qk-display--il_bk">
4573                    <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/botany.yogurt/">
4574                      <svg
4575                        class="instagram-svg"
4576                        xmlns="http://www.w3.org/2000/svg"
4577                        width="40"
4578                        height="40"
4579                        viewBox="0 0 40 40">
4580                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
4581                        <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 
458111.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" />
4582                      </svg>
4583                    </a>
4584                  </li>
4585                
4586                
4587                  <li class="qk-display--il_bk">
4588                    <a target="_blank" rel="noopener noreferrer" href="https://lin.ee/NIFcJDp">
4589                      <svg
4590                        class="line-svg"
4591                        xmlns="http://www.w3.org/2000/svg"
4592                        width="40"
4593                        height="40"
4594                        viewBox="0 0 40 40">
4595                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
4596                        <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" />
4597                        <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" />
4598                        <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" />
4599                        <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" />
4600                        <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" />
4601                      </svg>
4602                    </a>
4603                  </li>
4604                
4605                
4606              </ul>
4607            </div>
4608          </div>
4609        </div>
4610      </div>
4611    </div>
4612    
4613  <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default">
4614    <div class="qk-container container qk-fw--500">
4615      <span>Copyright ©</span>
4616      <a class="qk-text--link" href="/">
4617        <span>Botany 植悟學</span>
4618      </a>
4619      <span>All Rights Reserved.</span>
4620      <span>Designed by
4621      </span>
4622      <a
4623        class="qk-text--link"
4624        href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
4625        target="_blank"
4626        rel="noopener noreferrer"
4627        title="Designed by CYBERBIZ">CYBERBIZ</a>.
4628    </div>
4629  </div>
4630  
4631</footer>
4632<script>
4633  $(document).ready(function() {
4634    let isDynamicLoading = false;
4635
4636    let menusData = {
4637      
4638        
4639          "footer": {
4640            
4641              "type": "items",
4642              "data": [
4643                
4644                
4645                  
4646                    {
4647                      "title": "查詢",
4648                      "url": "/search",
4649                      "item_type": "search"
4650                    },
4651                  
4652                    {
4653                      "title": "關於我們",
4654                      "url": "/pages/about-us",
4655                      "item_type": "page"
4656                    },
4657                  
4658                    {
4659                      "title": "我的帳戶",
4660                      "url": "/account/index",
4661                      "item_type": "http"
4662                    },
4663                  
4664                    {
4665                      "title": "退款政策",
4666                      "url": "/pages/refund",
4667                      "item_type": "refund"
4668                    },
4669                  
4670                    {
4671                      "title": "隱私政策",
4672                      "url": "/pages/privacy",
4673                      "item_type": "privacy"
4674                    },
4675                  
4676                    {
4677                      "title": "服務條款",
4678                      "url": "/pages/terms",
4679                      "item_type": "terms"
4680                    },
4681                  
4682                    {
4683                      "title": "VIP會員規則說明",
4684                      "url": "/pages/vip-規則說明頁面",
4685                      "item_type": "page"
4686                    }
4687                  
4688                
4689              ]
4690            
4691          },
4692        
4693      
4694        
4695      
4696        
4697      
4698        
4699      
4700    };
4701
4702    if (isDynamicLoading) {
4703      window.DynamicLoading.setupComponent({
4704          sectionId: '#footer',
4705          callbackData:{
4706            section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/botany.taiwan","display_instagram":true,"shop_instagram":"https://www.instagram.com/botany.yogurt/","display_line":true,"shop_line":"https://lin.ee/NIFcJDp","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1714971143232_2","1715660083636_2","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":false,"dict_phone_number":"0931505090","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":"true","dict_shop_email":"[email protected]","display_shop_address":"true","dict_shop_address":"台中市西屯區朝富路6號","display_office_time":"true","dict_shop_office_time":"10:30-19:30"}},"1714971143232_2":{"type":"rich_text_editor_setting","custom_name":"自訂文字","visible":true,"settings":{"dict_rich_text_title":"公司資訊","dict_rich_text_content":"\u003cp\u003e公司名稱  馥御農產有限公司\u003c/p\u003e\n\u003cp\u003e統一編號  93629287\u003c/p\u003e\n"}},"1715660083636_2":{"type":"rich_text_editor_setting","custom_name":"自訂文字","visible":true,"settings":{"dict_rich_text_title":"食品業者登錄字號","dict_rich_text_content":"\u003cp\u003eB-193629287-00000-5\u003c/p\u003e\n"}}},"custom_name":"頁腳"},
4707            shop: {
4708              name: 'Botany 植悟學',
4709              cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz',
4710              facebook_fan_page: 'https://www.facebook.com/1218786851474597',
4711            },
4712            menus: menusData,
4713            is_display_facebook_fan_block: true
4714            },
4715          entryName:'renderFooterSection',
4716          source:'//cdn1-next.cybassets.com/frontend/shop/footerSection-3a2e378145f8a165.js',
4717        });
4718    }
4719  });
4720</script>
4720
4721
4722<!-- cyb_snippet _tracking_code start -->
4723      
4723<script>
4724        window.fbAsyncInit = function() {
4725          FB.init({
4726          appId : '',
4727          xfbml : true,
4728          version : 'v24.0',
4729          });
4730        };
4731        (function(d, s, id){
4732          var js, fjs = d.getElementsByTagName(s)[0];
4733          if (d.getElementById(id)) {return;}
4734          js = d.createElement(s);
4735          js.id = id;
4736          js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
4737          fjs.parentNode.insertBefore(js, fjs);
4738        }(document, 'script', 'facebook-jssdk'));
4739      </script>
4739
4740
4741
4742<script>
4743  // for scupio
4744  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
4745    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
4746  } else {
4747    mid = "";
4748  }
4749  if (!window.is_scupio_sent && mid) {
4750    window._bwtm = window._bwtm || []
4751    window._bwtm.push({
4752      "mid": mid,
4753      "uid": ""
4754    });
4755  }
4756</script>
4756
4757
4758<!-- cyb_snippet _tracking_code end -->
4759
4760<script>
4761  $(document).ready(function(){
4762    if(window.location.pathname != '' && window.location.pathname != '/' ){
4763      document.getElementById('index-recommendation').style.display = 'none'
4764    }
4765  });
4766</script>
4766
4767
4768
4769
4770    <!-- Fast-Events -->
4771    <!-- cyb_snippet fast_events start -->
4772
4773
4774<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/fast_events-3a2e378145f8a165.js' type='text/javascript'></script>
4774
4775<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/fast_events-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
4776
4777<!-- cyb_snippet fast_events end -->
4778
4779    <div class="bottom-right qk-pos--fixed">
4780      <!-- gototop -->
4781      <div id="gototop" class="qk-display--none qk-text--center">
4782        <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
4783          <i class="fas fa-chevron-up"></i>
4784        </a>
4785      </div>
4786
4787      <!-- popup -->
4788      
4789  <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/popup-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
4790
4791
4792
4793  
4794
4795
4796<div id="popup-wrapper" class="qk-display--none"></div>
4797
4798<template id="popup-template">
4799  <div
4800    :class="status"
4801    v-if="hasContent"
4802    id="popup-section"
4803  >
4804    <transition name="backdrop">
4805      <div
4806        v-if="shouldShowPopup"
4807        @click.capture="minifyPopup"
4808        id="popup-backdrop"
4809        class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
4810      >
4811      </div>
4812    </transition>
4813    <transition name="onShow">
4814      <div
4815        @click.self="showPopup"
4816        @transitionstart="updateGameStatus('start', this)"
4817        @transitionend="updateGameStatus('end', this)"
4818        class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
4819      >
4820        <div
4821          v-for="block in blocks"
4822          :key="block.id"
4823          :class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
4824          class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
4825        >
4826          <div v-if="block.type === 'image'" class="qk-pos--rel">
4827            <img
4828              v-show="!shouldShowPopup"
4829              :src="block.settings.dict_icon_image_url"
4830              class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
4831              alt="popup button"
4832            >
4833            <a
4834              v-show="shouldShowPopup"
4835              :href="block.settings.dict_link"
4836              :target="block.settings.target"
4837              :rel="block.settings.rel"
4838              class="qk-display--flex qk-align--center"
4839              @click="linkClicked"
4840            >
4841              <picture>
4842                <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
4843                <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
4844                <img
4845                  :src="block.settings.dict_image_url"
4846                  class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
4847                  alt="popup picture"
4848                />
4849              </picture>
4850            </a>
4851          </div>
4852          <div v-if="block.type === 'video'">
4853            <iframe
4854              :src="block.settings.dict_video_link"
4855              frameborder="0"
4856              class="qk-center--y qk-w--100 qk-h--100"
4857            ></iframe>
4858          </div>
4859          <div v-if="block.type === 'game'">
4860            <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
4861              <iframe
4862                class="cb-game-iframe iframe-loading"
4863                :src="getGameIframeSrc(block)"
4864                style="border: none;"
4865              >
4866                Loading
4867              </iframe>
4868            </div>
4869            <div v-show="gameStatus === 'minified'">
4870              <img
4871                src="//cdn1-next.cybassets.com/game_assets/game_minified_new.png"
4872                class="qk-h--100 qk-w--100"
4873                alt="game minified icon"
4874              />
4875            </div>
4876          </div>
4877          <div
4878            v-if="block.type === 'carousel'"
4879            :id="`popup-carousel-${block.id}`"
4880          >
4881          </div>
4882        </div>
4883      </div>
4884    </transition>
4885    <transition name="backdrop">
4886      <div
4887        v-if="shouldShowPopup"
4888        @click.capture="minifyPopup"
4889        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"
4890      >
4891      </div>
4892    </transition>
4893  </div>
4894</template>
4895
4896<script>
4897  $(document).ready(function() {
4898    const CDN_HOST = '//cdn1-next.cybassets.com';
4899    const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMxMzE1NjYzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=96a3e0683a5a839b","icon_size":"small","dict_link":"https://www.botany.tw/account/signup"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"};
4900    var popupSection = Vue.createApp({
4901      template: '#popup-template',
4902      delimiters: ['${', '}'],
4903      data() {
4904        const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/']
4905          .some(path => location.pathname.includes(path));
4906        return {
4907          status: 'minified',
4908          gameStatus: 'show',
4909          blocks: isOmniauthPage
4910            ? []
4911            : section.block_order && section.block_order.reduce(
4912                function(acc, blockId) {
4913                  const block = section.blocks[blockId];
4914                  if (block && block.visible) {
4915                    acc.push({
4916                      ...block,
4917                      id: blockId,
4918                    });
4919                  }
4920                  return acc;
4921                },
4922                [],
4923              ),
4924          hasAddedGameScript: false,
4925        };
4926      },
4927      computed: {
4928        hasContent: function() {
4929          return !!(this.blocks && this.blocks.length > 0);
4930        },
4931        minifiedBlockClasses: function() {
4932          return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
4933        },
4934        shouldShowPopup: function() {
4935          return this.status === 'show';
4936        }
4937      },
4938      methods: {
4939        unhidePopup: function(storedStatus) {
4940          this.status = storedStatus;
4941          $('#popup-wrapper').removeClass('qk-display--none');
4942        },
4943        showPopup: function() {
4944          if (this.status !== 'show') {
4945            this.status = 'show';
4946            this.saveStatus(this.status);
4947          }
4948        },
4949        minifyPopup: function() {
4950          this.status = 'minified';
4951          this.saveStatus('minified');
4952        },
4953        loadStatus: function() {
4954          return JSON.parse(localStorage.getItem('popupStatus'));
4955        },
4956        saveStatus: function(status) {
4957          if (status) {
4958            localStorage.setItem('popupStatus', JSON.stringify({
4959              status: status,
4960              setTime: new Date().getTime(),
4961            }));
4962          }
4963        },
4964        linkClicked: function() {
4965          this.saveStatus('minified');
4966        },
4967        parseVideoLink: function(settings) {
4968          settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
4969        },
4970        setupImageSrc: function (settings) {
4971          settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
4972          if (settings.dict_tablet_image_url) {
4973            settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
4974          }
4975          if (settings.dict_mobile_image_url) {
4976            settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url);
4977          }
4978          settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
4979        },
4980        addCdnHost: function(url) {
4981          if (!url) {
4982            return url; // only add cdn host if url is not empty
4983          }
4984
4985          try {
4986            new URL(url);
4987            return url; // already a valid url, cdn host not needed
4988          } catch {
4989            return `${CDN_HOST}${url}`;
4990          }
4991        },
4992        initStatus: function() {
4993          let newStatus = 'show';
4994          const popupStatus = this.loadStatus();
4995          const currentTime = new Date().getTime();
4996          const oneDay = 1000 * 60 * 60 * 24;
4997          const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
4998          const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
4999          const isLoggingIn = this.isLoggingIn();
5000          const isCartPage = window.location.pathname.split('/').includes('carts');
5001
5002          if (hasStoredStatus && !redirectedByGameLogin) {
5003            newStatus = popupStatus.status;
5004          }
5005
5006          if (isLoggingIn) {
5007            newStatus = 'minified';
5008          } else {
5009            localStorage.removeItem('redirectedByPopup');
5010          }
5011
5012          setTimeout(() => {
5013            this.status = newStatus;
5014            this.gameStatus = newStatus;
5015            this.saveStatus(newStatus);
5016            if(!isCartPage){
5017              this.unhidePopup(newStatus);
5018            }
5019          }, 1000);
5020        },
5021        initBlocks: function() {
5022          if (this.hasContent) {
5023            this.blocks.forEach(block => {
5024              switch(block.type) {
5025                case 'image':
5026                  this.setupImageSrc(block.settings);
5027
5028                  const isOpenInNewTab = block.settings.link_open_in_new_tab;
5029                  if (isOpenInNewTab) {
5030                    block.settings.target = '_blank';
5031                    block.settings.rel = 'noopener noreferrer';
5032                  }
5033
5034                  break;
5035                case 'video':
5036                  this.parseVideoLink(block.settings);
5037                  break;
5038              }
5039            })
5040          }
5041        },
5042        getGameIframeSrc: function (block) {
5043          return `/games/${block.settings.dict_game_handle}`
5044        },
5045        updateGameStatus: function(type, element) {
5046          if (
5047            (type === 'start' && this.status === 'minified')
5048            || (type === 'end' && this.status === 'show')
5049          ) {
5050            this.gameStatus = this.status;
5051          }
5052        },
5053        setupGameRedirects: function() {
5054          window.addEventListener('pagehide', () => {
5055            const isGameActive = document.body.getElementsByClassName('show-game').length;
5056            if (isGameActive) {
5057              localStorage.setItem('redirectedByPopup', 'true');
5058              this.saveStatus('minified');
5059            }
5060          });
5061        },
5062        hasRedirectUrl: function() {
5063          return (new URLSearchParams(location.search)).has('redirect_url');
5064        },
5065        redirectedByGameLogin: function() {
5066          return localStorage.getItem('redirectedByPopup');
5067        },
5068        isLoggingIn: function() {
5069          const loginRelatedPathnames = [
5070            'account/signup',
5071            'account/login',
5072            'account/customer/password/new',
5073            'pages/terms'
5074          ];
5075          return loginRelatedPathnames.some(path => location.pathname.includes(path));
5076        }
5077      },
5078      created: function() {
5079        this.initStatus();
5080        this.initBlocks();
5081        this.setupGameRedirects();
5082      },
5083      mounted: function() {
5084        this.blocks.forEach((block) => {
5085          if (block.type === 'carousel' && block.settings.dict_c
5085arousel) {
5086            renderCarousel(`#popup-carousel-${block.id}`, {
5087              title: block.settings.dict_carousel,
5088              CDN_HOST,
5089              onLinkClick: () => this.linkClicked(),
5090            });
5091          }
5092        });
5093      },
5094    });
5095    popupSection.mount('#popup-wrapper');
5096  });
5097</script>
5097
5098
5099
5100
5101    </div>
5102
5103    <!-- ajaxloading -->
5104    <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
5105      <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
5106        <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">
5107          <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"/>
5108          <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 "/>
5109          <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"/>
5110          <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"/>
5111          <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"/>
5112          <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"/>
5113        </svg>
5114        <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
5115        <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
5116        <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常,請重新整理</div>
5117      </div>
5118    </div>
5119  
5119<script src="//cdn1-next.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
5119</body>
5120
5121  
5121<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-3a2e378145f8a165.js' type='text/javascript'></script>
5121
5122  
5122<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme_helper-3a2e378145f8a165.js' type='text/javascript'></script>
5122
5123
5124  <!-- theme assets -->
5125  
5125<script src='//cdn1-next.cybassets.com/s/files/28833/theme/106153/assets/js/1713176789_44f2fd82_main.js?1713176789' type='text/javascript'></script>
5125
5126  
5126<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme-3a2e378145f8a165.js' type='text/javascript'></script>
5126
5127
5128  <!-- for cache -->
5129  
5129<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/cacheable-3a2e378145f8a165.js' type='text/javascript'></script>
5129
5130</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.