PageSourceSearch

https://www.puttree.com/search

html puttree.com collected 2026-10-07 08:36:43 UTC 234,547 bytes, 4,209 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW" style="height:100%;">
3  <head>
4      
4<script>
5        window.dataLayer = window.dataLayer || [];
6      </script>
6
7    
8      <!-- CYBERBIZ Google Tag Manager -->
9      
9<script>
vendor: 345 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13      })(window,document,'script','cyb','
13GTM-TXD9LVJ
vendor: 3 bytes, line 13
13');
13</script>
13
14      <!-- End CYBERBIZ Google Tag Manager -->
15    
16    <meta charset="utf-8">
17<meta http-equiv="X-UA-Compatible" content="IE=edge">
18<meta name="viewport" content="width=device-width, initial-scale=1">
19<link rel="icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzE4MDkzMzI3X0xPR0_ljrvog4wucG5nLnBuZyJdXQ.png?convert=false&sha=3a58e4e1c7f6d5ec">
20<link rel="apple-touch-icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzE4MDkzMzI3X0xPR0_ljrvog4wucG5nLnBuZyJdXQ.png?convert=false&sha=3a58e4e1c7f6d5ec">
21
22<meta property="og:site_name" content="菩提樹生物科技股份有限公司" />
23
24<!-- og tag -->
25
26
27<!-- og image -->
28
29  
30  <meta property="og:image" content="https://cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzE4MDkzMzI3X0xPR0_ljrvog4wucG5nLnBuZyJdXQ.png?sha=3a58e4e1c7f6d5ec" />
31  
32
33
34<title>
35  
36    查詢 菩提樹生物科技股份有限公司
37  
38</title>
39
40
41
42<script src='//cdn1-next.cybassets.com/frontend/shop/useSettingsData-e958d46bfee2e69f.js' type='text/javascript'></script>
42
43
44
45
46  
46<script>
47    window.setSettingsData({"draggable_sections":{"404":[],"index":["_main_slider_custom","1772768306330_2","_index_8_blocks","1755837961128_3","_index_product_banner","1725498795654_1","1721266776955_4","1733988153203_2","1734316245954_1","1756284808854_1","_index_4_blogs","1721266895956_4","1725512881105_1","1725498877100_1"],"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"],"custom_page":["_main_slider_custom","_index_product_banner","_index_8_blocks","_index_4_blogs","1721266776955_4","1721266895956_4","1725498795654_1","1725512881105_1","1725498877100_1"],"customers_login":["_main_slider_custom","1734316245954_1","_index_product_banner","1725498795654_1","_index_8_blocks","1721266776955_4","1733988153203_2","_index_4_blogs","1721266895956_4","1725512881105_1","1725498877100_1"]},"sections":{"navbar":{"type":"navbar","visible":true,"settings":{"navbar_image_logo_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897","navbar_image_logo_tablet_url":"","navbar_image_logo_mobile_url":"","main_nav":"main-menu","slider_primary_linklist":"main-menu","slider_primary_linklist_set_open":true,"nav_show_three_dimension":true,"search_enabled":true,"display_only_index":false,"dict_header_banner_image_url":"","dict_header_banner_image_tablet_url":"","dict_header_banner_image_mobile_url":"","dict_header_banner_link":"/collections/all","display_count_down":false,"navbar_display_style":"displayDefault","menu_display_style":"three_dimension_menu","header_banner_start":"2025-10-13T11:00:00+08:00","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","header_logo_image_alt":"菩提樹生物科技股份有限公司","header_banner_image_alt":"菩提樹生物科技股份有限公司","display_banner_type":"textBanner","header_banner_simple_text_size":"13","header_banner_simple_text_color":"#f50738","header_banner_simple_bg":"#ffffff","link_menu_enabled":false,"link_menu":"undefined","logo_height":"","header_banner_simple_text":"炎炎夏日 來一杯機能飲暢快一夏🚛活動滿$699 免運❗新會員贈送$50紅利金~","link_open_in_new_tab":false,"mobile_logo_position":"left","navbar_pc_title_font_size_scale":"100","navbar_pc_body_font_size_scale":"100","navbar_mobile_title_font_size_scale":"100","navbar_mobile_body_font_size_scale":"100","breadcrumb_referrer_enabled":false},"custom_name":"導覽列"},"footer":{"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/profile.php?id=61559138230094\u0026locale=zh_TW","display_instagram":false,"shop_instagram":"https://www.instagram.com/?hl=zh-tw","display_line":true,"shop_line":"https://liff.line.me/1645278921-kWRPP32q/?accountId=bio111","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["1726648462293_0","default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"About Us","footer_link":"footer"},"custom_name":"About Us"},"default_contact_info":{"type":"contact_info_setting","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"菩提樹生物科技股份有限公司│蔬福樂有限公司","display_phone":true,"dict_phone_number":"05-2218708","display_fax_number":false,"dict_shop_fax_number":"05-2205297","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"嘉義縣民雄鄉民雄工業區成功一街3號","display_office_time":true,"dict_shop_office_time":"週一~五 08:00~17:00(國定例假日除外)","display_tax_id":true,"dict_tax_id":"94000860"},"custom_name":"聯絡資訊"},"1726648462293_0":{"type":"link_list_setting","custom_name":"About OEM","visible":true,"settings":{"dict_link_list_block_title":"About OEM","footer_link":"about-oem"}}},"custom_name":"頁腳"},"_main_slider_custom":{"type":"_main_slider_custom","visible":true,"blocks":{"display_main_slider_item_1":{"type":"image","visible":false,"settings":{"dict_link":"https://www.chanchao.com.tw/healthcos/visitorExhibitorDetail.asp?comNo=276667\u0026sno=194848","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzI1ODQ2NzIwXzAwN1_norr
47nqL80X3ZpdmlwaWMuanBnLmpwZWciXV0.jpeg?sha=ed0d48df5afd5a40","dict_tablet_image_url":"","dict_mobile_image_url":"","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":false,"settings":{"dict_link":"/products/綠食尚-好眠諾麗莓果露","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzIwNzUzMjczXzAwMl_ojpPmnpzpnLJfdml2aXBpYyAoMSkuanBnLmpwZWciXV0.jpeg?sha=cf33a1489b23054a","dict_tablet_image_url":"","dict_mobile_image_url":"","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_3":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzI1ODQ2NzU1XzAwOF_norrnqL81X3ZpdmlwaWMuanBnLmpwZWciXV0.jpeg?sha=1485df06cba270ee","dict_tablet_image_url":"","dict_mobile_image_url":"","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_4":{"type":"image","visible":false,"settings":{"dict_link":"/products/20260415","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzc1NjMxOTc4X-WclueJh18yMDI2MDQwODE1MDUwNi5qcGcuanBlZyJdXQ.jpeg?sha=09530d03fcd7db20","dict_tablet_image_url":"","dict_mobile_image_url":"","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":"2026母親節早鳥活動"},"display_main_slider_item_5":{"type":"image","visible":true,"settings":{"dict_link":"/pages/about-us","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzU2MzUyODA1X-W3peW7oOW9ouixoWJhbm5lcuS_ruaUuS5qcGcuanBlZyJdXQ.jpeg?sha=8353cd29a9b98265","dict_tablet_image_url":"","dict_mobile_image_url":"","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":"只賣品質25年純釀"},"1720753457438_0":{"type":"image","custom_name":"素材-多榖纎飲","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzIxMjA0ODIzX-i8quaSrS3lpJrnqYDpo7LlnJYuanBnLmpwZWciXV0.jpeg?sha=18dbb0ae4a4d42b8","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":""}},"1726801223951_0":{"type":"image","custom_name":"38女王節","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQwNDQ3NTQ0XzAwOV9iYW5uZXJfdml2aXBpYy4uLmpwZy5qcGVnIl1d.jpeg?sha=1bfbde4c977c7c58","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/菩提樹│多舒暢發酵機能飲-230ml禮盒","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":""}},"1731032706946_0":{"type":"image","custom_name":"116.2月活動","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzY5NzU5NDUyX-WclueJh18yMDI2MDExMzE1NTIzNC5qcGcuanBlZyJdXQ.jpeg?sha=f2e16c19da718e44","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/all","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":""}},"1731547676213_0":{"type":"image","custom_name":"素材-多舒暢3入","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzMxNTQ3ODUwXzAwNV9iYW5uZXJfdml2aXBpYy5qcGcuanBlZyJdXQ.jpeg?sha=fc282fad3c08a6f1","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"/products/菩提樹│多舒暢發酵機能飲-230ml3入禮盒","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":"/products/菩提樹│多舒暢發酵機能飲-230ml3入禮盒"}},"1731633245105_0":{"type":"image","custom_name":"素材-3入多舒暢促銷","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzMxNjMzMTQ3XzAwNl9iYW5uZXJfdml2aXBpYy5qcGcuanBlZyJdXQ.jpeg?sha=abb841762b05c5e6","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/無添加糖超好喝發酵機能飲","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":""}},"1744778857364_0":{"type":"image","custom_name":"素材-母親節","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0Nzc4ODc0XzA0MTblnJbniYdfMjAyNTA0MTYxMjQ2NTMuanBnLmpwZWciXV0.jpeg?sha=c947dd965aca396e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/菩提樹│多舒暢發酵機能飲-230ml禮盒","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1747190887239_0":{"type":"image","custom_name":"過年出貨時間","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzY5NzU5MzAxX-WclueJh18yMDI2MDEzMDE0MDgwMy5qcGcuanBlZyJdXQ.jpeg?sha=3b2e0bc8ef07139a","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1758246403388_0":{"type":"image","custom_name":"1111多酚紅活動","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzYxOTAxMTI5XzExMTEt5aSa6YWa57SFMzMzLmpwZy5qcGVnIl1d.jpeg?sha=46d1bdd3138f5c08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/多酚紅-發酵機能飲‧新品上市優惠中-雙11全館超商免運🎁全素","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1758506391283_0":{"type":"image","custom_name":"淨暢益生菌","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzg4ODQ4Mjg5XzAwMl9BSS1CYW5uZXJfdml2aXBpYyAoMSkuanBnLmpwZWciXV0.jpeg?sha=867e0c0885d4d614","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/2款順暢","main_slider_image_alt":"多舒暢","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1758694988900_0":{"type":"image","custom_name":"素材-網紅愛用者","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzU4Njg2MTk4XzAwNV_mhJvnlKjogIXmjqjolqZf6LeR6aas54eILeapn-iDvemjsue2sue0heeJhl92aXZpcGljICgxKS5qcGcuanBlZyJdXQ.jpeg?sha=7eeb2943eb469251","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1764657115373_0":{"type":"image","custom_name":"多酚紅介紹","visible":false,"settings":{"dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/2款順暢","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1772764981596_0":{"type":"image","custom_name":"2026.38女王節","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzcyNzY1MDMwX1NfXzQ1NjcwNDAzLmpwZy5qcGVnIl1d.jpeg?sha=e63b8a3a955fa679","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/new-yaer1","link_open_in_new_tab":true,"slide_contents_display":"left","dict_slide_title_text":"","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1772779785448_0":{"type":"image","custom_name":"多酚紅-198","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzg4ODUxMzQ5XzAwMV9BSS1CYW5uZXJfdml2aXBpYyAoMikuanBnLmpwZWciXV0.jpeg?sha=115115518cc11f56","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/日常保健型酵素飲","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1772780044758_0":{"type":"image","custom_name":"多舒暢-168","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzkwNzM4MzU0XzIwMjkuMDkuMzAtMS5qcGcuanBlZyJdXQ.jpeg?sha=a603479ba409ca4a","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}},"1777536478663_0":{"type":"image","custom_name":"沁涼一夏5月優惠方案","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzc3NTM2NzEzXzAwM19BSS1CYW5uZXJfdml2aXBpYyAoMSkuanBnLmpwZWciXV0.jpeg?sha=f749aa8425014e41","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/2款順暢","slide_contents_display":"left","dict_slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff"}}},"block_order":["1777536478663_0","1758506391283_0","display_main_slider_item_4","1772779785448_0","display_main_slider_item_5","1772780044758_0","1772764981596_0","1731032706946_0","1764657115373_0","1747190887239_0","1758246403388_0","1758694988900_0","1744778857364_0","1726801223951_0","1731547676213_0","1731633245105_0","display_main_slider_item_1","display_main_slider_item_3","1720753457438_0","display_main_slider_item_2"],"settings":{"swiper_delay":"3","margin_x":"0","margin_bottom":"50","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"custom_name":"輪播素材"},"_index_product_banner":{"type":"_index_product_banner","visible":false,"settings":{"dict_link":"/products/菩提樹│多舒暢發酵機能飲-230ml禮盒","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzM0MzEzMzc1XzIwMjQuMTIuMDko56K656i_KeaWsOW5tOS4iemHjemAgWJhbm5lci5qcGcuanBlZyJdXQ.jpeg?sha=6b19a7622f3cdc52","dict_tablet_image_url":"","dict_mobile_image_url":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"custom_name":"橫幅廣告"},"_index_8_blocks":{"type":"_index_8_blocks","visible":false,"settings":{"dict_title":"730天純釀酵素產品","collection_handle":"熱銷商品","limit":"12","product_arrangement":"1","product_alignment":"midPosition","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24","product_display":"displayDefault","product_text_align":"start","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"custom_name":"商品分類"},"_index_4_blogs":{"type":"_index_4_blogs","visible":true,"blocks":{"index_4_blogs_1":{"type":"blog","visible":true,"settings":{"blog_handle":"好評推薦"},"custom_name":"部落格"},"index_4_blogs_2":{"type":"blog","visible":false,"settings":{"blog_handle":"news"},"custom_name":"部落格"},"index_4_blogs_3":{"type":"blog","visible":false,"settings":{"blog_handle":"news"},"custom_name":"部落格"},"index_4_blogs_4":{"type":"blog","visible":false,"settings":{"blog_handle":"news"},"custom_name":"部落格"}},"block_order":["index_4_blogs_1"],"settings":{"dict_title":"好評推薦","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"50","article_c
47olumns":"4"},"custom_name":"好評推薦"},"_index_4_blocks":{"type":"_index_4_blocks","visible":true,"blocks":{"display_index_4_block_1":{"type":"image","visible":false,"settings":{"title":"","dict_link":"/pages/about-us","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzIwNzQ3NjM2XzAyMF9DeWJlcmJpel_oo53loatfdml2aXBpYy5qcGcuanBlZyJdXQ.jpeg?sha=7ce69ccc468e5217","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"圖片-代工"},"1719909171095_0":{"type":"image","custom_name":"圖片-理念","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzI1NDk3ODA4X-WclueJh18yMDI0MDkwNTA4MzkyMS5qcGcuanBlZyJdXQ.jpeg?sha=6708cc24e4ce1dbd","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/pages/about-us"}},"1721264701323_1":{"type":"video","custom_name":"影片","visible":true,"settings":{"dict_video_link":"https://drive.google.com/file/d/12dQBtnnu7JVdlZ2ewfxOoH_JzrWKRfUj/view?usp=sharing","block_propotion":"80"}},"1721264906385_1":{"type":"video","custom_name":"影片","visible":false,"settings":{"dict_video_link":"https://youtu.be/ZVSwTdKt1Bw","block_propotion":"80"}}},"block_order":["1719909171095_0","display_index_4_block_1"],"custom_name":"理念","settings":{"margin_x":"0","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10"}},"express_delivery_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"express_delivery_display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_shoestore/default_img/new_index_4_blocks_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}}},"block_order":["express_delivery_display_index_4_block_1"]},"custom_text":{"type":"custom_text","visible":true,"settings":{}},"blog":{"type":"blog","visible":true,"settings":{"article_limit_in_blog_page":"6"}},"article":{"type":"article","visible":true,"settings":{"display_blog_menu":true,"dict_blog_tags_title":"文章分類","blog_latest_post_limit":"2"}},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"6","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzE4MDkzMzI3X0xPR0_ljrvog4wucG5nLnBuZyJdXQ.png?sha=3a58e4e1c7f6d5ec","og_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzE4MDkzMzI3X0xPR0_ljrvog4wucG5nLnBuZyJdXQ.png?sha=3a58e4e1c7f6d5ec","shop_title":"菩提樹生技:專注健康的有機酵素與自然發酵產品的天然酵素公司","shop_description":"菩提樹生技官方網站!有機酵素產品結合自然工法與科技釀造,提升健康生活。多樣化產品系列,讓顧客找到適合自己的健康,從而享受更美好的生活!","shop_keywords":"網站關鍵字"},"custom_name":"全站設定"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#055e39","button_text_color":"#FFFFFF","accent_color":"#055e39","heading_color":"#030303","text_color":"#131414","price_color":"#055e39","discount_price_color":"#f10937","theme_bg_color":"#FFFFFF","product_border_color":"#055e39","tips_text_color":"#0C5460","nav_logo_bg_color":"#007138","nav_menu_bg_color":"#007138","nav_menu_text_color":"#f4eeee","nav_menu_icon_color":"#f3f0f0","footer_bg_color":"#007138","footer_text_color":"#efecec","checkout_button_color":"#000000","checkout_accent_color":"#2b2b6e"},"custom_name":"顏色設定"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzcwMzU1NDg5X3RpbnkucG5nLnBuZyJdXQ.png?sha=c179b4457024cbfb","icon_size":"large","dict_link":"https://lin.ee/cIg3HJa"},"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":{},"thumbnail":"list","draggable":false},"related_products":{"type":"related_products","visible":true,"settings":{"display_related_cols":true,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"相關商品","related_products_limit":"4"},"custom_name":"相關商品"},"combo_product_info":{"type":"combo_product_info","visible":true,"settings":{}},"combo_product_desc":{"type":"combo_product_desc","visible":true,"settings":{}},"contact":{"type":"contact","visible":true,"settings":{"show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e"}},"collection":{"type":"collection","visible":true,"settings":{"collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_column_for_pc":"","
47is_infinite_scroll":false},"custom_name":"商品分類設定"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_shoestore/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_shoestore/default_img/404_img.png","dict_title_text":"抱歉,此頁面不存在或者已經被移除","dict_btn_text":"返回首頁"},"custom_name":"404頁"},"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":{}},"1721266776955_4":{"type":"_index_4_blocks","custom_name":"橫幅","visible":true,"settings":{"margin_x":"0","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10","mobile_align":"left"},"blocks":{"1721266776962_0":{"type":"image","custom_name":"圖片","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzM0MzI5Mzk5XzAwNV92aXZpcGljLmpwZy5qcGVnIl1d.jpeg?sha=f62286b2b7465eab","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","dict_image_description":""}},"1721266776965_1":{"type":"video","custom_name":"影片","visible":false,"settings":{"dict_video_link":"https://youtu.be/ZVSwTdKt1Bw","block_propotion":"80"}}},"block_order":["1721266776962_0"]},"1721266895956_4":{"type":"_index_4_blocks","custom_name":"防詐騙提醒","visible":true,"settings":{"margin_x":"0","margin_bottom":"50","margin_block":"10","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_columns":1,"mobile_margin_block":"10","mobile_align":"left"},"blocks":{"1721266895959_0":{"type":"image","custom_name":"防詐騙提醒","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzMyODY1NjU1XzAyNl9DeWJlcmJpel_pmLLoqZDpqJnmj5DphpJfdml2aXBpYy5qcGcuanBlZyJdXQ.jpeg?sha=b7a1e928cbaa6b85","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/pages/防詐騙提醒","dict_image_description":""}},"1721266895962_1":{"type":"video","custom_name":"影片","visible":false,"settings":{"dict_video_link":""}}},"block_order":["1721266895959_0"]},"1725498795654_1":{"type":"_index_product_banner","custom_name":"代工經驗與優勢","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzA1MTg1X-WclueJh18yMDI0MTIwOTA4NDQxOC5qcGcuanBlZyJdXQ.jpeg?sha=8c73bf30201abf8a","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1725512881105_1":{"type":"_index_product_banner","custom_name":"嚴格把關","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzI1NTEyOTkyXzAwM192aXZpcGljICgxKS5qcGcuanBlZyJdXQ.jpeg?sha=bf4c8ad95188cb9b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1725498877100_1":{"type":"_index_product_banner","custom_name":"服務流程","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzI1ODQ2ODMyXzAwNV_norr
47nqL8yX3ZpdmlwaWMuanBnLmpwZWciXV0.jpeg?sha=5ae09372d7c2b808","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1731633127563_0":{"type":"_main_slider_custom","custom_name":"輪播素材-多舒暢3入促銷","visible":true,"settings":{"swiper_delay":"3","margin_x":"0","margin_bottom":"50","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"50","mobile_image_number":"1","mobile_image_space":"8"},"blocks":{"1731633127577_0":{"type":"image","custom_name":"素材","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzMxNjMzMTQ3XzAwNl9iYW5uZXJfdml2aXBpYy5qcGcuanBlZyJdXQ.jpeg?sha=abb841762b05c5e6","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/菩提樹│多舒暢發酵機能飲-230ml3入禮盒","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":["1731633127577_0"]},"1733988153203_2":{"type":"_index_8_blocks","custom_name":"商品分類","visible":true,"settings":{"dict_title":"左手香純露│洗潔系列","collection_handle":"左手香純露洗潔系列","limit":12,"product_arrangement":"1","product_alignment":"midPosition","product_text_align":"center","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24","product_display":"displayDefault","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[]},"1734316245954_1":{"type":"_index_product_banner","custom_name":"橫幅廣告","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzU1NzYwNjQ0XzAwMl_mu7_ljYPlhY3pgYtiYW5uZXJfdml2aXBpYyAoMykuanBnLmpwZWciXV0.jpeg?sha=28e2bb73df7f0cf7","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"https://lin.ee/lzZohg4","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1755837961128_3":{"type":"_video_editor_section","custom_name":"影片設定","visible":true,"settings":{"video_editor_section_dict_title":"從山裡到餐桌,每一口都是真材實料‧喝的安心 💚","video_editor_section_dict_video_link":"https://youtu.be/Nm-cFlMyfP4","margin_x":"0","margin_bottom":"0","mobile_margin_x":"0","mobile_margin_bottom":"0","dict_video_editor_section_title":"從山裡到餐桌,每一口都是真材實料‧喝的安心 💚","dict_video_editor_section_video_link":"https://youtu.be/Nm-cFlMyfP4","auto_play":false,"hide_controls":false,"loop":true},"blocks":{},"block_order":[]},"1756284808854_1":{"type":"_index_product_banner","custom_name":"網紅牆","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzU4Njg2MTk4XzAwNV_mhJvnlKjogIXmjqjolqZf6LeR6aas54eILeapn-iDvemjsue2sue0heeJhl92aXZpcGljICgxKS5qcGcuanBlZyJdXQ.jpeg?sha=7eeb2943eb469251","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/blogs/好評推薦","cta_btn_display_style":"topPosition","cta_btn_bg_color":"#000000","cta_btn_text_color":"#ffffff","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24"},"blocks":{},"block_order":[]},"1772768306330_2":{"type":"_index_8_blocks","custom_name":"商品分類","visible":true,"settings":{"dict_title":"","collection_handle":"2款順暢","limit":12,"product_arrangement":"1","product_column_for_pc":"4","product_column_for_mobile":"2","product_alignment":"leftPosition","product_text_align":"center","margin_x":"0","margin_bottom":"50","mobile_margin_x":"0","mobile_margin_bottom":"24","product_display":"displayDefault","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"text","visible":true,"settings":{"display_only_index":false,"display_period":"limited","dict_link":"/collections/all","link_open_in_new_tab":false,"dict_image_url":"","dict_image_tablet_url":"","dict_image_mobile_url":"","image_alt":"菩提樹生物科技股份有限公司","dict_content":"炎炎夏日 來一杯機能飲暢快一夏🚛活動滿$699 免運❗新會員贈送$50紅利金~","text_size":"13","text_color":"#f50738","bg_color":"#ffffff","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","migrated_from_navbar":true},"custom_name":"文字"}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"},"custom_name":"置頂公告"}},"navbar_image_logo":true,"show_default_all_products":true,"one_dimension_limit":"
476","two_dimension_limit":"10","header_banner_display":true,"header_banner_link":"/","display_main_slider":true,"display_phone":true,"phone_number":"0912345678","display_fax_number":true,"shop_fax_number":"0222345678","display_shop_email":true,"shop_email":"[email protected]","display_shop_address":true,"shop_address":"測試地址","display_office_time":true,"shop_office_time":"10:00-17:00","index_event_slider_display":true,"index_event_slider_item_1_display":true,"dict_index_event_slider_item_1_link":"#","index_event_slider_item_2_display":true,"dict_index_event_slider_item_2_title":"2019秋季鞋款新品上市","dict_index_event_slider_item_2_link":"#","index_event_slider_item_3_display":true,"dict_index_event_slider_item_3_title":"全館任選三件結帳再享折扣!!8折!!","dict_index_event_slider_item_3_link":"#","index_event_slider_item_4_display":true,"dict_index_event_slider_item_4_title":"FINAL SALE/夏天熱銷百搭鞋款補貨到店","dict_index_event_slider_item_4_link":"#","index_event_slider_item_5_display":true,"dict_index_event_slider_item_5_title":"熱賣倒數","dict_index_event_slider_item_5_link":"#","index_event_slider_item_6_display":true,"dict_index_event_slider_item_6_title":"現在註冊會員即可享折扣金$50(現折)","dict_index_event_slider_item_6_link":"#","index_event_slider_item_7_display":false,"dict_index_event_slider_item_7_title":"","dict_index_event_slider_item_7_link":"","index_event_slider_item_8_display":false,"dict_index_event_slider_item_8_title":"","dict_index_event_slider_item_8_link":"#","index_event_slider_item_9_display":false,"dict_index_event_slider_item_9_title":"","dict_index_event_slider_item_9_link":"#","index_event_slider_item_10_display":false,"dict_index_event_slider_item_10_title":"","dict_index_event_slider_item_10_link":"#","index_4_slider_display":true,"dict_index_4_slider_title":"Instagram","index_4_slider_item_1_display":true,"dict_index_4_slider_item_1_link":"#","index_4_slider_item_2_display":true,"dict_index_4_slider_item_2_link":"#","index_4_slider_item_3_display":true,"dict_index_4_slider_item_3_link":"#","index_4_slider_item_4_display":true,"dict_index_4_slider_item_4_link":"#","index_4_slider_item_5_display":true,"dict_index_4_slider_item_5_link":"#","index_4_slider_item_6_display":false,"dict_index_4_slider_item_6_link":"#","index_4_slider_item_7_display":false,"dict_index_4_slider_item_7_link":"#","index_4_slider_item_8_display":false,"dict_index_4_slider_item_8_link":"#","index_video_blocks_display":true,"dict_index_video_blocks_title":"Youtube","dict_index_video_blocks_video_link":"https://www.youtube.com/watch?v=3bI4IUIVjCk","collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_slogan_display":true,"display_product_total_sold":false,"display_periodic_order_label":false,"cart_quantity_limit":"0","is_empty_clickable":true,"is_first_selected":false,"display_product_images_color":false,"discount_product_images_color_expand":false,"display_product_discounts_list":true,"display_discount_price_name":false,"discount_price_slogan_url":"","dict_discount_price_name":"","display_discount_price_suggestion_name":false,"dict_discount_price_suggestion_name":"","display_product_section_description":true,"dict_product_section_description":"商品介紹","description_section_spec_setting":true,"dict_product_description_section_spec":"規格說明","description_section_shipping_setting":true,"dict_product_description_section_shipping":"運送方式","vip_custom_price_visible":false,"display_global_event_1":false,"dict_show_global_event_1_link":"#","display_global_event_2":false,"dict_show_global_event_2_link":"#","display_global_event_3":false,"dict_show_global_event_3_link":"#","display_contact_address":true,"dict_contact_address":"測試地址","show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e","display_selected_blog":true,"selected_blog":"news","display_inventory_policy":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":{"items":[{"id":"sale_label","kind":"system","title":"特價標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"large"},{"id":"out_of_stock_label","kind":"system","title":"缺貨標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"periodic_event_label","kind":"system","title":"定期定額標籤","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"b29fe9e2-c1a3-46f1-9fff-9107cb210a58","kind":"custom","title":"自定義標籤 1","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"f0f237bd-6a80-41dd-832f-0d983ca13fc6","kind":"custom","title":"自定義標籤 2","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"}
47,{"id":"1f84c1d5-dd8b-4ea8-b0ff-9d09e059f79a","kind":"custom","title":"自定義標籤 3","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"7108e57f-0b18-4bd8-a36a-f5c36afc25d3","kind":"custom","title":"自定義標籤 4","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"},{"id":"1b196fc1-b23b-42c3-bb9c-503fa778bef7","kind":"custom","title":"自定義標籤 5","tag":"","display":false,"type":"text","dict_text":{"zh-TW":""},"image":"","image_size":"small"}]},"nav_icon_style":"icon_type_default","product_card_hover_effect":"button","product_image_border_radius":"0"});
48  </script>
48
49
50
51
52
53
54
55
56
57
58
59    <!-- for vendor -->
60    <!-- cyb_snippet _bootstrap start -->
61
62<!-- cyb_snippet _bootstrap end -->
63    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vendor-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
64
65    <!-- common css rulesets -->
66    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/common-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
67
68    <!-- for navbar -->
69    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/navbar-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
70
71    <!-- for footer -->
72    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/footer-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
73
74    <!-- theme assets -->
75    <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/main-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
76
77    <!-- for vendor -->
78    
78<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/vendor-e958d46bfee2e69f.js' type='text/javascript'></script>
78
79
80            
80<script>
81          window.sci = "eyJzaG9wX2lkIjoyOTM3MSwic2hvcF9wbGFuIjoiYWR2YW5jZSIsImRpbV9h\nZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9u\nYW1lIjpudWxsLCJzaG9wX25hbWUiOiLoj6nmj5DmqLnnlJ/niannp5HmioDo\ngqHku73mnInpmZDlhazlj7giLCJzaGFyZV9hdHRyaWJ1dGlvbl9lbmFibGVk\nIjp0cnVlfQ==\n";
82        </script>
82
83
84
85<meta name="csrf-param" content="authenticity_token" />
86<meta name="csrf-token" content="4cq3xK_yC_fsSiW2DTEdAG0VytJbC73hemk0h6cNQibYXGOT1V1aswRiBCIDERliqb19fg0Y-BdZfa4fntKSiQ" />
87<script>(function () {
88  window.gaConfigurations = {"useProductIdInProductEvents":false};
89})();
90</script>
vendor: 1 bytes, line 90
90
91<script>(function () {
92  window.CYBERBIZ_PageContext = {"page_type":"search"};
93})();
94</script>
94
95<link href="//cdn1-next.cybassets.com/frontend/shop/quark-e958d46bfee2e69f.css" rel="stylesheet" type="text/css" media="all" />
96        
96<script>
97          window.shopScriptHelper = {
98            i18nLocale: "zh-TW",
99            i18nLocaleDefault: "zh-TW",
100            availableCurrencies: [],
101            defaultCurrency: "TWD",
102            currenciesInfo: [{"html_unit":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","name":"新台幣 (TWD)","html":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"money_format":"%u%n","decimal_precision":0,"format":"NT${{amount_no_decimals}}","code":"TWD","symbol":"NT$","email":"NT${{amount_no_decimals}}"}],
103            vueOverrideTranslations: {"zh-TW":{"vue":{"common":{"price_label":"建議售價","pre_order":"預購商品","add_to_cart":"加入購物車","contact_merchant":"聯絡店家","sold_out":"已售完","failed_to_update_cart":"更新購物車失敗","wrong_quantity":"數量輸入錯誤","buy_at_least_one":"購買數量不可小於1","exceed_upper_limit":"超過購買上限","exceed_stock_quantity":"超過庫存數量","corona":{"confirm_yes":"確認","confirm_no":"取消"},"theme":{"wrong_date":"日期錯誤","choose_specification":"請選擇規格"}},"express_delivery":{"default_sort":"預設排序","price_desc":"價格由高到低","price_asc":"價格由低到高","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","recent_days_sold_desc":"本週熱賣","product_count":"共 {totalCount} 件商品","empty_collection":"此分類目前沒有商品","search_product_count":"您搜尋{selectedStoreName}的商品共 {count} 項","back_to_product_list":"返回商品列表","choose_store":"選擇外送門市","phone":"聯絡電話","business_hours":"營業時間","store_address":"門市地址","store_address_info":"門市地址:{address}","store_is_closed":"目前不接受服務","view_products":"查看商品","more_info":"更多資訊","cyberbiz_now":"快速到貨","search_stores":"搜尋門市","not_search_stores_yet":"請點擊搜尋門市","service_description":"CYBERBIZ NOW 快速到貨 服務說明:","service_description_detail":"此購物服務由 CYBERBIZ 系統提供,我們與第三方合作夥伴配合提供外送服務,提供您更快速的購物體驗。","delivery_address":"外送地址","delivery_address_hint":"請輸入外送地址","delivery_address_detail":"樓層或房號","delivery_address_detail_hint":"請輸入樓層或房號","change_address":"變更地址","change":"變更","service_not_available_in_the_region":"很抱歉,您目前所在區域不支援「CYBERBIZ NOW 快速到貨」。","service_is_available":"您輸入的地址支援「CYBERBIZ NOW 快速到貨」","exit_prompt":"您確認要離開快速到貨?","service_hours":"營業時間:{day} {time}","sales_start_info":"{time} 開賣","sales_start_info_verbose":"{day} {time} 開賣","cancel":"取消","exit":"離開","address_incomplete":"輸入之地址不完整","address_incomplete_hint":"您的地址不完整,請輸入正確地址再加購物車","search_failed":"搜尋門市失敗","sold_out":"已售完","add_to_cart":"加入購物車","add_to_cart_error":"加入購物車失敗","please_select_specifications":"請選擇規格","pre_order":"預購商品","express_delivery":"CYBERBIZ NOW 快速到貨","get_position_error_no_permission":"錯誤:請開啟您的網頁定位服務","get_position_error_require_https":"錯誤:需要https","get_position_error_internal":"錯誤:請開啟瀏覽器存取位置權限","get_position_error_timeout":"錯誤:超過請求時間"},"bonus_mall":{"bonus_redemption_price":"紅利 {price}","select_itmes_count":"已選購 {quantity} 件紅利商品","available_bonus_and_used":"目前紅利點數 {customerRemainPoints} 點,使用 {usedBonusPoints} 點","proceed_to_checkout":"前往結帳","insufficient_points":"點數不足","points":"點數","quantity":"數量","subtotal":"小計","default_sort":"預設排序","bonus_price_desc":"依紅利點數大到小排序","bonus_price_asc":"依紅利點數小到大排序","sell_from_asc":"上市日期舊到新","sell_from_desc":"上市日期新到舊","recent_days_sold_desc":"依近期銷售量大到小","recent_days_sold_asc":"依近期銷售量小到大","product_count":"共 {totalCount} 件商品","bonus_points":"{points} 點","bonus_points_verbose":"紅利{points}點","bonus_price":"紅利點數","add_to_cart":"加入購物車","already_added_to_cart":"已加入購物車","sold_out":"已售完","loading_error":"載入商城購物車資料錯誤","need_to_buy_something":"數量不得少於1","wrong_quantity":"數量輸入錯誤","exceed_stock_quantity":"超出庫存數量","exceed_buy_limit":"超出購買數量限制"},"eticket_orders":{"eticket_term_of_service":"CYBERBIZ 電子票券服務使用說明","category_all":"所有票券","category_pending":"未付款","category_available":"可使用","category_used":"使用完畢","payment_status_failed":"付款失敗,請聯絡客服","payment_status_success":"付款成功","payment_status_pending":"等待請款","order_empty_note":"無任何資訊","failed_to_send_message":"發送訊息失敗","usage_status_used":"使用完畢","usage_status_partial_used":"部分使用","show_eticket_button_qr_code":"顯示票券 QR code","show_eticket_button_used":"票券已使用"},"line_group_buy":{"go_checkout":"前往結賬","add_to_cart":"加入購物車","product_description":"商品介紹","product_spec":"規格說明","product_shipping":"運送方式"},"omniauth_mobile":{"phone_validation":"手機驗證,","confirm_account_information":"請確認以下是å
103¦ç‚ºæ‚¨çš„æœƒå“¡è³‡æ–™","reconfirm":"否,重新驗證","merge":"是,請合併會員","check_account":"為了確認是您本人,請輸入手機號碼進行驗證","mobile_number":"手機號碼","send_message":"發送簡訊驗證碼","enter_mobile_number":"請輸入您的手機號碼","submit_btn":"加入會員","registered":"我已經有會員帳號了?","return_login":"回登入頁面","send_confirmation_token":"已將簡訊寄送至手機","verification_code":"4 位數簡訊驗證碼","confirm_submit":"送出","resend_with_timer":"({ timer }秒)重新發送","resend":"重新發送","retry_later_error":"達系統操作上限,請重新整理並再試一次"},"theme_pages":{"order_return":{"address1":"詳細退貨地址:路/å··/弄/號/樓","keyin_address1":"請填寫詳細退貨地址:路/å··/弄/號/樓"}}}}},
104            hasI18nInContextEditing: false,
105            shopMultipleCurrenciesCheckout: false,
106            hasLocalizedShopPriceFormat: true,
107          }
108        </script>
108
109
110        
111        
111<script
112          src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-e958d46bfee2e69f.js">
113        </script>
113
114        
114<script defer>
115          /*
116          * Enable in-context translation for Liquid part on the page.
117          * This must be executed last to prevent conflicts with other Vue apps.
118          * So put it to `onload`, which will be executed after DOM ready's app mount
119          */
120          window.onload = function() {
121            if (
122              window.shopScriptHelper &&
123              window.shopScriptHelper.hasI18nInContextEditing
124            ) {
125              window.initTolgeeForLiquid()
126            }
127          }
128        </script>
128
129
130<script> var google_con_event_labels = []</script>
vendor: 1 bytes, line 130
130
131<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-e958d46bfee2e69f.js"></script>
vendor: 1 bytes, line 131
131
132<script src="//cdn1-next.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
132
133        
133<script>
134          window.c12t = {"customer_id":null,"search_string":null,"impressions":[{"name":"【純粹植萃,順心舒暢】菩提樹 益菌酵素Q糖","id":"72527106","price":"139.0","brand":"菩提樹生物科技股份有限公司","category":"⭐嚐鮮首選⭐, 熱門優惠組, 全系列商品, 超值優惠組","list":"default","position":1},{"name":"【無添加砂糖‧多酚紅發酵機能飲】(單瓶)結帳加購 享優惠","id":"68439977","price":"198.0","brand":"菩提樹生物科技股份有限公司","category":"","list":"default","position":2},{"name":"★★熱銷20年★★富安諾麗果醱酵液750ml/罐","id":"66895971","price":"1380.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, 加價購, 超值優惠組","list":"default","position":3},{"name":"【多酚紅超值優惠組 順暢+PLUS】6瓶再加碼送2瓶","id":"66695638","price":"1099.0","brand":"菩提樹生物科技股份有限公司","category":"超值優惠組, 熱門優惠組, 全系列商品","list":"default","position":4},{"name":"【多舒暢超值組🎉】6瓶再加碼送蔬果機能飲送x2瓶","id":"66694522","price":"999.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, 超值優惠組","list":"default","position":5},{"name":"幫助入睡【高濃度無添加糖】諾麗莓果露5瓶/盒","id":"64754534","price":"899.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, ⭐嚐鮮首選⭐","list":"default","position":6},{"name":"【享健康,遞心意】順順嚐鮮組","id":"64331792","price":"519.0","brand":"菩提樹生物科技股份有限公司","category":"熱門優惠組, ⭐嚐鮮首選⭐, 全系列商品, 超值優惠組","list":"default","position":7},{"name":"首購推薦🔥機能飲熱門組合~新會員贈送50紅利金,滿 $699 免運到家","id":"64331376","price":"168.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, 熱門優惠組, 超值優惠組","list":"default","position":8},{"name":"【首購推薦】機能飲三種口味一次滿足","id":"63219394","price":"409.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, 熱門優惠組","list":"default","position":9},{"name":"出差也舒暢,就要選淨暢│淨暢酵素益生菌3g*5包/盒","id":"62677469","price":"199.0","brand":"菩提樹生物科技股份有限公司","category":"全系列商品, 超值優惠組, 熱門優惠組, ●加強代謝 幫助排便順暢●淨暢酵素益生菌","list":"default","position":10}]};
135        </script>
135
136
137        <meta name="request-id" content="ECA0A87BB963BC103A2B8699B6A70CB4"/>
138
139<link rel="canonical" href="https://www.puttree.com/search">
140<script src="//cdn1-next.cybassets.com/frontend/shop/carousel-e958d46bfee2e69f.js"></script>
140
141          
141<script>
142            window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*');
143          </script>
143
144
145<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 145
145
146<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctR1MyUU1YM1ZO\nRSwgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6Ikct\nTERGWjc2UVM4MiJ9fSx7InZlbmRvcl90eXBlIjoiRGlnaXRhbCBJbnRlbGxp\nZ2VuY2UgVHJhY2tlciIsImFwcF9pZCI6IjFiNTBhODZkYzJkMTQxODM4OGZk\nZWRmN2EwZDQzOWFlIiwic2V0dGluZ3MiOnt9fV0=\n"}
147</script>
vendor: 1 bytes, line 147
147
148<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 148
148
149<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 149
149
150<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 150
150
151<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 151
151
152<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-e958d46bfee2e69f.js"></script>
vendor: 1 bytes, line 152
152
153<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
153
154
155
156
157
158<script src="//cdn1-next.cybassets.com/frontend/shop/searchPage-e958d46bfee2e69f.js"></script>
158
159
160
161    <style id="color_settings">
162  :root {
163    
164      --button: #055e39;
165    
166
167    
168      --button_text: #FFFFFF;
169    
170
171    
172      --accent: #055e39;
173    
174
175    
176      --heading: #030303;
177    
178
179    
180      --text: #131414;
181    
182
183    
184      --price: #055e39;
185    
186
187    
188      --discount_price: #f10937;
189    
190
191    
192      --theme_bg: #FFFFFF;
193    
194
195    
196      --nav_logo_bg: #007138;
197    
198
199    
200      --nav_menu_bg: #007138;
201    
202
203    
204      --nav_menu_text: #f4eeee;
205    
206
207    
208      --nav_menu_icon: #f3f0f0;
209    
210
211    
212      --footer_bg: #007138;
213    
214
215    
216      --footer_text: #efecec;
217    
218
219    
220      --checkout_button: #000000;
221    
222
223    
224      --checkout_accent: #2b2b6e;
225    
226
227    
228      --product_border: #055e39;
229    
230
231    
232      --tips_text: #0C5460;
233    
234
235    
236
237    
238  }
239</style>
240
241
242
243
244  
245        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 245-246
245
246          <script async src="https://www.googletagmanager.com/gtag/js?id=
246G-GS2QMX3VNE
vendor: 22 bytes, lines 246-247
246"></script>
247          
247<script>
248            window.dataLayer = window.dataLayer || [];
249            function gtag(){dataLayer.push(arguments);}
250            gtag('js', new Date());
251            gtag('config', 'G-GS2QMX3VNE', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":29371,"dim_affiliate":null});
252            gtag('config', 'UA-64017614-1', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":29371,"dim_affiliate":null});
253      </script>
253
254      
254<script>
255        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
256        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
257        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
258        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
259
260        ga('create', '', 'auto', {'name': 'cyberbiz'});
261        ga('cyberbiz.require', 'displayfeatures');
262        ga('cyberbiz.set', 'dimension1', '29371');
263        ga('cyberbiz.require', 'ec');
264        ga('cyberbiz.send', 'pageview');
265      </script>
265
266    
267      
267<script>
vendor: 426 bytes, lines 267-274
267
268      !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
269      n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
270      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
271      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
272      document,'script','//connect.facebook.net/en_US/fbevents.js');
273
274      fbq('init', '
274899607825019978
vendor: 38 bytes, lines 274-275
274', {}, {'agent':'plcyberbiz'});
275      
275fbq('track', "PageView", '', { eventID: "PageView_ECA0A87BB963BC103A2B8699B6A70CB4" });
276      var facebook_pixel_id = '899607825019978'</script>
276
277
278    </head>
279
280  <body style="display: flex; flex-direction: column;">
vendor: 74 bytes, lines 280-282
280
281      <noscript><iframe
282      src="//www.googletagmanager.com/ns.html?id=
282GTM-TXD9LVJ
vendor: 117 bytes, lines 282-288
282"
283      height="0"
284      width="0"
285      style="display:none;visibility:hidden">
286      </iframe></noscript>
287    
288    
288<!-- Navigation -->
289    <!-- cyb_snippet liquid_helper start -->
290<script>
291	function getDiscountPriceName() {
292		return "false" === "true" ? "" : "";
293	}
294
295	function getDiscountPriceSuggestionName() {
296		return "false" === "true" ? "" : "";
297	}
298
299  document.addEventListener('DOMContentLoaded', function() {
300    const languageHandle = Cookies.get("language");
301    const defaultLanguage = {"handle":"zh-TW","currency_code":"TWD","title":"繁體中文"};
302    const languages = [];
303    const currency = window.shopScriptHelper.defaultCurrency;
304    const currencies = window.shopScriptHelper.currenciesInfo;
305		window.liquidHelper = {
306			shopInternational: false,
307			defaultLanguage: defaultLanguage,
308			language: languages.find(function(l) {
309				return l.handle === languageHandle;
310			}) || defaultLanguage,
311      shopMultipleCurrenciesCheckout: false,
312			shopMultipleCurrencies: false,
313			defaultCurrencyFormat: "NT${{amount_no_decimals}}",
314			defaultCurrency: currency,
315			getCurrency: function() {
316        const currencyValue = Cookies.get("currencyValue") || currency;
317        return currencies.find(function(c) { return c.code === currencyValue; }
318      )},
319      getDefaultCurrency: function() { return currencies.find(function(c) {
320				return c.code === currency;
321			})},
322      getAvailableCurrencies: function() { return currencies.map(c => c.code) },
323      getCurrencyFormatInfo: function(currency) {
324        const currencyInfo = currencies.find(c => c.code === currency)
325        return _.pick(currencyInfo, [
326          'decimal_precision',
327          'symbol',
328          'money_format',
329          'unit',
330          'trailing_zeros',
331          'html_unit',
332          'code',
333        ]);
334      },
335			cartQuantityLimit: (function() {
336        const limit = Number("0" || undefined);
337        return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit;
338      })(),
339			isFirstVariantSelected:  false ,
340			isImageColorsUsed:  false ,
341			isEmptyClickable:  true ,
342			hasAddBuyProduct: '' !== "" ? true : false,
343			hasPriceWithDiscountPlugin: 'false' ? true : false,
344      conversionBonus: 1,
345      hasLocalizedShopPriceFormat: true,
346      hasCustomerCartPlugin: true,
347      isCartEnabled: true,
348      cdnHost: '//cdn1-next.cybassets.com',
349      hasShopCustomPasswordRulePlugin: false,
350      hasDisableProductQuantityValidation: false,
351      hasBreadcrumbReferrerEnabled: false,
352		};
353	});
354</script>
354
355
356<!-- cyb_snippet liquid_helper end -->
357
358<script src='//cdn1-next.cybassets.com/frontend/shop/navbarSection-e958d46bfee2e69f.js' type='text/javascript'></script>
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375<style>
376  
377    #navbar {
378      --navbar-pc-title-scale: 1.0;
379      --navbar-pc-body-scale: 1.0;
380      --navbar-mobile-title-scale: 1.0;
381      --navbar-mobile-body-scale: 1.0;
382    }
383  
384
385  
386
387  
388</style>
389
390
391  <span id="navbar" class="drawer drawer--left font-size-setting-enabled">
392    <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0">
393      
394
395      
396        <div id="announcement-bar"></div>
397      
398
399      
400      
401        <div class="computer_nav qk-hidden--mobile ">
402          <div class="header_logo qk-bg--nav_logo_bg">
403            <div class="qk-pos--rel">
404              <div class="qk-text--center">
405                <!-- logo start -->
406                
407                  <nav class="logo qk-display--il_bk">
408                    <a href="/" class="qk-w--100">
409                      <img
410                        src="//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897"
411                        class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile"
412                        style="width: auto; height: 52px;"
413                        alt="菩提樹生物科技股份有限公司"
414                        height="52"
415                        width="auto"
416                      >
417                    </a>
418                  </nav>
419                
420                <!-- logo end -->
421                <!-- tool-nav start -->
422                
423                  <!-- cyb_snippet tool_nav start -->
424
425
426
427
428
429
430<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex">
431  <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0">
432    
433    
434    <!-- member -->
435    
436      <li class="customer_account qk-pos--rel qk-pd--05">
437        <div class="dropdown qk-pos--static">
438          <div class="qk-cursor--pointer" data-toggle="dropdown">
439            <div data-icon-type="custom_icon_type_account"></div>
440            <span class="text"></span>
441          </div>
442          <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">
443            <ul id="customer-logined-menu" style="display: none">
444              <li>
445                <div class="qk-fs--body qk-text--heading">
446                  <p class="customer-name qk-whitespace-break-spaces"></p>
447                  <p>您好!</p>
448                </div>
449              </li>
450            </ul>
451            <ul id="customer-not-login-menu">
452              <li class="button qk-text--center">
453                <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">會員登入</a>
454              </li>
455              <li class="button qk-text--center">
456                <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">註冊新會員</a>
457              </li>
458            </ul>
459            <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span>
460            <ul class="member-menu qk-bd_t--default qk-bd--product_border">
461              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
462                <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">我的帳戶</a>
463              </li>
464              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
465                <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">訂單查詢</a>
466              </li>
467              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
468                <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">專屬優惠券</a>
469              </li>
470              <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg">
471                <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">收藏清單</a>
472              </li>
473              <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">
474                <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">會員登出</a>
475              </li>
476            </ul>
477          </div>
478        </div>
479      </li>
480    
481    <!-- for money symbol -->
482    <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div>
483    <!-- cart -->
484    
485      <li class="cart qk-pos--rel qk-pd--05">
486        <!--電腦版的購物車選單-->
487        <div class="dropdown qk-pos--static">
488          <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" >
489            <div data-icon-type="custom_icon_type_cart"></div>
490            <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>
491            <span class="global-cart-loading"></span>
492          </div>
493          <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">
494            <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>
495            <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">目前的購物車是空的!</p>
496            <ul>
497              <li class="button qk-text--center">
498                <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">立即購買</a>
499                <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">前往收藏清單</a>
500              </li>
501            </ul>
502          </div>
503        </div>
504      </li>
505    
506    <!-- search -->
507    
508      <li class="search qk-pos--rel qk-pd--05" id="search-icon">
509        <div class="dropdown qk-pos--static">
510          <div class="qk-cursor--pointer" data-toggle="dropdown">
511            <div data-icon-type="custom_icon_type_search"></div>
512          </div>
513          <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">
514            <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-vert--mid">
515              <form action="/search" class="form-inline qk-search_form qk-display--flex qk-justfify--between qk-align--center qk-flex--1">
516                <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="" />
517                <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">搜尋</button>
518              </form>
519            </div>
520          </div>
521        </div>
522      </li>
523    
524    <!-- express delivery -->
525    
526  </ul>
527</nav>
528
529<!-- cyb_snippet tool_nav end -->
530                
531                <!-- tool-nav end -->
532              </div>
533            </div>
534          </div>
535          
536            <div class="header_nav qk-bg--nav_menu_bg">
537              <div class="qk-pd_x--15">
538                <div class="qk-pos--relative center">
539                  <!-- main-nav start -->
540                  <nav class="main_nav qk-display--init">
541                    <!-- cyb_snippet _main_nav_skeleton start --><ul
542    class="main_nav_skeleton link_shelf_top qk-display--flex qk-flex--row qk-flex--wrap qk-justify--center qk-align--center qk-body"
543    style="justify-content: center; visibility: hidden;"
544    aria-hidden="true"
545  ><span>
546        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/about-us" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">關於菩提樹</a></li>
547      </span><span>
548        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/collections/frontpage" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">全部商品</a></li>
549      </span><span>
550        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/pages/好評見證" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">好評推薦</a></li>
551      </span><span>
552        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/blogs/news" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">健康指南</a></li>
553      </span><span>
554        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/blogs/最新消息" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">最新消息</a></li>
555      </span><span>
556        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="/contact" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer">連絡我們</a></li>
557      </span><span>
558        <li class="dropdown qk-dropdown_wrapper qk-pos--rel"><a href="https://lin.ee/Ye81jYd" class="qk-display--bk qk-fs--body qk-text--nav_menu_text qk-text--accent_hover qk-cursor--pointer"><a href="https://lin.ee/GFTOszm">
558<img src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" alt="加入好友" height="36" border="0"></a></a></li>
559      </span></ul><!-- cyb_snippet _main_nav_skeleton end -->
560                  </nav>
561                  <!-- main-nav end -->
562                </div>
563              </div>
564            </div>
565          
566        </div>
567      
568      <div class="qk-hidden--pc  ">
569        <!-- mobile-nav start -->
570        <nav class="mobile-nav qk-bg--nav_logo_bg">
571          <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0">
572            <!-- menu -->
573            
574              <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center">
575                <div data-icon-type="custom_icon_type_menu"></div>
576              </li>
577            
578            <!-- logo -->
579            
580              <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0">
581                
582                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone">
583                    <img
584                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897"
585                      height="25"
586                      width="auto"
587                      alt="菩提樹生物科技股份有限公司"
588                    >
589                  </a>
590                
591                
592                  <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet">
593                    <img
594                      src="//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897"
595                      height="25"
596                      width="auto"
597                      alt="菩提樹生物科技股份有限公司"
598                    >
599                  </a>
600                
601              </li>
602            
603            
604              <!-- search -->
605              
606                <li class="search qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center ">
607                  <div class="dropdown qk-pos--static qk-text--center">
608                    <div class="qk-cursor--pointer" data-toggle="dropdown">
609                      <div data-icon-type="custom_icon_type_search"></div>
610                    </div>
611                    <div
612                      class="qk-dropdown_menu dropdown-menu qk-w--100vw qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-mg--0"
613                      role="menu"
614                    >
615                      <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-sp_bt--5 qk-w--100">
616                        <form action="/search" class="form-inline qk-display--flex qk-justfify--center qk-flex--1">
617                          <div class="form-inline qk-search_form qk-display--flex qk-justfify--center qk-align--center qk-flex--1">
618                            <input
619                              class="form-control qk-flex--1 qk-inputbox qk-inputbox--lg qk-bg--transparent qk-text--heading"
620                              type="search"
621                              placeholder="搜尋"
622                              aria-label="Search"
623                              name="q"
624                              value=""
625                            >
626                            <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">
627                              搜尋
628                            </button>
629                          </div>
630                        </form>
631                      </div>
632                    </div>
633                  </div>
634                </li>
635              
636              <!-- express delivery -->
637              
638            
639          </ul>
640        </nav>
641        <!-- mobile-nav end -->
642      </div>
643      
644    </header>
644<script>
645      (function () {
646        var isNavbarTransparent = false;
647
648        function measureHeaderOffset() {
649          var header = document.getElementById('header');
650          if (!header) return null;
651
652          var headerHeight = header.getBoundingClientRect().height;
653
654          if (isNavbarTransparent && window.matchMedia('(min-width: 992px)').matches) {
655            var computerNav = document.querySelector('.computer_nav');
656            if (computerNav) {
657              headerHeight -= computerNav.getBoundingClientRect().height;
658            }
659          }
660
661          var floatFilter = document.getElementById('float-filter');
662          var floatFilterHeight = floatFilter
663            ? floatFilter.getBoundingClientRect().height
664            : 0;
665
666          return headerHeight - floatFilterHeight;
667        }
668
669        window.measureHeaderOffset = measureHeaderOffset;
670
671        var offset = measureHeaderOffset();
672        if (offset !== null) {
673          document.body.style.paddingTop = offset + 'px';
674        }
675      })();
676    </script>
676
677    
678      <!-- Sidebar -->
679      <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation">
680        <div class="drawer-menu">
681          <!-- cyb_snippet side_menu start -->
682
683
684<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1">
685  
686    <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05">
687      <a href="/" class="qk-pd--0">
688        <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897" height="32" width="auto" alt="logo">
689      </a>
690      <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button>
691    </li>
692  
693  
694    
695
696    
697      <!-- cyb_snippet components/side_menu/menu start -->
698
699  <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>
700
701
702  
703  
704  
705    <li class="qk-pos--rel qk-pd--0">
706      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_1" aria-expanded=" true ">
707        
708          <a class="qk-text--nav_menu_text" href="/pages/about-us"> 關於菩提樹 </a>
709        
710      </button>
711      <ul id="index_sidebar_shelf_second_1" class="collapse_index_sidebar_1 collapse shelf_second  show  qk-pd--0">
712        
713          
714          
715          
716            <li class="qk-pos--rel qk-pd--0">
717              
718                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/媒體報導">
719                  │深入了解 品牌理念 
720                </a>
721              
722            </li>
723          
724        
725          
726          
727          
728            <li class="qk-pos--rel qk-pd--0">
729              <button class="qk-fw--500 linklist bt-toggle  qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-fs--body qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_1_2" aria-expanded=" true ">
730                
731                  <span class="qk-cursor--pointer qk-text--nav_menu_text"> │媒體報導 </span>
732                
733              </button>
734              <ul class="collapse_index_sidebar_1_2 collapse shelf_third qk-pd--0 show  qk-bd--nav_menu_text">
735                
736                  
737                  <li class="qk-pos--rel qk-pd--0">
738                    
739                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-fs--body qk-text--nav_menu_text" href="/pages/創新方程式-節目報導">
740                        看見菩提樹的故事
741                      </a>
742                    
743                  </li>
744                
745                  
746                  <li class="qk-pos--rel qk-pd--0">
747                    
748                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-fs--body qk-text--nav_menu_text" href="/pages/about-us">
749                        里仁月刊-實作用心
750                      </a>
751                    
752                  </li>
753                
754              </ul>
755            </li>
756          
757        
758          
759          
760          
761            <li class="qk-pos--rel qk-pd--0">
762              
763                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/│更多菩提樹-門市資訊-企業大宗採購">
764                  │企業大宗採購
765                </a>
766              
767            </li>
768          
769        
770          
771          
772          
773            <li class="qk-pos--rel qk-pd--0">
774              
775                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/菩提樹酵素代工">
776                  │代工一站式服務
777                </a>
778              
779            </li>
780          
781        
782          
783          
784          
785            <li class="qk-pos--rel qk-pd--0">
786              
787                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/確食純粹-為你耕作了一片田">
788                  │菩提樹源頭自有農場
789                </a>
790              
791            </li>
792          
793        
794      </ul>
795    </li>
796  
797
798  
799  
800  
801    <li class="qk-pos--rel qk-pd--0">
802      <button class="linklist bt-toggle qk-fw--bold  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--nav_menu_text qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_2" aria-expanded=" true ">
803        
804          <a class="qk-text--nav_menu_text" href="/collections/frontpage">
804 全部商品 </a>
805        
806      </button>
807      <ul id="index_sidebar_shelf_second_2" class="collapse_index_sidebar_2 collapse shelf_second  show  qk-pd--0">
808        
809          
810          
811          
812            <li class="qk-pos--rel qk-pd--0">
813              
814                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/日常保健酵素">
815                  ☀️活動優惠專區☀️
816                </a>
817              
818            </li>
819          
820        
821          
822          
823          
824            <li class="qk-pos--rel qk-pd--0">
825              
826                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/日常保健型酵素飲">
827                  🌟嚐鮮組🌟
828                </a>
829              
830            </li>
831          
832        
833          
834          
835          
836            <li class="qk-pos--rel qk-pd--0">
837              <button class="qk-fw--500 linklist bt-toggle  qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-fs--body qk-bg--nav_menu_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_index_sidebar_2_3" aria-expanded=" true ">
838                
839                  <a class="qk-text--nav_menu_text" href="/collections/酵素益生菌"> 酵素益生菌系列 </a>
840                
841              </button>
842              <ul class="collapse_index_sidebar_2_3 collapse shelf_third qk-pd--0 show  qk-bd--nav_menu_text">
843                
844                  
845                  <li class="qk-pos--rel qk-pd--0">
846                    
847                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-fs--body qk-text--nav_menu_text" href="/products/shikuwasa-probiotics-15-items">
848                        ●每日保養●香檬酵素益生菌
849                      </a>
850                    
851                  </li>
852                
853                  
854                  <li class="qk-pos--rel qk-pd--0">
855                    
856                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-fs--body qk-text--nav_menu_text" href="/collections/●加強代謝-幫助排便順暢●淨暢酵素益生菌">
857                        ●加強代謝 幫助排便順暢●淨暢酵素益生菌
858                      </a>
859                    
860                  </li>
861                
862              </ul>
863            </li>
864          
865        
866          
867          
868          
869            <li class="qk-pos--rel qk-pd--0">
870              
871                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/collections/左手香純露洗潔系列">
872                  左手香純露|洗潔系列
873                </a>
874              
875            </li>
876          
877        
878      </ul>
879    </li>
880  
881
882  
883  
884  
885    <li class="qk-pos--rel qk-pd--0">
886      
887        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/好評見證">好評推薦</a>
888      
889    </li>
890  
891
892  
893  
894  
895    <li class="qk-pos--rel qk-pd--0">
896      
897        <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>
898      
899    </li>
900  
901
902  
903  
904  
905    <li class="qk-pos--rel qk-pd--0">
906      
907        <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/最新消息">最新消息</a>
908      
909    </li>
910  
911
912  
913  
914  
915    <li class="qk-pos--rel qk-pd--0">
916      
917        <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>
918      
919    </li>
920  
921
922  
923  
924  
925    <li class="qk-pos--rel qk-pd--0">
926      
927        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="https://lin.ee/Ye81jYd"><a href="https://lin.ee/GFTOszm">
927<img src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" alt="加入好友" height="36" border="0"></a></a>
928      
929    </li>
930  
931
932
933<script>
934  $('button a').on('click', function(e) {e.stopPropagation()});
935</script>
935
936
937<!-- cyb_snippet components/side_menu/menu end -->
938    
939  
940  
941    
942      <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>
943      <li class="qk-pos--rel qk-pd--0">
944        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
945          <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">我的帳戶</a>
946        </div>
947      </li>
948      <li class="qk-pos--rel qk-pd--0">
949        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
950          <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">訂單查詢</a>
951        </div>
952      </li>
953      <li class="qk-pos--rel qk-pd--0">
954        <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none">
955          <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">會員登出</a>
956        </div>
957      </li>
958      <li class="qk-pos--rel qk-pd--0">
959        <a href="/account/login">
960          <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 ">
961            <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body">
962              會員登入
963            </span>
964          </div>
965        </a>
966      </li>
967      <li class="qk-pos--rel qk-pd--0">
968        <a href="/account/signup">
969          <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">
970            <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500">
971              註冊新會員
972            </span>
973          </div>
974        </a>
975      </li>
976    
977    
978    
979    
980  
981</ul>
982
983<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/sidebar-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
984
985<script>
986  $(document).ready(function(){
987    // 側邊選單
988    if ($('.drawer').length){
989      $('.drawer').drawer();
990      $('.bt-toggle').click(function(){
991        setTimeout(function(){
992          $('.drawer')[0].iScroll.refresh()
993        },500)
994      })
995    }
996  });
997</script>
997
998
999
1000<!-- cyb_snippet side_menu end -->
1001
1002        </div>
1003      </nav>
1004      <!-- Bottombar -->
1005      
1006        <div
1007          id="mobile-bottom-bar"
1008          class="qk-display--flex qk-justify--around qk-bg--nav_logo_bg qk-w--100vw qk-pos--fixed qk-b--0 qk-hidden--pc"
1009        >
1010          <!-- home -->
1011          <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">
1012            <a id="home-nav-icon" href="/">
1013              <div data-icon-type="custom_icon_type_home"></div>
1014            </a>
1015          </div>
1016          <!-- tracking items -->
1017          <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">
1018            <a href="/account/tracking_items">
1019              <div data-icon-type="custom_icon_type_tracking_items" c></div>
1020            </a>
1021          </div>
1022          <!-- cart -->
1023          
1024            <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">
1025              <a
1026                href="/cart"
1027                class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel"
1028              >
1029                <div data-icon-type="custom_icon_type_cart"></div>
1030                <span
1031                  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"
1032                  style="display: none;"
1033                  >0</span
1034                >
1035              </a>
1036            </div>
1037          
1038          <!-- member -->
1039          
1040            <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">
1041              <a id="customer-phone-nav-icon" href="/account/login">
1042                <div data-icon-type="custom_icon_type_account"></div>
1043              </a>
1044            </div>
1045          
1046        </div>
1047      
1048    
1049  </span>
1050
1051<div id="index-popular-tags"></div>
1052
1053<style id="timer_color">
1054  :root {
1055    
1056      --timer_text: #c39d6f;
1057    
1058
1059    
1060      --timer_bg: #2b2b6e;
1061    
1062  }
1063</style>
1064
1065<script>
1066  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":"問題å
1066…§å®¹","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天免費鑑è³
1066žæœŸï¼ˆå«ä¾‹å‡æ—¥ï¼‰ã€‚退換貨時請保持原包裝商品的完整(包含購買商品,附件,贈品等)。\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":"謝謝您的å¯
1066¶è²´æ„è¦‹","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":"請檢查銀行帳號長度"}
1067  $(document).ready(function(){
1068    if(window.location.pathname != '' && window.location.pathname != '/' ){
1069      document.getElementById('index-popular-tags').style.display = 'none'
1070    }
1071    // 倒數計時
1072    
1073
1074    function adjustContentTop() {
1075      const offset = window.measureHeaderOffset();
1076      if (offset === null) return;
1077      $("body").css({ "padding-top": offset + "px" });
1078    }
1079
1080    window.adjustContentTop = adjustContentTop;
1081
1082    // navbar設定透明
1083    
1084
1085    // Call it first once DOM is ready to prevent CLS
1086    adjustContentTop();
1087
1088    // 延遲初始化,等待 app banner 初始化完成
1089    $(window).on("resize", adjustContentTop);
1090
1091    // 使用 setTimeout 確保 banner 狀態已經確定
1092    $(window).on("load", function() {
1093      setTimeout(function() {
1094        adjustContentTop();
1095      }, 200); // 給 banner 足夠時間初始化
1096    });
1097
1098    $('img.header_banner').on('load', adjustContentTop);
1099
1100    window.renderNavbarSection('.main_nav', {
1101        navbarCollections: null,
1102        navbarItems: [{"id":1322439,"title":"關於菩提樹","url":"/pages/about-us","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1496018,"title":"│深入了解 品牌理念 ","url":"/pages/媒體報導","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1766535,"title":"│媒體報導","url":"","item_type":"linklist","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1766553,"title":"看見菩提樹的故事","url":"/pages/創新方程式-節目報導","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1766554,"title":"里仁月刊-實作用心","url":"/pages/about-us","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1414031,"title":"│企業大宗採購","url":"/pages/│更多菩提樹-門市資訊-企業大宗採購","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1495894,"title":"│代工一站式服務","url":"/pages/菩提樹酵素代工","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1503246,"title":"│菩提樹源頭自有農場","url":"/pages/確食純粹-為你耕作了一片田","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1349979,"title":"全部商品","url":"/collections/frontpage","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":[{"id":2153021,"title":"☀️活動優惠專區☀️","url":"/collections/日常保健酵素","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":2012601,"title":"🌟嚐鮮組🌟","url":"/collections/日常保健型酵素飲","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1973654,"title":"酵素益生菌系列","url":"/collections/酵素益生菌","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":[{"id":1973663,"title":"●每日保養●香檬酵素益生菌","url":"/products/shikuwasa-probiotics-15-items","item_type":"product","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1973667,"title":"●加強代謝 幫助排便順暢●淨暢酵素益生菌","url":"/collections/●加強代謝-幫助排便順暢●淨暢酵素益生菌","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1970843,"title":"左手香純露|洗潔系列","url":"/collections/左手香純露洗潔系列","item_type":"custom_collection","subtitle":null,"icon_image_url":null,"menuItems":null}]},{"id":1765851,"title":"好評推薦","url":"/pages/好評見證","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1507378,"title":"健康指南","url":"/blogs/news","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1540126,"title":"最新消息","url":"/blogs/最新消息","item_type":"blog","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1322440,"title":"連絡我們","url":"/contact","item_type":"contact","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1423726,"title":"\u003ca href=\"https://lin.ee/GFTOszm\"\u003e\u003cimg src=\"https://scdn.line-apps.com/n/line_add_friends/btn/zh-
1102Hant.png\" alt=\"加入好友\" height=\"36\" border=\"0\"\u003e\u003c/a\u003e","url":"https://lin.ee/Ye81jYd","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null}],
1103        settings: {
1104          menuDisplayStyle: "three_dimension_menu",
1105          pcLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897",
1106          mobileLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MTAxMzcxXzA0MDguanBnLmpwZWciXV0.jpeg?sha=16f270bfec65e897",
1107          navbarDisplayStyle: "displayDefault",
1108        }
1109      }
1110    );
1111
1112
1113    // for link menu
1114    const linkMenuElement = document.querySelector('.link-nav');
1115    const data = []
1116    data.forEach((item) => {
1117      const wrapper = document.createElement('a');
1118      const link = document.createElement('ul');
1119
1120      wrapper.href = item.url;
1121      link.textContent = item.title;
1122      link.classList.add('link-item');
1123
1124      wrapper.appendChild(link);
1125      linkMenuElement.appendChild(wrapper);
1126    });
1127
1128    // for safe-area space on iOS devices
1129    const userAgent = navigator.userAgent;
1130    const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
1131    const isLiff = /Line\/[\d.]+/i.test(userAgent);
1132    const $mobileBottomBar = $('#mobile-bottom-bar');
1133
1134    if ($mobileBottomBar.length && isIOS && isLiff) {
1135      $mobileBottomBar.addClass('is-ios-liff');
1136    }
1137  });
1138  document.addEventListener('DOMContentLoaded', function() {
1139    window.getCartAmount = function() {
1140      return parseInt($('.global-cart-count').html());
1141    };
1142  });
1143</script>
1143
1144
1145<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/navbar-e958d46bfee2e69f.js' type='text/javascript'></script>
vendor: 1 bytes, line 1145
1145
1146<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/currencies-e958d46bfee2e69f.js' type='text/javascript'></script>
1146
1147<!-- cyb_snippet i18n_modal start -->
1148
1149
1150<!-- cyb_snippet i18n_modal end -->
1151<!-- cyb_snippet _load_fonts start -->
1152<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/load_fonts-e958d46bfee2e69f.js' type='text/javascript'></script>
vendor: 1 bytes, line 1152
1152
1153<script>
1154  document.addEventListener('DOMContentLoaded', function() {
1155    window.loadFontSetting("{'ja':{'value':'Noto Sans JP'},'zh-TW':{'value':'Noto Sans TC'},'en':{'value':'Noto Sans TC'},'zh-CN':{'value':'Noto Sans TC'}}")
1156  })
1157</script>
1157
1158
1159<!-- cyb_snippet _load_fonts end -->
1160<!-- cyb_snippet _custom_icon start -->
1161<script src='//cdn1-next.cybassets.com/frontend/shop/navIcon-e958d46bfee2e69f.js' type='text/javascript'></script>
1161
1162
1163<script>
1164  (function() {
1165    const iconUrlMap = new Map([
1166      ['custom_icon_type_home', null],
1167      ['custom_icon_type_tracking_items', null],
1168      ['custom_icon_type_account', null],
1169      ['custom_icon_type_cart', null],
1170      ['custom_icon_type_search', null],
1171      ['custom_icon_type_menu', null]
1172    ]);
1173    const elements = document.querySelectorAll('[data-icon-type]');
1174    elements.forEach((element, index) => {
1175      const iconAttributes = element.getAttribute('data-icon-type');
1176
1177      const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
1178      element.id = uniqueId;
1179      window.renderNavCustomIcon(`#${uniqueId}`, {
1180        navIconStyle: "icon_type_default",
1181        customIconUrl: iconUrlMap.get(iconAttributes) || '',
1182        iconAttributes: iconAttributes,
1183        currentTemplate: "search",
1184      });
1185    });
1186  })();
1187</script>
1187
1188
1189<!-- cyb_snippet _custom_icon end -->
1190
1191
1192
1193    
1194  
1195    
1195<script src='//cdn1-next.cybassets.com/frontend/shop/announcementBar-e958d46bfee2e69f.js' type='text/javascript'></script>
1195
1196
1197    
1198
1199    
1200
1201    
1201<script>
1202      $(document).ready(function() {
1203        window.renderAnnouncementBar('#announcement-bar', {
1204          sectionId: "announcement_bar",
1205          isIndex: false,
1206        });
1207      });
1208    </script>
1208
1209  
1210
1211
1212
1213
1214
1215    <!-- template -->
1216    <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);">
1217      <!-- cyb_snippet breadcrumb start -->
1218
1219<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/breadcrumb-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
1220
1221
1222<div id="site_path" class="qk-bd_b--default qk-bd--product_border">
1223  <!-- mobile: toggle button (hidden on PC) -->
1224  <div class="qk-container qk-hidden--pc">
1225    <div class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb">
1226      <button
1227        class="bt-toggle qk-bg--theme_bg qk-pd_x--0 qk-w--100 qk-text--left qk-bd--none qk-pos--rel collapsed"
1228        data-toggle="collapse"
1229        data-target=".breadcrumb-content"
1230      >
1231        <a href="/" class="qk-text--text">
1232          <i class="fas fa-home"></i>
1233        </a>
1234      </button>
1235    </div>
1236  </div>
1237  <!-- breadcrumb nav: single DOM, PC always visible, mobile as collapse dropdown -->
1238  <div class="breadcrumb-content qk-bg--theme_bg collapse">
1239    <div class="qk-container">
1240      <!-- cyb_snippet breadcrumb_nav start -->
1241<!-- 主題版型麵包屑 -->
1242<nav aria-label="breadcrumb">
1243  <ol
1244    class="breadcrumb qk-bg--theme_bg qk-pd_x--0 qk-mg--0 qk-fs--breadcrumb"
1245    itemscope
1246    itemtype="http://schema.org/BreadcrumbList"
1247  >
1248    
1249      <li
1250        class="breadcrumb-item
1251        
1252        "
1253        itemprop="itemListElement"
1254        itemscope itemtype="http://schema.org/ListItem">
1255        <!-- home -->
1256        
1257          <a href="/" class="qk-text--text" itemprop="item">
1258            <i class="fas fa-home"></i>
1259            <span class="qk-display--none" itemprop="name">首頁</span>
1260          </a>
1261        <!-- account -->
1262        
1263        <meta itemprop="position" content="1"/>
1264      </li>
1265    
1266      <li
1267        class="breadcrumb-item
1268        
1269         active "
1270        itemprop="itemListElement"
1271        itemscope itemtype="http://schema.org/ListItem">
1272        <!-- home -->
1273        
1274          <a href="/search" class="qk-text--text" itemprop="item">
1275            <span itemprop="name">搜尋頁</span>
1276          </a>
1277        <!-- register -->
1278        
1279        <meta itemprop="position" content="2"/>
1280      </li>
1281    
1282  </ol>
1283</nav>
1284<script>
1285  $(document).ready(function () {
1286    if (!window.liquidHelper || !window.liquidHelper.hasBreadcrumbReferrerEnabled) return;
1287
1288    var $collections = $('[data-breadcrumb-links]');
1289    if (!$collections.length) return;
1290
1291    var refMatch = document.referrer.match(/\/collections\/([^/?#]+)/);
1292    if (!refMatch || refMatch[1] === 'all') return;
1293
1294    var referrerHandle = decodeURIComponent(refMatch[1]);
1295
1296    function getCollectionHandle(url) {
1297      if (!url) return null;
1298      try {
1299        var pathname = new URL(url, location.origin).pathname;
1300        var parts = pathname.split('/');
1301        var idx = parts.indexOf('collections');
1302        if (idx === -1 || !parts[idx + 1]) return null;
1303        return decodeURIComponent(parts[idx + 1]);
1304      } catch (e) {
1305        return null;
1306      }
1307    }
1308
1309    var $link = $collections.find('a').filter(function () {
1310      return getCollectionHandle(this.href) === referrerHandle;
1311    });
1312
1313    if ($link.length) {
1314      $collections.siblings('a.qk-text--accent[href="#"]').remove();
1315      $collections.empty().append($link);
1316    }
1317  });
1318</script>
1318
1319
1320<!-- cyb_snippet breadcrumb_nav end -->
1321    </div>
1322  </div>
1323</div>
1324
1325
1326<!-- cyb_snippet breadcrumb end -->
1327
1328
1329<div id="search">
1330  <div class="qk-container">
1331    <div class="row qk-justify--center">
1332      <!-- 側邊列表 start -->
1333      
1334        <div class="qk-hidden--mobile qk-w--20">
1335          <!-- cyb_snippet side_menu start -->
1336
1337
1338<ul id="collection_menu_shelf_top" class="sidebar qk-pd_b--1">
1339  
1340  
1341    
1342
1343    
1344      <!-- cyb_snippet components/side_menu/menu start -->
1345
1346
1347  
1348  
1349  
1350    <li class="qk-pos--rel qk-pd--0">
1351      <button class="linklist bt-toggle qk-fw--bold  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--heading qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_1" aria-expanded=" false ">
1352        
1353          <a class="qk-text--heading" href="/pages/about-us"> 關於菩提樹 </a>
1354        
1355      </button>
1356      <ul id="collection_menu_shelf_second_1" class="collapse_collection_menu_1 collapse shelf_second  qk-pd--0">
1357        
1358          
1359          
1360          
1361            <li class="qk-pos--rel qk-pd--0">
1362              
1363                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/媒體報導">
1364                  │深入了解 品牌理念 
1365                </a>
1366              
1367            </li>
1368          
1369        
1370          
1371          
1372          
1373            <li class="qk-pos--rel qk-pd--0">
1374              <button class="qk-fw--500 linklist bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-text--heading qk-fs--body qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_1_2" aria-expanded=" false ">
1375                
1376                  <span class="qk-cursor--pointer qk-text--heading"> │媒體報導 </span>
1377                
1378              </button>
1379              <ul class="collapse_collection_menu_1_2 collapse shelf_third qk-pd--0 qk-bd--nav_menu_text">
1380                
1381                  
1382                  <li class="qk-pos--rel qk-pd--0">
1383                    
1384                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--theme_bg qk-fs--body qk-text--heading" href="/pages/創新方程式-節目報導">
1385                        看見菩提樹的故事
1386                      </a>
1387                    
1388                  </li>
1389                
1390                  
1391                  <li class="qk-pos--rel qk-pd--0">
1392                    
1393                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--theme_bg qk-fs--body qk-text--heading" href="/pages/about-us">
1394                        里仁月刊-實作用心
1395                      </a>
1396                    
1397                  </li>
1398                
1399              </ul>
1400            </li>
1401          
1402        
1403          
1404          
1405          
1406            <li class="qk-pos--rel qk-pd--0">
1407              
1408                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/│更多菩提樹-門市資訊-企業大宗採購">
1409                  │企業大宗採購
1410                </a>
1411              
1412            </li>
1413          
1414        
1415          
1416          
1417          
1418            <li class="qk-pos--rel qk-pd--0">
1419              
1420                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/菩提樹酵素代工">
1421                  │代工一站式服務
1422                </a>
1423              
1424            </li>
1425          
1426        
1427          
1428          
1429          
1430            <li class="qk-pos--rel qk-pd--0">
1431              
1432                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/確食純粹-為你耕作了一片田">
1433                  │菩提樹源頭自有農場
1434                </a>
1435              
1436            </li>
1437          
1438        
1439      </ul>
1440    </li>
1441  
1442
1443  
1444  
1445  
1446    <li class="qk-pos--rel qk-pd--0">
1447      <button class="linklist bt-toggle qk-fw--bold  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-text--heading qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_2" aria-expanded=" false ">
1448        
1449          <a class="qk-text--heading" href="/collections/frontpage">
1449 全部商品 </a>
1450        
1451      </button>
1452      <ul id="collection_menu_shelf_second_2" class="collapse_collection_menu_2 collapse shelf_second  qk-pd--0">
1453        
1454          
1455          
1456          
1457            <li class="qk-pos--rel qk-pd--0">
1458              
1459                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/日常保健酵素">
1460                  ☀️活動優惠專區☀️
1461                </a>
1462              
1463            </li>
1464          
1465        
1466          
1467          
1468          
1469            <li class="qk-pos--rel qk-pd--0">
1470              
1471                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/日常保健型酵素飲">
1472                  🌟嚐鮮組🌟
1473                </a>
1474              
1475            </li>
1476          
1477        
1478          
1479          
1480          
1481            <li class="qk-pos--rel qk-pd--0">
1482              <button class="qk-fw--500 linklist bt-toggle  collapsed  qk-display--il_bk qk-w--100 qk-text--left qk-text--heading qk-fs--body qk-bg--theme_bg qk-pos--rel" data-toggle="collapse" data-target=".collapse_collection_menu_2_3" aria-expanded=" false ">
1483                
1484                  <a class="qk-text--heading" href="/collections/酵素益生菌"> 酵素益生菌系列 </a>
1485                
1486              </button>
1487              <ul class="collapse_collection_menu_2_3 collapse shelf_third qk-pd--0 qk-bd--nav_menu_text">
1488                
1489                  
1490                  <li class="qk-pos--rel qk-pd--0">
1491                    
1492                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--theme_bg qk-fs--body qk-text--heading" href="/products/shikuwasa-probiotics-15-items">
1493                        ●每日保養●香檬酵素益生菌
1494                      </a>
1495                    
1496                  </li>
1497                
1498                  
1499                  <li class="qk-pos--rel qk-pd--0">
1500                    
1501                      <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-bg--theme_bg qk-fs--body qk-text--heading" href="/collections/●加強代謝-幫助排便順暢●淨暢酵素益生菌">
1502                        ●加強代謝 幫助排便順暢●淨暢酵素益生菌
1503                      </a>
1504                    
1505                  </li>
1506                
1507              </ul>
1508            </li>
1509          
1510        
1511          
1512          
1513          
1514            <li class="qk-pos--rel qk-pd--0">
1515              
1516                <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/collections/左手香純露洗潔系列">
1517                  左手香純露|洗潔系列
1518                </a>
1519              
1520            </li>
1521          
1522        
1523      </ul>
1524    </li>
1525  
1526
1527  
1528  
1529  
1530    <li class="qk-pos--rel qk-pd--0">
1531      
1532        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/pages/好評見證">好評推薦</a>
1533      
1534    </li>
1535  
1536
1537  
1538  
1539  
1540    <li class="qk-pos--rel qk-pd--0">
1541      
1542        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/blogs/news">健康指南</a>
1543      
1544    </li>
1545  
1546
1547  
1548  
1549  
1550    <li class="qk-pos--rel qk-pd--0">
1551      
1552        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/blogs/最新消息">最新消息</a>
1553      
1554    </li>
1555  
1556
1557  
1558  
1559  
1560    <li class="qk-pos--rel qk-pd--0">
1561      
1562        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="/contact">連絡我們</a>
1563      
1564    </li>
1565  
1566
1567  
1568  
1569  
1570    <li class="qk-pos--rel qk-pd--0">
1571      
1572        <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--theme_bg qk-text--heading" href="https://lin.ee/Ye81jYd"><a href="https://lin.ee/GFTOszm">
1572<img src="https://scdn.line-apps.com/n/line_add_friends/btn/zh-Hant.png" alt="加入好友" height="36" border="0"></a></a>
1573      
1574    </li>
1575  
1576
1577
1578<script>
1579  $('button a').on('click', function(e) {e.stopPropagation()});
1580</script>
1580
1581
1582<!-- cyb_snippet components/side_menu/menu end -->
1583    
1584  
1585  
1586</ul>
1587
1588<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/sidebar-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
1589
1590<script>
1591  $(document).ready(function(){
1592    // 側邊選單
1593    if ($('.drawer').length){
1594      $('.drawer').drawer();
1595      $('.bt-toggle').click(function(){
1596        setTimeout(function(){
1597          $('.drawer')[0].iScroll.refresh()
1598        },500)
1599      })
1600    }
1601  });
1602</script>
1602
1603
1604
1605<!-- cyb_snippet side_menu end -->
1606
1607        </div>
1608      
1609      <!-- 側邊列表 end -->
1610      <div id="search-result" class="col-md-9 col-xs-12 qk-mg_b--5"></div>
1611    </div>
1612  </div>
1613</div>
1614
1615
1616  <!-- Scupio -->
1617  
1617<script type="text/javascript">
1618    if(document.querySelector("meta[name=\"scupio_mid\"]")){
1619    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
1620              }else{
1621                mid = "";
1622              }
1623              (window._bwtm = window._bwtm || []).push(
1624                {
1625                  "mid": mid,
1626                  "pid": "search",
1627                  "kw": null,
1628    "sitem": "",
1629    "uid": "",
1630    "pi": "0"
1631    });
1632  </script>
1632
1633  <!-- End of Scupio -->
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644<script>
1645  document.addEventListener('DOMContentLoaded', function() {
1646    renderSearchPage('#search-result', {
1647      cartEnabled: true,
1648      productScale: "default_scale",
1649      displayProductTotalSold: false,
1650      showPeriodicLabel: false,
1651      discountPriceSloganUrl: '',
1652      isUpcomingProductsEnabled: false,
1653      productSloganDisplay: true,
1654      productTextAlign: "start",
1655      hasIntegratedProductLabelsPlugin: false,
1656      isDisplayPriceRange: null,
1657      productCardHoverEffect: "button",
1658      productImageBorderRadius:0
1659    });
1660  })
1661</script>
1661
1662
1663<!-- cyb_snippet new_addcart_modal start -->
1664<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vue_product_modal-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
1665
1666<div id="new-addcart-modal" class="container">
1667  <transition name="modal">
1668    <product-modal
1669      v-if="showProductModal"
1670      :only-description="onlyDescription"
1671      :product-url="popProductUrl"
1672      :color="color"
1673      :is-collection="isCollection"
1674      :is-show-description="isShowDescription"
1675      :is-quick-buy="isQuickBuy"
1676      :selected-variant-id="selectedVariantId"
1677      :categories="categories"
1678      :call-back="checkoutAddToCartCallback"
1679      ref="productModal"
1680    >
1681    </product-modal>
1682  </transition>
1683</div>
1684
1685<!-- cyb_snippet components/product_modal/product_modal start -->
1686<script type="text/x-template" id="product-modal">
1687  <div class="modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed" @click="closeModal">
1688    <div class="modal-content qk-bd--none qk-center qk-bg--theme_bg" :class="{'only-description': onlyDescription}" @click.stop>
1689      <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>
1690      <div class="modal-body custom-scrollbar qk-w--100">
1691        <div v-if="!isLoading">
1692          <div id="checkout-product" class="row">
1693            <div class="col-sm-6 col-xs-4">
1694              <photo-swiper
1695                :mediaItems="swiperItems"
1696                :current-image-index="currentImageIndex"
1697                :current-variant="currentVariant"
1698                :video-after-image="videoAfterImage"
1699              ></photo-swiper>
1700            </div>
1701            <div class="col-sm-6 col-xs-8">
1702              <h4 class="qk-fs--hd2 qk-fw--bold qk-text--heading qk-mg--0" v-html="product.title"></h4>
1703              <p class="product_brief qk-text--text qk-fs--body" v-html="product.brief"></p>
1704              <p class="product_slogan qk-text--heading qk-fs--body" v-html="product.slogan"></p>
1705              <div class="swiper_thumbnails" style="margin-bottom: 10px;">
1706                <swiper-thumbnails
1707                  :mediaItems="swiperItems"
1708                  :current-image-index="currentImageIndex"
1709                  :title="product.title"
1710                  @update-current-image-index="(thumbnailIndex) => { currentImageIndex = thumbnailIndex }"
1711                ></swiper-thumbnails>
1712              </div>
1713              
1714              <div v-if="!hidePrice" style="margin-bottom: 10px;">
1715                
1716                <span class="price-title qk-fs--body qk-fw--500 qk-text--heading">${ priceTitleTag }</span>
1717                
1718                <div>
1719                  <span v-html="variantPrice" class="variant-price qk-fs--hd1 qk-fw--bold" :class="[isDiscountPrice ? 'qk-text--discount_price' : 'qk-text--price']"></span>
1720                  <del v-html="marketPrice" class="variant-del-price qk-fs--body qk-fw--500 qk-text--text"></del>
1721                </div>
1722              </div>
1723              <div v-if="!onlyDescription" class="controls">
1724                <div class="variant-quantity qk-display--flex qk-flex--column">
1725                  <div v-if="hasVariant" class="product-variant-options">
1726                    <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}">
1727                      <div class="advance variant-select-option" v-if="styledShopMenu==='dropDownType'">
1728                      
1729                        <label>${option.name}</label>
1730                        <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>
1731                        <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}`)">
1732                          <option value="null" class="select_option-hidden">請選擇${option.name}</option>
1733                          <option :style="{ visibility : isMobileSize ? 'hidden' : 'visible' }" v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option>
1734                        </select>
1735                        <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">請選擇${option.name}</span>
1736                        <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span>
1737                      </div>
1738                      <advance-option v-else :option-key="'option' + (index + 1)" :option="option" :current-option="currentOption" :toggle-current-option="toggleCurrentOption"/>
1739                    </div>
1740                  </div>
1741                  <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)">
1742                    <div class="list_block custom-scrollbar qk-of_x--hidden">
1743                      <h4 class="qk-text--heading qk-fs--body">此商品參與的優惠活動
1744                      </h4>
1745                      <template v-if="displayPeriodicSalesPages">
1746                        <div v-for="salesPage in product.showableSalesPages" class="discount-list">
1747                          <span class="discount-label qk-fs--breadcrumb qk-bd--default qk-bd--accent qk-bg--white qk-display--il_bk qk-text--accent">定期定額
1748                          </span>
1749                          <a class="discount-title qk-text--accent qk-fs--body" :href="salesPage.path">${ salesPage.title }</a>
1750                        </div>
1751                      </template>
1752                      <template v-for="discounts in discountsList">
1753                        <div v-for="discount in discounts" class="discount-list">
1754                          <a v-if="discount.url" :href="discount.url" class="discount-title qk-text--accent qk-fs--body">
1755                            ${ discount.title }
1756                          </a>
1757                          <span v-else class="discount-title qk-text--accent qk-fs--body">${ discount.title }</span>
1758                        </div>
1759                      </template>
1760                    </div>
1761                  </div>
1762                  <div v-if="showPurchaseControls" class="product-quantity qk-bd--product_border" v-show="!isMobileSize">
1763                    <div class="btn-group qk-w--100" role="group" aria-label="First group">
1764                      <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
1765                      <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">
1766                      <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
1767                    </div>
1768                  </div>
1769                </div>
1770                <div v-if="showPurchaseControls" class="add-button-wrapper">
1771                  <!-- cyb_snippet _product_modal_button start -->
1772<button
1773  class="btn btn-default add-button qk-cursor--pointer qk-w--100 qk-btn--primary"
1774  :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
1775  type="button"
1776  :disabled="isHideAddCartBtn"
1777  @click="addProduct"
1778>
1779  ${ addCartText }
1780</button>
1781
1782<!-- cyb_snippet _product_modal_button end -->
1783                </div>
1784                <div class="product-others qk-fs--body">
1785                  <span class="product-love">
1786                    <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">
1787                      <svg
1788                        width="15"
1789                        height="15"
1790                        viewBox="0 0 24 24"
1791                        fill="none"
1792                        xmlns="http://www.w3.org/2000/svg">
1793                        <path
1794                          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"
1795                          stroke="currentColor"
1796                          stroke-width="2"
1797                          stroke-linecap="round"
1798                          stroke-linejoin="round" />
1799                      </svg>
1800                      加入最愛
1801                    </a>
1802                  </span>
1803                  <span class="product_sold qk-text--text" v-if="false">
1804                    <span>已銷售:
1805                      ${ product.totalSold }
1806                      ä»¶
1807                    </span>
1808                  </span>
1809                  <span class="product_bonus qk-text--text" v-if="true">
1810                    此商品 「 最高 」可以折抵紅利
1811                    <span class="val qk-fw--600 qk-fs--hd2" v-if="currentVariant">${currentVariant.maxUsableBonus}</span>
1812                    <span class="val qk-fw--600 qk-fs--hd2" v-else>${maxUsableBonus}</span>
1813                    點
1814                    <span v-html="bonusToPrice"/>
1815                  </span>
1816                </div>
1817                <div class='product_limit_buy qk-fs--body' v-show="product.minBuy > 0 || product.limitBuy > 0">
1818                  ${limitBuyText}
1819                </div>
1820              </div>
1821            </div>
1822          </div>
1823          <div v-if="isShowDescription" class="row">
1824            <div class="col-sm-12">
1825              
1826                <div v-if="product.bodyHtml">
1827                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1828                    商品介紹
1829                  </h5>
1830                  <div class="ckeditor">
1831                    <div v-html="product.bodyHtml"></div>
1832                  </div>
1833                </div>
1834              
1835              
1836                <div v-if="otherDescriptions['product_description_section_spec']">
1837                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1838                    規格說明
1839                  </h5>
1840                  <div class="ckeditor">
1841                    <div v-html="otherDescriptions['product_description_section_spec']"></div>
1842                  </div>
1843                </div>
1844              
1845              
1846                <div v-if="otherDescriptions['product_description_section_shipping']">
1847                  <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading">
1848                    運送方式
1849                  </h5>
1850                  <div class="ckeditor">
1851                    <div v-html="otherDescriptions['product_description_section_shipping']"></div>
1852                  </div>
1853                </div>
1854              
1855            </div>
1856          </div>
1857        </div>
1858        <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;">
1859          <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i>
1860        </div>
1861      </div>
1862        <!-- cyb_snippet _product_modal_button_mobile start -->
1863 <div
1864  v-if="showPurchaseControls"
1865  v-show="isMobileSize"
1866  class="mobile_footer"
1867  :class="{'mobile_footer-z': variantSize > 1 }">
1868        <div class="product-quantity">
1869          <div class="btn-group qk-w--100" role="group" aria-label="First group">
1870            <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">-</button>
1871            <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">
1872            <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">+</button>
1873          </div>
1874        </div>
1875        <button
1876          v-if="!isLoading && !onlyDescription"
1877          class="btn btn-mobile add-button qk-btn qk-btn--primary qk-btn--lg"
1878          :class="{selected: isChoose, adding: adding || isHideAddCartBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}"
1879          type="button"
1880          :disabled="isHideAddCartBtn"
1881          @click="addProduct">
1882            ${ addCartText }
1883        </button>
1884</div>
1885<div
1886  class="mobile-modal"
1887  :class="{ 'modal-open': isModalSelectShow && isMobileSize }">
1888        <div class="mobile_modal-content">
1889          <div class="modal_close-button">
1890            <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>
1891          </div>
1892          
1893          <p>請選擇${modalOption.name}</p>
1894          <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100">
1895            <div class="options-container">
1896              <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>
1897            </div>
1898          </div>
1899          <div v-if="variantSize > 1" class="modal_select_footer qk-display--flex">
1900            <button type="button" class="modal_cancel qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">取消</button>
1901            <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>
1902          </div>
1903        </div>
1904</div>
1905
1906<!-- cyb_snippet _product_modal_button_mobile end -->
1907    </div>
1908  </div>
1909</script>
1909
1910
1911<!-- cyb_snippet components/product_modal/color_image_option start -->
1912<script id="color-image-option" type="text/x-template">
1913  <div class="color-image qk-display--flex qk-flex--wrap qk-align--center">
1914    <div class="title">顏色</div>
1915    <div
1916      v-for="(imageColor, index) in imageColors"
1917      :class="{
1918        'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index,
1919        'selected': currentOption[optionKey] === option.types[index].name,
1920        'disabled': !option.types[index].isValid
1921      }"
1922      class="image-option img-flex qk-bd--default qk-bd--transparent qk-display--block qk-pos--rel"
1923      @mouseleave="setCurrentImageIndex(index)"
1924      @mouseover="getOptionImageIndex(index)"
1925      @click="setOption(optionKey, index)"
1926    >
1927      <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image">
1928      <img v-else src="/assets/no-image-large.png" alt="image">
1929    </div>
1930  </div>
1931</script>
1931
1932
1933<script type="text/javascript">
1934  $(document).ready(function() {
1935    window.themeHelper.productModalComponents['color-image-option'] = {
1936      template: '#color-image-option',
1937      delimiters: ['${', '}'],
1938      props: {
1939        optionKey: String,
1940        option: Object,
1941        product: Object,
1942        imageColors: Array,
1943        isChoose: Boolean,
1944        currentImageIndex: Number,
1945        setCurrentImageIndex: Function,
1946        getOptionImageIndex: Function,
1947        currentOption: Object,
1948        toggleCurrentOption: Function,
1949      },
1950      methods: {
1951        setOption: function(optionKey, index) {
1952          const type = this.option.types[index];
1953          if(type.isValid){
1954            this.toggleCurrentOption(optionKey, type.name);
1955          }
1956        }
1957      }
1958    };
1959  });
1960</script>
1960
1961
1962<!-- cyb_snippet components/product_modal/color_image_option end -->
1963<!-- cyb_snippet components/product_modal/advance_option start -->
1964<script id="advance-option" type="text/x-template">
1965  <div class="advance">
1966    <div class="title qk-text--heading qk-fs--body">${option.name}</div>
1967    <div
1968      v-for="type in option.types"
1969      :class="{
1970        'selected': currentOption[optionKey] === type.name,
1971        'disabled': !type.isValid
1972      }"
1973      @click="setOption(optionKey, type)"
1974      class="option qk-btn  qk-bd--button qk-text--button qk-pd_x--1"
1975    >
1976      ${type.name}
1977    </div>
1978  </div>
1979</script>
1979
1980
1981<script type="text/javascript">
1982  $(document).ready(function() {
1983    window.themeHelper.productModalComponents['advance-option'] = {
1984      template: '#advance-option',
1985      delimiters: ['${', '}'],
1986      props: {
1987        optionKey: String,
1988        option: Object,
1989        product: Object,
1990        currentOption: Object,
1991        toggleCurrentOption: Function,
1992      },
1993      methods: {
1994        setOption: function(optionKey, type) {
1995          if(type.isValid){
1996            this.toggleCurrentOption(optionKey, type.name);
1997          }
1998        }
1999      }
2000    };
2001  });
2002</script>
2002
2003
2004<!-- cyb_snippet components/product_modal/advance_option end -->
2005
2006<!-- cyb_snippet components/product_modal/photo_swiper start -->
2007
2008
2009<script id="photo-swiper" type="text/x-template">
2010  <div ref="photoSwiper" id="photo_swiper" class="photos swiper swiper-container">
2011    <div class="swiper-wrapper">
2012      <template v-if="hasImage">
2013        <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">
2014          <video-player v-if="item.url" :video="item"
2015            :video-poster=" !!mediaItems[firstImageIndex] ? mediaItems[firstImageIndex].large : '//cdn1-next.cybassets.com/img_loading.svg' "
2016          >
2017          </video-player>
2018          <img v-else class="qk-center" :src="item.large" alt="image"/>
2019        </div>
2020      </template>
2021      <div v-else class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale">
2022        <img src="//cdn1-next.cybassets.com/assets/no-image-large-2b95ea56c455be9ce081d81c14eded925df68bf8fa38809e46f6af8fcdd5f9bc.png" alt="image" />
2023      </div>
2024    </div>
2025    <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>
2026    <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>
2027
2028    <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm">
2029        <span class="current-index qk-text--default_dark">${currentImageIndex +1 }</span><span class="pagination-slash">/</span>
2030        <span>${mediaItems.length}</span>
2031      </div>
2032  </div>
2033</script>
2033
2034
2035<script>
2036  $(document).ready(function () {
2037    window.themeHelper.productModalComponents['photo-swiper'] = {
2038      template: '#photo-swiper',
2039      delimiters: ['${', '}'],
2040      props: {
2041        mediaItems: Array,
2042        currentImageIndex: Number,
2043        currentVariant: Object,
2044        videoAfterImage: Boolean,
2045      },
2046      data: function () {
2047        return {
2048          swiper: {},
2049          swiperOption: {
2050            preventInteractionOnTransition: true,
2051            rewind: true,
2052            spaceBetween: 5,
2053            slidesPerView: 1,
2054            navigation: {
2055              nextEl: '.photo-next',
2056              prevEl: '.photo-prev'
2057            }
2058          },
2059          showBtn: true,
2060          isVariantReposition: false,
2061        }
2062      },
2063      mounted: function() {
2064        this.swiper = new Swiper('#photo_swiper', this.swiperOption);
2065        this.swiper.on('slideChange', this.slideOnChange);
2066      },
2067      watch: {
2068        currentImageIndex: function() {
2069          this.slideToIndex();
2070        },
2071        currentVariant: {
2072          immediate: true,
2073          handler: function() {
2074            this.showBtn = this.mediaItems.length > 1;
2075            this.isVariantReposition = true;
2076            this.$nextTick(() => {
2077              if (this.swiper) {
2078                this.swiper.update();
2079                this.swiper.slideToLoop(this.initialItemIndex)
2080                this.slideOnChange();
2081                this.isVariantReposition = false;
2082              }
2083            });
2084          },
2085        },
2086      },
2087      computed: {
2088        hasImage: function() {
2089          return this.mediaItems.length > 0;
2090        },
2091        hasVideo: function() {
2092          return this.mediaItems.findIndex(item => !!item.url) !== -1;
2093        },
2094        variantPhotos: function() {
2095          if (this.currentVariant?.photos?.length) {
2096            return this.currentVariant.photos;
2097          } else  {
2098            return null;
2099          }
2100        },
2101        initialItemIndex: function() {
2102          if (this.hasVideo && !this.videoAfterImage) {
2103            // Focus on photo if "variant with photos" selected, video otherwise
2104            return this.variantPhotos?.length ? 1 : 0;
2105          } else {
2106            // Focus on first photo
2107            return 0;
2108          }
2109        },
2110      },
2111      methods: {
2112        slideOnChange: function() {
2113          themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex, this.isVariantReposition);
2114        },
2115        slideToIndex: function() {
2116          if(this.swiper.realIndex != this.currentImageIndex) {
2117            this.swiper.slideToLoop(this.currentImageIndex);
2118            this.swiper.update();
2119          }
2120        },
2121      }
2122    };
2123  });
2124</script>
2124
2125
2126
2127<!-- cyb_snippet components/product_modal/video_player start -->
2128<script id="video-player" type="text/x-template">
2129  <div class="videoPlayer__wrapper" @click="handleVideoClick">
2130    <video 
2131      id='modal-video'
2132      class="videoPlayer__video qk-cursor--pointer qk-center" 
2133      :poster="videoPoster"
2134      loop defaultMuted muted playsinline webkit-playsinline autoplay
2135    >
2136      <source :src="videoUrl" type="video/mp4">
2137      <p>你的瀏覽器不支援 HTML 5 video</p>
2138    </video>
2139    <button id="modal-video-button" class="videoPlayer__pauseButton"></button>
2140  </div>
2141</script>
2141
2142
2143<script>
2144  $(document).ready(function () {
2145    window.themeHelper.productModalComponents['video-player'] = {
2146      template: '#video-player',
2147      delimiters: ['${', '}'],
2148      props: {
2149        video: Object,
2150        videoPoster: String,
2151      },
2152      data: function() {
2153        return {
2154          videoElement: null,
2155          buttonElement: null,
2156        };
2157      },
2158      mounted: function() {
2159        this.videoElement = $('#modal-video')[0];
2160        this.buttonElement = $('#modal-video-button');
2161        this.setVideoVolumeZero();
2162        this.videoElement.addEventListener('canplay', (event) => {
2163          this.sendGtag('play');
2164        }, { once: true });
2165      },
2166      computed: {
2167        videoUrl: function() {
2168          return this.video.url;
2169        }
2170      },
2171      methods: {
2172        sendGtag: function(action) {
2173          window.productVideoView && productVideoView(action);
2174        },
2175        setVideoVolumeZero: function() {
2176          this.videoElement.volume = 0;
2177        },
2178        handleVideoClick: function() {
2179          if (this.videoElement.paused){
2180            this.videoElement.play();
2181            this.sendGtag('play');
2182          } else {
2183            this.videoElement.pause();
2184            this.sendGtag('paused');
2185          }
2186          this.handleVideoButtonDisplay(this.buttonElement, this.videoElement);
2187        },
2188        handleVideoButtonDisplay: function(button, video) {
2189          button.toggleClass('videoPlayer__playButton', video.paused);
2190          button.toggleClass('videoPlayer__pauseButton', !video.paused);
2191        },
2192      }
2193    };
2194  });
2195</script>
2195
2196
2197<!-- cyb_snippet components/product_modal/video_player end -->
2198
2199<!-- cyb_snippet components/product_modal/photo_swiper end -->
2200<!-- cyb_snippet components/product_modal/swiper_thumbnails start -->
2201<script id="swiper-thumbnails" type="text/x-template">
2202  <div
2203    v-for="(thumbnail, index) in allThumbnails"
2204    :key="index"
2205    class="product-thumbnail img-flex qk-of--hidden qk-display--il_bk qk-cursor--pointer qk-bd--default qk-bd--transparent default_scale"
2206    :class="{ focus: index === currentImageIndex }"
2207    @mouseover="updateCurrentImageIndex(index)"
2208  >
2209    <template v-if="thumbnail.isVideo">
2210      <video class="qk-w--100 qk-h--100" :src="thumbnail.url" defaultMuted playsinline></video>
2211      <button class="videoPlayer__playButton"></button>
2212    </template>
2213    <img v-else :src="thumbnail.url" :alt="title" class="qk-w--100 qk-h--100">
2214  </div>
2215</script>
2215
2216
2217<script type="text/javascript">
2218  $(document).ready(function () {
2219    window.themeHelper.productModalComponents['swiper-thumbnails'] = {
2220      template: '#swiper-thumbnails',
2221      delimiters: ['${', '}'],
2222      props: {
2223        title: String,
2224        mediaItems: Array,
2225        currentImageIndex: Number,
2226      },
2227      emits: ['updateCurrentImageIndex'],
2228      methods: {
2229        updateCurrentImageIndex: function(thumbnailIndex) {
2230          if (thumbnailIndex !== this.currentImageIndex ) {
2231            this.$emit('updateCurrentImageIndex', thumbnailIndex);
2232          }
2233        },
2234      },
2235      mounted() {
2236        // can be removed after replacing video thumbnail with img
2237        const thumbnailVideo = $('.product-thumbnail video')[0];
2238        if (!!thumbnailVideo) {
2239          thumbnailVideo.volume = 0;
2240          const promise = thumbnailVideo.play();
2241          promise.then(() => {
2242            thumbnailVideo.pause();
2243          })
2244        }
2245      },
2246      computed: {
2247        allThumbnails: function() {
2248          return this.mediaItems.map(item => ({
2249            isVideo: !!item.url,
2250            url: item.url || item.medium
2251          }));
2252        },
2253      },
2254      watch: {
2255        allThumbnails: {
2256          handler(){
2257            this.updateCurrentImageIndex(this.currentImageIndex);
2258          }
2259        }
2260      }
2261    };
2262  });
2263</script>
2263
2264
2265<!-- cyb_snippet components/product_modal/swiper_thumbnails end -->
2266
2267
2268<!-- cyb_snippet _product_modal_js start -->
2269<script type="text/javascript">
2270  $(document).ready(function() {
2271    var categoryLevels = [];
2272    var productCategoryLevels = null;
2273    var pageMainProductId = null;
2274    window.themeHelper.productModalComponents['product-modal'] = {
2275      template: '#product-modal',
2276      delimiters: [
2277        '${', '}'
2278      ],
2279      props: {
2280        onlyDescription: Boolean,
2281        cartItems: Array,
2282        groupId: Number,
2283        productUrl: String,
2284        color: String, // unused
2285        collectionId: Number,
2286        categories: Array,
2287        // 判斷是否有色票展開
2288        isCollection: {
2289          type: Boolean,
2290          required: false,
2291          default: false,
2292        },
2293        // 判斷加入購物車的方法
2294        isNnCollection: Boolean,
2295        isNewNnCollection: Boolean,
2296        isBundleDiscount: Boolean,
2297
2298        // 判斷是否顯示商品描述
2299        isShowDescription: {
2300          type: Boolean,
2301          default: true
2302        },
2303
2304        // 判斷是否為立即購買
2305        isQuickBuy: {
2306          type: Boolean,
2307          default: false
2308        },
2309        selectedVariantId: Number,
2310        callBack: Function
2311      },
2312      data: function() {
2313        return {
2314          styledShopMenu: "buttonType",
2315          selectOption: '',
2316          selectCurrentStr:'',
2317          isModalSelectShow: false,
2318          modalOption: {},
2319          adding: false,
2320          currentImageIndex: 0,
2321          _navState: { variantId: null, photoIndex: 0 },
2322          currentOption: {
2323            option1: null,
2324            option2: null,
2325            option3: null
2326          },
2327          currentVariant: null,
2328          variantNotifications: null,
2329          currentVariantIndex: null,
2330          product: {},
2331          isChoose: false,
2332          isLoading: true,
2333          isEmptyClickable: liquidHelper.isEmptyClickable,
2334          quantity: 1,
2335          maxUsableBonus: 0,
2336          isDiscountPrice: false,
2337          displayProductDiscountsList: true,
2338          displayPeriodicSalesPages:false,
2339          discountsList: null,
2340          hasVideoPlugin: false,
2341          videoDisplayLocation: "before",
2342          hasStockNotificationPlugin: true,
2343          isDisplayPriceRange: null,
2344          hasVariantPriceRangePlugin: true,
2345          hasHideSingleVariantOptionsPlugin: false,
2346        }
2347      },
2348      mounted: function() {
2349        this.getProductDetail();
2350        $('.custom-scrollbar').addCustomScrollbar();
2351        themeHelper.EventBus.$on('photoOnChange', this.photoOnChange);
2352      },
2353      beforeUnmount: function() {
2354        themeHelper.EventBus.$off('photoOnChange', this.photoOnChange);
2355      },
2356      computed: {
2357        photoUrls: function() {
2358          return this.product.photoUrls.length > 0
2359            ? this.product.photoUrls
2360            : [this.featuredImage];
2361        },
2362        photoUrlsMap: function() {
2363          var map = {};
2364          var urls = this.product.photoUrls;
2365          this.product.photos.forEach(function(photo, index) {
2366            map[photo.photo.id] = urls[index];
2367          });
2368
2369          return map;
2370        },
2371        featuredImage: function() {
2372          return this.product.featuredImage;
2373        },
2374        swiperPhotos: function() {
2375          if (!this.photoUrls.length) {
2376            return [this.featuredImage];
2377          }
2378
2379          if (this.currentVariant && this.currentVariant.photos.length) {
2380            var map = this.photoUrlsMap;
2381            return this.currentVariant.photos.map(function(p) {
2382              return map[p.id];
2383            });
2384          }
2385
2386          return this.photoUrls;
2387        },
2388        productVideo: function() {
2389          return this.product.video;
2390        },
2391        videoAfterImage: function() {
2392          return this.videoDisplayLocation === 'after';
2393        },
2394        swiperItems: function() {
2395          const media = [...this.swiperPhotos];
2396          if (
2397            this.hasVideoPlugin && this.productVideo.url
2398          ) {
2399            this.videoAfterImage
2400              ? media.push(this.productVideo)
2401              : media.unshift(this.productVideo);
2402          }
2403          return media;
2404        },
2405        firstImageIndex: function() {
2406          return this.hasVideoPlugin && this.productVideo.url && !this.videoAfterImage
2407            ? 1
2408            : 0
2409        },
2410        otherDescriptions: function() {
2411          var descriptions = {};
2412          this.product.otherDescriptions.forEach(function(od) {
2413            descriptions[od.settingName] = od.bodyHtml;
2414          })
2415          return descriptions
2416        },
2417        variantOptions: function() {
2418          return themeHelper.variantOptions(this.product);
2419        },
2420        firstValidVariant: function() {
2421          var self = this;
2422          var result = this.product.variants.find(function(variant) {
2423            // 增加 product modal 聯絡店家 property
2424            variant.imgUrl = "";
2425            variant.productTitle = "";
2426
2427            return variant.available;
2428          });
2429
2430          return result
2431            ? result
2432            : null;
2433        },
2434        selectedValidVariant: function() {
2435          var self = this;
2436          var result = this.variantOptions.find(function(variant) {
2437            return variant.id === self.selectedVariantId;
2438          });
2439
2440          return result
2441            ? result
2442            : null;
2443        },
2444        totalInventoryQuantity: function(product) {
2445          return themeHelper.totalInventoryQuantity(this.product)
2446        },
2447        addCartText: function() {
2448          var variants = parseInt("");
2449          let isRegisteredNotification = this.currentVariant && this.variantNotifications && this.variantNotifications[this.currentVariant.id]
2450          if (this.isNnCollection || this.isBundleDiscount) {
2451            if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
2452              if (this.currentVariant.inventoryPolicy === 'continue') {
2453                if (this.isNnCollection) {
2454                  return this.isChoose && !this.isNewNnCollection
2455                    ? '已預購'
2456                    : '預購商品';
2457                }
2458              } else {
2459                return '已售完';
2460              }
2461            }
2462            if (this.totalInventoryQuantity === 0) {
2463              return '已售完';
2464            }
2465            return this.isChoose && !this.isNewNnCollection
2466              ? '已選購'
2467              : '選購';
2468          } else {
2469            if (this.isQuickBuy) {
2470              if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) {
2471                if (this.currentVariant.inventoryPolicy === 'continue'){
2472                  return '立即預購'
2473                }
2474                return this.hasStockNotificationPlugin
2475                  ? (isRegisteredNotification
2476                    ? '已登記補貨通知'
2477                    : '已售完,貨到通知我')
2478                  : '聯絡店家'
2479              }
2480              return '立即購買';
2481            } else {
2482              if (this.currentVariant) {
2483                if (!themeHelper.variantIsAvailable(this.currentVariant)) {
2484                  if (this.currentVariant.inventoryPolicy === 'continue'){
2485                    return '預購商品'
2486                  }
2487                  return this.hasStockNotificationPlugin
2488                    ? (isRegisteredNotification
2489                      ? '已登記補貨通知'
2490                      : '已售完,貨到通知我')
2491                    : '聯絡店家'
2492                }
2493              } else {
2494                if (this.totalInventoryQuantity === 0) {
2495                  return '已售完';
2496                }
2497              }
2498              return '加入購物車';
2499            }
2500          }
2501        },
2502        cartItem: function() {
2503          if (!this.currentVariant) {
2504            return null
2505          }
2506          return {
2507            id: this.currentVariant.id,
2508            groupId: this.groupId,
2509            productId: this.product.id,
2510            title: this.product.title,
2511            photo: this.currentVariant.imgUrl || this.featuredImage.large,
2512            quantity: this.quantity,
2513            price: this.currentVariant.price,
2514            variant: this.currentVariant,
2515            product: this.product
2516          }
2517        },
2518        options: function() {
2519          return this.product.options;
2520        },
2521        optionTypes: function() {
2522
2523          // 先根據設定的variants來排序
2524          var self = this;
2525
2526          var option1 = [];
2527          var option2 = [];
2528          var option3 = [];
2529          this.product.variants.forEach(function(item) {
2530            if (item.option1 !== null) {
2531              option1.push(item.option1);
2532            }
2533            if (item.option2 !== null) {
2534              option2.push(item.option2);
2535            }
2536            if (item.option3 !== null) {
2537              option3.push(item.option3);
2538            }
2539          })
2540          var filteredOptionTypes = [];
2541          this.product.optionTypes.forEach(function(item, index) {
2542            filteredOptionTypes.push(self.getUniqueVariant(eval('option' + (
2543              index + 1
2544            ))).join(','));
2545          });
2546          return filteredOptionTypes;
2547        },
2548        optionInfo: function() {
2549          var self = this;
2550
2551          return self.options.map(function(option, index) {
2552            return {
2553              name: option,
2554              types: self.getOptions('option' + (
2555                index + 1
2556              ), self.optionTypes[index].split(','))
2557            }
2558          });
2559        },
2560        hasVariant: function() {
2561          return this.product.options.length > 0;
2562        },
2563        shouldHideSingleVariantOptions: function() {
2564          return this.hasHideSingleVariantOptionsPlugin &&
2565                 this.product.variants &&
2566                 this.product.variants.length <= 1;
2567        },
2568        variantSize: function() {
2569          if(this.product.options){
2570          return this.product.options.length;
2571          }
2572        },
2573        firstVariant: function() {
2574          return this.product.variants[0];
2575        },
2576        firstCheapestVariant: function() {
2577          return this.product.variants.find((v)=> (v.price === this.priceStats.minPrice));
2578        },
2579        priceStats: function() {
2580          return this.product.variants.reduce(function(acc, variant) {
2581            return {
2582              minPrice: variant.price < acc.minPrice ? variant.price : acc.minPrice,
2583              maxPrice: variant.price > acc.maxPrice ? variant.price : acc.maxPrice,
2584            };
2585          }, {
2586            minPrice: this.firstVariant.price,
2587            maxPrice: this.firstVariant.price,
2588          });
2589        },
2590        hidePrice: function() {
2591          return this.product && this.product.hidePrice === true;
2592        },
2593        salesModePurchasable: function() {
2594          return !(this.product && this.product.salesModePurchasable === false);
2595        },
2596         // - 任選折扣/紅配綠:「選擇」只是加進試算清單,不會直接下單,故只擋藏價商品
2597        // - 其他情境(商品頁、群組頁、多層級分類、搜尋、首頁商品區塊):不可購買(含藏價)就整組收掉
2598        showPurchaseControls: function() {
2599          if (this.isNnCollection || this.isBundleDiscount) {
2600            return !this.hidePrice;
2601          }
2602          return this.salesModePurchasable;
2603        },
2604        variantPrice: function() {
2605          if (this.hidePrice) {
2606            return '';
2607          }
2608          var from = liquidHelper.defaultCurrency;
2609          if (this.currentVariant) {
2610            return moneySymbol(this.currentVariant.price, from);
2611          }
2612          if (this.product.variants.length === 1) {
2613            return moneySymbol(this.firstVariant.price, from);
2614          }
2615
2616          var minPrice = this.priceStats.minPrice;
2617          var maxPrice = this.priceStats.maxPrice;
2618
2619          if (minPrice !== maxPrice && (!this.hasVariantPriceRangePlugin || this.isDisplayPriceRange)) {
2620            this.isDiscountPrice = false;
2621            return moneySymbol(minPrice, from) + '~' + moneySymbol(maxPrice, from);
2622          } else {
2623            return moneySymbol(minPrice, from);
2624          }
2625        },
2626        marketPrice: function() {
2627          if (this.hidePrice) {
2628            this.isDiscountPrice = false;
2629            return;
2630          }
2631          var from = liquidHelper.defaultCurrency;
2632          if (this.currentVariant) {
2633            this.isDiscountPrice = false;
2634            if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) {
2635              this.isDiscountPrice = true;
2636              return moneySymbol(this.currentVariant.compareAtPrice, from);
2637            }
2638          } else {
2639            if (!_.includes(this.variantPrice, '~')) {
2640              const price =  Number(this.variantPrice.replace(/[^0-9.
2640-]/g, ""))
2641              // 未選擇款式也不顯示區間時,顯示第一個最便宜的款式的定價
2642              if (this.firstCheapestVariant.compareAtPrice && this.firstCheapestVariant.compareAtPrice > price){
2643                this.isDiscountPrice = true;
2644                return moneySymbol(this.firstCheapestVariant.compareAtPrice, from);
2645              }
2646              // 未選擇款式時要改回一般價格顏色
2647              this.isDiscountPrice = false;
2648            }
2649          }
2650        },
2651        isShowDropdownList: function() {
2652          if (this.product.options.length > 0) {
2653            return true;
2654          }
2655          return this.product.variants.length > 1
2656        },
2657        priceTitleTag: function() {
2658          return this.marketPrice
2659            ? getDiscountPriceName()
2660            : getDiscountPriceSuggestionName();
2661        },
2662        isHideAddCartBtn: function() {
2663          if (this.addCartText === '已售完') {
2664            return true;
2665          }
2666          return false;
2667        },
2668        isSecondaryBtn: function() {
2669          if (this.addCartText === '聯絡店家') {
2670            return true;
2671          }
2672          return false;
2673        },
2674        variantsMaxUsableBonus: function() {
2675          var variants = this.product.variants;
2676          var maxUsableBonusArray = variants.map(function(item) {
2677            return item.maxUsableBonus
2678          });
2679          return Math.max.apply(null, maxUsableBonusArray);
2680        },
2681        bonusToPrice: function() {
2682          const bonus = this.currentVariant
2683            ? this.currentVariant.maxUsableBonus
2684            : this.maxUsableBonus;
2685          const price = Math.floor(bonus / window.liquidHelper.conversionBonus);
2686          const priceWithMoney = window.themeHelper.productDisplayCurrencyBlock(price);
2687          return "(約等於 value )".replace('value', priceWithMoney);
2688        },
2689        isMobileSize: function() {
2690          return window.innerWidth <= 580
2691        },
2692        limitBuyText: function () {
2693          const minCount = this.product.minBuy;
2694          const maxCount = this.product.limitBuy;
2695          if (minCount > 0 && maxCount > 0) {
2696            return '此商品每筆訂單最少需購買 minCount 件,最多可購買 maxCount 件'.replace('minCount', minCount).replace('maxCount', maxCount);
2697          }
2698          if (minCount > 0) {
2699            return '此商品每筆訂單最少需購買 minCount 件'.replace('minCount', minCount);
2700          }
2701          if (maxCount > 0) {
2702            return '此商品每筆訂單最多可購買 maxCount 件'.replace('maxCount', maxCount);
2703          }
2704          return '';
2705        }
2706      },
2707      methods: {
2708        onClickSelectModal: function(objData, selectOptionStr) {
2709          this.isModalSelectShow = true;
2710          this.modalOption = objData;
2711          this.selectOption = selectOptionStr
2712          this.selectCurrentStr = this.currentOption && (String(this.currentOption[selectOptionStr]) || null)
2713        },
2714        onChangeModalSelect: function(flag, isSelect) {
2715          if(!isSelect){
2716            this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types)
2717          }
2718          this.isModalSelectShow = flag;
2719        },
2720        setOption: function(optionKey, type, dataArr) {
2721          let flag = true
2722          dataArr.forEach(item => {
2723            if (item.name === type) {
2724              flag = item.isValid
2725            }
2726          })
2727          if (flag) {
2728            this.toggleCurrentOption(optionKey, type)
2729          }
2730        },
2731        addToWishListEvent: function() {
2732          try {
2733            if (appMarketAddToWishListEvent) {
2734              var product = this.product;
2735              var currentVariant = this.currentVariant
2736              var element = $(`.btn[data-id=${product.id}]`);
2737              var index;
2738              var listName;
2739              if (element) {
2740                index = element.data('position')
2741                listName = element.data('list')
2742              }
2743              // sku_properties:選中款式的 option pairs(當前語系),類型名 zip 值
2744              var optionValues = [currentVariant.option1, currentVariant.option2, currentVariant.option3];
2745              var properties = [];
2746              (product.options || []).forEach(function(optionName, i) {
2747                if (optionName && optionValues[i]) {
2748                  properties.push({ name: optionName, value: optionValues[i] });
2749                }
2750              });
2751              var dataSet = {
2752                name: product.title,
2753                category: product.productType,
2754                categories: (this.categories && this.categories.length) ? this.categories : (categoryLevels.length ? categoryLevels : (product.id === pageMainProductId ? productCategoryLevels : undefined)),
2755                sku: currentVariant.sku,
2756                price: currentVariant.price,
2757                compare_at_price: currentVariant.compareAtPrice,
2758                properties: properties,
2759                quantity: currentVariant.inventoryQuantity,
2760                variant: currentVariant.title,
2761                listName: listName || null,
2762                productId: product.id,
2763                variantId: currentVariant.id,
2764                index: Number(index) || 0,
2765              }
2766              appMarketAddToWishListEvent(dataSet)
2767            }
2768          } catch (e) {
2769            console.error(e)
2770          }
2771        },
2772        addWishList: function() {
2773          if (this.currentVariant === null) {
2774            window.msg('請選擇商品款式', 'warning').show();
2775            return;
2776          }
2777          var productVariantId = this.currentVariant.id;
2778          var addToWishListEvent = this.addToWishListEvent
2779          $.ajax({
2780            method: 'POST',
2781            url: '/tracking_items',
2782            dataType: 'json',
2783            data: {
2784              product_variant_id: productVariantId
2785            },
2786            success: function(response) {
2787              if (response.message) {
2788                window.msg(response.message, 'success').show();
2789                addToWishListEvent()
2790              }
2791
2792              if (response.error) {
2793                window.msg(response.error, 'error').show();
2794
2795              }
2796              if (response.info) {
2797                window.msg(response.info, 'info').show();
2798              }
2799              if (response.success === false) {
2800                if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
2801                  window.location = "/" + window.liquidHelper.language.handle + "/account/login";
2802                } else {
2803                  window.location = "/account/login";
2804                }
2805              }
2806            }
2807          });
2808        },
2809        setChoose: function(currentVariant) {
2810          this.maxUsableBonus = 0;
2811          var quantity = 1;
2812          var cartItem = null;
2813          if (!this.isNnCollection && this.cartItems) {
2814            cartItem = this.normalGetChoosenItem(currentVariant);
2815          }
2816          if (this.isNnCollection) {
2817            cartItem = this.nnCollectionGetChoosenItem(currentVariant);
2818          }
2819          this.isChoose = !! cartItem;
2820          if (this.isNewNnCollection) {
2821            return
2822          }
2823          this.quantity = cartItem
2824            ? cartItem.quantity
2825            : this.quantity;
2826
2827          // product modal 聯絡店家情境
2828          if (currentVariant) {
2829            var photoIndex = 0;
2830            if (! currentVariant.imgUrl) {
2831              currentVariant.imgUrl = this.swiperPhotos.length > 0
2832                ? (this.swiperPhotos[photoIndex] && this.swiperPhotos[photoIndex].large)
2833                : this.featuredImage.large;
2834            }
2835            currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title;
2836          }
2837        },
2838        normalGetChoosenItem: function(currentVariant) {
2839          return this.cartItems.find(function(cartItem) {
2840            return currentVariant && cartItem.id === currentVariant.id;
2841          });
2842        },
2843        nnCollectionGetChoosenItem: function(currentVariant) {
2844          var isSelected = null;
2845          if (! currentVariant) {
2846            return isSelected;
2847          }
2848          if (this.isNewNnCollection) {
2849            var cart = store.get(`SpecialCollectionCart_${this.collectionId}`);
2850            isSelected = cart && cart.find((item) => item.variant_id == currentVariant.id) || null;
2851          } else {
2852            store.each(function(value, key) {
2853              var productId = _.includes(key, 'Pro' + currentVariant.productId);
2854              var variantID = _.includes(key, 'Var' + currentVariant.id);
2855              if (productId && variantID) {
2856                isSelected = store.get(key);
2857              }
2858            });
2859          }
2860
2861          return isSelected;
2862        },
2863        // get product detail
2864        getProductDetail: function() {
2865          var self = this;
2866
2867          $.ajax({
2868            url: self.productUrl + '.json',
2869            type: 'GET',
2870            timeout: 30000,
2871            beforeSend: function() {
2872              self.isLoading = true;
2873            },
2874            error: function(xhr) {
2875              self.closeModal();
2876              if (xhr.status === 429) {
2877                window.showAddCartRateLimitModal(5);
2878                return;
2879              }
2880              window.msg('網路連線異常,請重新整理', 'error').show();
2881            }
2882          }).done(function(data) {
2883            if (data.id) {
2884              var productData = [themeHelper.toCamelCase(data)];
2885              self.product = themeHelper.priceWithDiscount(productData, liquidHelper.hasPriceWithDiscountPlugin)[0];
2886              self.maxUsableBonus = self.variantsMaxUsableBonus;
2887              if (self.product.variants.length === 1 || liquidHelper.isFirstVariantSelected || self.selectedVariantId) {
2888                self.currentVariant = self.firstValidVariant;
2889                // 如果已經自選商品,則商品頁下滑加入購物車顯示自選商品
2890                if (self.selectedVariantId) {
2891                  self.currentVariant = self.selectedValidVariant;
2892                }
2893                if (self.currentVariant) {
2894                  self.setChoose(self.currentVariant);
2895                  self.setDefaultOption();
2896                }
2897              }
2898              if (self.displayProductDiscountsList) {
2899                self.setUpDiscountsTag(data);
2900              }
2901              self.isLoading = false;
2902              if (self.product && self.product.variants) {
2903                self.product.variants.forEach(function(discountedVariant) {
2904                  var rawVariant = data.variants.find(function(v) { return v.id === discountedVariant.id; });
2905                  if (rawVariant) { rawVariant.price = discountedVariant.price; }
2906                });
2907              }
2908              viewItem && viewItem(data, { collectionId: '', collectionName: null, categories: (self.categories && self.categories.length) ? self.categories : (categoryLevels.length ? categoryLevels : (data.id === pageMainProductId ? productCategoryLevels : undefined)) });
2909
2910              (function() {
2911                // Read login status from cacheable, skip GET /pv_notification if not login.
2912                if (window.store && window.store.get('customer')) {
2913                  var cacheableCustomer = window.store.get('customer');
2914                  if (cacheableCustomer.notLogin) {
2915                    return;
2916                  }
2917                }
2918                $.ajax({
2919                  url: '/pv_notification',
2920                  method: 'GET',
2921                  dataType: 'json',
2922                  data: {
2923                    product_id: parseInt(data.id)
2924                  },
2925                  success: function(response) {
2926                    self.variantNotifications = response.variants;
2927                  }
2928                })
2929              })();
2930            } else {
2931              window.msg('網路連線異常,請重新整理', 'error').show();
2932              self.closeModal()
2933            }
2934          })
2935        },
2936        // product image btn
2937        photoOnChange: function(photoIndex, isVariantReposition) {
2938          var visiblePhotos = (this.currentVariant && this.currentVariant.photos.length)
2939            ? this.currentVariant.photos
2940            : this.product.photos.map(function(p) { return p.photo; });
2941          var result = themeHelper.buildNavigateItemImagePayload(this._navState, {
2942            product: this.product,
2943            currentVariant: this.currentVariant,
2944            visiblePhotos: visiblePhotos,
2945            slideIndex: photoIndex,
2946            videoOffset: this.firstImageIndex,
2947          });
2948          this._navState = result.nextState;
2949          if (result.payload && !isVariantReposition) {
2950            window.navigateItemImage(result.payload);
2951          }
2952          this.currentImageIndex = photoIndex;
2953        },
2954        toggleCurrentOption: function(key, value) {
2955          this.currentOption[key] =
2956            (this.currentOption[key] === value || value === 'null') ? null : value;
2957          var variantIndex = this.getVariantIndex();
2958          if (variantIndex !== -1) {
2959            this.currentVariant = this.product.variants[variantIndex];
2960          } else {
2961            this.currentVariant = null;
2962          }
2963          this.setChoose(this.product.variants[variantIndex]);
2964          if (this.currentOption[key] !== null) {
2965            var optionIndex = parseInt(key.replace('option', '')) - 1;
2966            appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant);
2967          }
2968        },
2969        toggleNotification: function() {
2970          var self = this;
2971          var variantId = this.currentVariant.id;
2972
2973          $.ajax({
2974            url: '/toggle_pv_notification',
2975            method: 'POST',
2976            dataType: 'json',
2977            data: {
2978              product_variant_id: variantId
2979            },
2980            success: function(response) {
2981              self.variantNotifications[variantId] = response.notice;
2982              window.msg(response.message, "success").show();
2983            },
2984            error: function(xhr) {
2985              var response = xhr.responseJSON;
2986              var msg = response && response.error || "網路連線異常,請重新整理";
2987              window.msg(msg, "error").show();
2988            }
2989          })
2990        },
2991        getOptionImageIndex: function(index) {
2992          this.currentImageIndex = index;
2993        },
2994        quantityDecrease: function() {
2995          if (this.cartItem) {
2996            themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false);
2997            this.quantity = this.cartItem.quantity
2998          } else {
2999            window.msg("請選擇商品款式", 'warning').show();
3000          }
3001        },
3002        quantityIncrease: function() {
3003          if (this.cartItem) {
3004            themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false);
3005            this.quantity = this.cartItem.quantity
3006          } else {
3007            window.msg("請選擇商品款式", 'warning').show();
3008          }
3009        },
3010        quantityChange: function(el) {
3011          if (this.cartItem) {
3012            themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false);
3013            this.quantity = this.cartItem.quantity;
3014            el.target.value = this.cartItem.quantity;
3015          } else {
3016            window.msg("請選擇商品款式", 'warning').show();
3017          }
3018        },
3019        addProduct: function() {
3020          if (this.addCartText === '聯絡店家') {
3021            $('#messagebuy-Modal').data('variant', this.currentVariant);
3022            $('#messagebuy-Modal').modal('show');
3023            $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)");
3024          } else if (
3025            this.addCartText === '已登記補貨通知' ||
3026            this.addCartText === '已售完,貨到通知我'
3027          ) {
3028              this.toggleNotification();
3029          } else {
3030            if (this.cartItem) {
3031              try {
3032                if (this.isChoose) {
3033                  themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem, this.callBack)
3034                } else {
3035                  themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem, this.callBack)
3036                }
3037
3038                this.adding = true;
3039                this.closeModal();
3040              } catch (e) {
3041                window.msg("商品款式異常", 'error').show();
3042              }
3043            } else {
3044              window.msg("請選擇商品款式", 'warning').show();
3045            }
3046          }
3047        },
3048        closeModal: function() {
3049          themeHelper.EventBus.$emit('closeProductModal');
3050        },
3051        setDefaultOption: function() {
3052          var self = this;
3053          Object.keys(self.currentOption).map(function(optionKey) {
3054            self.currentOption[optionKey] = self.currentVariant[optionKey];
3055          });
3056        },
3057        getVariantIndex: function() {
3058          var self = this;
3059          return self.product.variants.findIndex(function(variant, index) {
3060            var isVariant = true;
3061            Object.keys(self.currentOption).forEach(function(option) {
3062              if (variant[option] !== self.currentOption[option]) {
3063                isVariant = false;
3064              }
3065            });
3066            return isVariant;
3067          });
3068        },
3069
3070        // 篩選重複品項
3071        getUniqueVariant: function(variants) {
3072          return variants.filter(function(value, index, self) {
3073            return self.indexOf(value) === index;
3074          });
3075        },
3076        groupBy(xs, key) {
3077          return xs.reduce(function(rv, x) {
3078            (rv[x[key]] = rv[x[key]] || []).push(x);
3079            return rv;
3080          }, {});
3081        },
3082        setUpDiscountsTag(data) {
3083          var self = this;
3084          var languagePrefix = '/' + ((window.shopScriptHelper && window.shopScriptHelper.i18nLocale) || 'zh-TW');
3085          $.ajax({
3086            url: languagePrefix + self.productUrl + '/discounts_list',
3087            method: 'GET',
3088            success: function(result) {
3089              if (result.length > 0) {
3090                var discounts_list = self.groupBy(result, 'campaign_type');
3091                self.discountsList = discounts_list;
3092              } else {
3093                self.discountsList = null;
3094              }
3095            }
3096          });
3097        },
3098        getOptions: function(optionKey, optionTypes) {
3099          var self = this;
3100          return optionTypes.map(function(optionType, index) {
3101            var isValid = true;
3102
3103            // 選出包含目前type的variant
3104            var matchVariants = self.product.variants.filter(function(variant) {
3105              return variant[optionKey] === optionType;
3106            });
3107
3108            // 篩選已勾選type
3109            Object.keys(self.currentOption).forEach(function(currentOptionKey) {
3110              if (currentOptionKey !== optionKey) {
3111                matchVariants = matchVariants.filter(function(variant) {
3112                  if (self.currentOption[currentOptionKey]) {
3113                    return variant[currentOptionKey] === self.currentOption[currentOptionKey]
3114                  } else {
3115                    return true;
3116                  }
3117                });
3118              }
3119            });
3120            if (matchVariants.length === 0) {
3121              isValid = false;
3122            }
3123            if (! self.isEmptyClickable) {
3124              isValid = false;
3125              matchVariants.find(function(item) {
3126                if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') {
3127                  isValid = true;
3128                }
3129              });
3130            }
3131            return {name: optionType, isValid: isValid}
3132          });
3133        }
3134      }
3135    };
3136  });
3137</script>
3137
3138
3139<!-- cyb_snippet _product_modal_js end -->
3140
3141<!-- cyb_snippet components/product_modal/product_modal end -->
3142
3143<!-- cyb_snippet messagebuy_modal start -->
3144
3145
3146<!-- cyb_snippet messagebuy_modal end -->
3147<!-- cyb_snippet components/rate_limit_modal start -->
3148<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/rate_limit_modal-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
3149
3150<div class="modal fade" id="rate-limit-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
3151  <div class="modal-dialog modal-dialog-centered" role="document">
3152    <div class="modal-content">
3153      <div class="modal-body">
3154        <div class="qk-text--default_dark rate-limit-text">
3155          <p id="rate-limit-title">目前搶購人潮眾多,請耐心等候</p>
3156          <p class="qk-fs--body qk-fw--500 rate-limit-message">
3157            <span class="qk-text--error" id="rate-limit-countdown"></span>
3158            <span id="rate-limit-desc"></span>
3159          </p>
3160          <p class="qk-fs--body qk-fw--500 rate-limit-message" id="rate-limit-warn">若離開此頁面,可能會延長等待時間。</p>
3161        </div>
3162        <button id="rate-limit-btn" class="btn qk-btn qk-btn--primary" disabled>重新進入商品頁</button>
3163      </div>
3164    </div>
3165  </div>
3166</div>
3167
3168<script>
3169  window.showRateLimitModal = function(countdownSec) {
3170    var countdown = countdownSec || 5;
3171    var $modal = $('#rate-limit-modal');
3172    var $btn = $modal.find('#rate-limit-btn');
3173    var $countdownEl = $modal.find('#rate-limit-countdown');
3174
3175    $btn.show();
3176    $modal.find('#rate-limit-desc').text(language["product_rate_limit_desc"]);
3177    $countdownEl.text(countdown);
3178    $btn.prop('disabled', true);
3179    $modal.modal('show');
3180
3181    var timer = setInterval(function() {
3182      countdown--;
3183      $countdownEl.text(countdown);
3184      if (countdown <= 0) {
3185        clearInterval(timer);
3186        $btn.prop('disabled', false);
3187      }
3188    }, 1000);
3189
3190    $btn.off('click').on('click', function() {
3191      location.reload();
3192    });
3193  }
3194
3195  window.showAddCartRateLimitModal = function(countdownSec) {
3196    var countdown = countdownSec || 5;
3197    var $modal = $('#rate-limit-modal');
3198    var $countdownEl = $modal.find('#rate-limit-countdown');
3199
3200    $modal.find('#rate-limit-btn').hide();
3201    $modal.find('#rate-limit-desc').text(language["addcart_rate_limit_desc"]);
3202    $countdownEl.text(countdown);
3203    $modal.modal('show');
3204
3205    var timer = setInterval(function() {
3206      countdown--;
3207      $countdownEl.text(countdown);
3208      if (countdown <= 0) {
3209        clearInterval(timer);
3210        $modal.modal('hide');
3211      }
3212    }, 1000);
3213  }
3214</script>
3214
3215
3216<!-- cyb_snippet components/rate_limit_modal end -->
3217
3218<script>
3219  $(document).ready(function() {
3220    const shouldSkipQuantityCheck = false;
3221    const newAddCartModalApp = new window.themeHelper.LiquidVueHandler({
3222      componentNames: Object.keys(window.themeHelper.productModalComponents),
3223      mountSelector: '#new-addcart-modal',
3224      autoMount: false,
3225    });
3226
3227    newAddCartModalApp.createApp({
3228      el: '#new-addcart-modal',
3229      delimiters: ['${', '}'],
3230      data() {
3231        return {
3232          collectionId: 0,
3233          categories: [],
3234          color: '', // unused
3235          isCollection: true,
3236          productQuantity: 0,
3237          onlyDescription: false,
3238          showProductModal: false,
3239          popProductUrl: '',
3240          loading: false,
3241        };
3242      },
3243      mounted: function() {
3244        themeHelper.EventBus.$on('closeProductModal',this.closeProductModal);
3245        themeHelper.EventBus.$on('updateStore', this.addProduct);
3246        themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease);
3247        themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease);
3248        themeHelper.EventBus.$on('quantityChange', this.quantityChange);
3249      },
3250      methods: {
3251        addProduct: function(actionType, productData, checkoutAddToCartCallback){
3252          var self = this;
3253          var pageViewId = window.CYBERBIZ && window.CYBERBIZ.dis && window.CYBERBIZ.dis.pageViewId;
3254          $.ajax({
3255            method: 'POST',
3256            url: '/cart/add',
3257            headers: pageViewId ? { 'X-Cyb-Page-View-Id': pageViewId } : {},
3258            data: {
3259              id: productData.id,
3260              quantity: productData.quantity,
3261            },
3262            dataType: 'json',
3263            beforeSend: function() {
3264              self.loading = true;
3265              themeHelper.ajaxLoadingMsg('loading');
3266              $('.shopcart').dropdown('hide')
3267              $('.global-cart-count').hide();
3268              $('.global-cart-loading').show();
3269              $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse" style="vertical-align: middle;"></i>');
3270            },
3271            error: function(xhr) {
3272              $('.global-cart-loading').hide();
3273              $('.global-cart-count').show();
3274              self.loading = false;
3275              if (xhr.status === 429) {
3276                themeHelper.ajaxLoadingMsg('hide', 0);
3277                self.closeProductModal();
3278                window.showAddCartRateLimitModal(5);
3279                return;
3280              }
3281              themeHelper.ajaxLoadingMsg('fail', 2000);
3282            }
3283          }).done(function(data, status, request){
3284            // product modal 立即購買按鈕
3285            window.sendAddToCartEvent && sendAddToCartEvent({
3286              price: productData.price,
3287              quantity: productData.quantity,
3288              id: productData.product.id,
3289              name: productData.product.title,
3290              category: productData.product.productType,
3291              brand: productData.product.vendor,
3292              qc: productData.variant.qc,
3293              variant: {
3294                id: productData.variant.id,
3295                title: productData.variant.title,
3296                sku: productData.variant.sku,
3297                price: productData.variant.price,
3298                qc: productData.variant.qc,
3299              },
3300              position: "商品彈出視窗",
3301              request,
3302            })
3303            if (self.isQuickBuy) {
3304              if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) {
3305                window.location = "/" + window.liquidHelper.language.handle + "/cart";
3306              } else {
3307                window.location = "/cart";
3308              }
3309            } else {
3310              themeHelper.ajaxLoadingMsg('success');
3311              pullNavCart();
3312              $('.shopcart').dropdown('show')
3313              $('.global-cart-loading').hide();
3314              self.loading = false;
3315            }
3316            if(typeof checkoutAddToCartCallback === 'function'){
3317              var callbackData = {
3318                id: productData.id,
3319                quantity: productData.quantity,
3320                title: productData.product ? productData.product.title : productData.title || ''
3321              };
3322              checkoutAddToCartCallback(callbackData)
3323            }
3324            peh.emit('product:add_to_cart', [{
3325              variantId: productData.id,
3326              quantity: productData.quantity
3327            }], self.collectionId);
3328          }).fail(function(e){
3329            if (e.status === 429) {
3330              return;
3331            }
3332            let err_msg = e.responseJSON.err_msg;
3333            err_msg && err_msg.length > 0 ?
3334              window.msg(e.responseJSON.err_msg, 'warning').show():
3335              window.msg("加入購物車有誤,請重新嘗試", 'warning').show();
3336          })
3337        },
3338        quantityDecrease: function(cartItem, isAdded){
3339          if (cartItem.quantity > 1) {
3340            cartItem.quantity -= 1;
3341          } else {
3342            window.msg("數量不得為低於 1", 'warning').show();
3343          }
3344        },
3345        quantityIncrease: function(cartItem, isAdded){
3346          const limitQuantity = cartItem.variant.inventoryQuantity;
3347          const limitBuy = cartItem.product.limitBuy
3348          if (limitBuy && cartItem.quantity >= limitBuy) {
3349            product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
3350            window.msg(product_limit_buy, 'warning').show();
3351            return;
3352          } else if (cartItem.quantity >= liquidHelper.cartQuantityLimit) {
3353            window.msg("數量超過購買上限", 'warning').show();
3354          } else if ( cartItem.quantity < limitQuantity || limitQuantity === null ||
3355            cartItem.variant.inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
3356            cartItem.quantity += 1;
3357          } else {
3358            this.showInventoryMessage(limitQuantity);
3359          }
3360        },
3361        quantityChange: function(quantity, cartItem, isAdded){
3362          const limitBuy = cartItem.product.limitBuy
3363          var limitQuantity = cartItem.variant.inventoryQuantity;
3364          var inventoryPolicy = cartItem.variant.inventoryPolicy;
3365          if (Number.isInteger(quantity)) {
3366            if (quantity >= 1) {
3367              if (limitBuy && quantity >= limitBuy) {
3368                product_limit_buy = "此商品限購 limitBuy 件".replace('limitBuy', limitBuy)
3369                window.msg(product_limit_buy, 'warning').show();
3370              } else if (quantity > liquidHelper.cartQuantityLimit) {
3371                window.msg("數量超過購買上限", 'warning').show();
3372              } else if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue" || shouldSkipQuantityCheck) {
3373                cartItem.quantity = quantity;
3374              } else {
3375                cartItem.quantity = limitQuantity;
3376                this.showInventoryMessage(limitQuantity);
3377              }
3378            } else {
3379              window.msg("數量不得為低於 1", 'warning').show();
3380            }
3381          } else {
3382            window.msg("數量輸入錯誤", 'warning').show();
3383          }
3384        },
3385        popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId, checkoutAddToCartCallback, categories){
3386          this.showProductModal = true;
3387          this.collectionId = collectionId;
3388          this.categories = categories || [];
3389          this.popProductUrl = productUrl;
3390          this.color = color || ''; // unused
3391          this.isCollection = isCollection || false;
3392          this.isShowDescription = isShowDescription != false;
3393          this.isQuickBuy = isQuickBuy || false;
3394          this.selectedVariantId = parseInt(variantId) || undefined;
3395          this.checkoutAddToCartCallback = checkoutAddToCartCallback;
3396          document.body.style.overflow = "hidden";
3397        },
3398        closeProductModal: function() {
3399          this.showProductModal = false;
3400          document.body.style.overflow = "";
3401        },
3402        showInventoryMessage: function(inventoryQuantity) {
3403          const stockMessage = "商品庫存剩餘 count 件".replace('count', inventoryQuantity || 0);
3404          window.msg(stockMessage, 'warning').show();
3405        },
3406      }
3407    });
3408
3409    for (const componentName in window.themeHelper.productModalComponents) {
3410      newAddCartModalApp.component(
3411        componentName,
3412        window.themeHelper.productModalComponents[componentName],
3413      );
3414    }
3415
3416    window.new_addcart_modal = newAddCartModalApp.mount();
3417  });
3418</script>
3418
3419
3420<!-- cyb_snippet new_addcart_modal end -->
3421<!-- cyb_snippet _combo_product_related_items_modal start --><!-- cyb_snippet _combo_product_related_items_modal end -->
3422
3423
3424
3425
3426    </div>
3427
3428    <!-- Footer -->
3429    
3430
3431
3432
3433
3434
3435
3436<style>
3437  
3438  
3439  @media(min-width: 991px) {
3440    .display_x .left-content > div {
3441      max-width: calc(100% / 3);
3442    }
3443  }
3444</style>
3445
3446<div id="index-recommendation"></div>
3447
3448<footer id="footer" class="qk-fs--body qk-bg--footer_bg">
3449  
3450    
3451    <div class="qk-container display_y">
3452      <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between">
3453        <div class="left-content qk-flex--1">
3454          
3455            
3456              <div class="link-list-container">
3457                
3458                  <p class="footer_title qk-fs--title qk-text--footer_text">About OEM</p>
3459                
3460                <div class="item horizontal qk-text--left">
3461                  <ul class="qk-display--flex qk-flex--wrap">
3462                    
3463                      
3464                        <li class="qk-display--il_bk">
3465                          
3466                            <a
3467                              class="qk-text--footer_text"
3468                              href="/pages/菩提樹酵素代工"
3469                              rel="noopener noreferrer"
3470                              target="_blank">菩提樹酵素代工</a>
3471                          
3472                        </li>
3473                      
3474                        <li class="qk-display--il_bk">
3475                          
3476                            <a
3477                              class="qk-text--footer_text"
3478                              href="/pages/連絡工廠"
3479                              rel="noopener noreferrer"
3480                              target="_blank">連絡工廠</a>
3481                          
3482                        </li>
3483                      
3484                    
3485                  </ul>
3486                </div>
3487              </div>
3488              
3489          
3490            
3491              <div class="link-list-container">
3492                
3493                  <p class="footer_title qk-fs--title qk-text--footer_text">About Us</p>
3494                
3495                <div class="item horizontal qk-text--left">
3496                  <ul class="qk-display--flex qk-flex--wrap">
3497                    
3498                      
3499                        <li class="qk-display--il_bk">
3500                          
3501                            <a
3502                              class="qk-text--footer_text"
3503                              href="/search"
3504                              rel="noopener noreferrer"
3505                              target="_blank">查詢</a>
3506                          
3507                        </li>
3508                      
3509                        <li class="qk-display--il_bk">
3510                          
3511                            <a
3512                              class="qk-text--footer_text"
3513                              href="/account/index"
3514                              rel="noopener noreferrer"
3515                              target="_blank">我的帳戶</a>
3516                          
3517                        </li>
3518                      
3519                        <li class="qk-display--il_bk">
3520                          
3521                            <a
3522                              class="qk-text--footer_text"
3523                              href="/pages/refund"
3524                              rel="noopener noreferrer"
3525                              target="_blank">退款政策</a>
3526                          
3527                        </li>
3528                      
3529                        <li class="qk-display--il_bk">
3530                          
3531                            <a
3532                              class="qk-text--footer_text"
3533                              href="/pages/│更多菩提樹-門市資訊-企業大宗採購"
3534                              rel="noopener noreferrer"
3535                              target="_blank">企業大宗採購</a>
3536                          
3537                        </li>
3538                      
3539                        <li class="qk-display--il_bk">
3540                          
3541                            <a
3542                              class="qk-text--footer_text"
3543                              href="/pages/privacy"
3544                              rel="noopener noreferrer"
3545                              target="_blank">隱私權政策</a>
3546                          
3547                        </li>
3548                      
3549                        <li class="qk-display--il_bk">
3550                          
3551                            <a
3552                              class="qk-text--footer_text"
3553                              href="/pages/terms"
3554                              rel="noopener noreferrer"
3555                              target="_blank"> 配送與運費政策</a>
3556                          
3557                        </li>
3558                      
3559                    
3560                  </ul>
3561                </div>
3562              </div>
3563              
3564          
3565            
3566              <div class="item contact qk-text--left">
3567                
3568                  <p class="footer_title qk-fs--title qk-text--footer_text">菩提樹生物科技股份有限公司│蔬福樂有限公司</p>
3569                
3570                <ul>
3571                  
3572                    <li class="phone qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3573                      <span class="qk-text--footer_text">客服專線:05-2218708</span>
3574                    </li>
3575                  
3576                  
3577                  
3578                    <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3579                      <span class="qk-text--footer_text">客服時間:週一~五 08:00~17:00(國定例假日除外)</span>
3580                    </li>
3581                  
3582                  
3583                    <br>
3584                    <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk">
3585                      <a class="qk-text--footer_text" href="mailto:[email protected]">信箱:[email protected]</a>
3586                    </li>
3587                  
3588                  
3589                    <li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3590                      <span class="qk-text--footer_text">地址:嘉義縣民雄鄉民雄工業區成功一街3號</span>
3591                    </li>
3592                  
3593                  
3594                    <li class="tax_id qk-bd_r--default qk-bd--footer_text qk-display--il_bk">
3595                      <span class="qk-text--footer_text">統一編號:94000860</span>
3596                    </li>
3597                  
3598                </ul>
3599              </div>
3600              
3601          
3602        </div>
3603        <div class="right-content qk-display--flex qk-flex--column">
3604          
3605            <div class="fb_fanpage qk-hidden--mobile">
3606              <div class="fb_fans_page_area">
3607                <div
3608                  class="fb-page"
3609                  data-href="https://www.facebook.com/287617237775029"
3610                  data-width="500"
3611                  data-adapt-container-width="true"
3612                  data-hide-cover="false"
3613                  data-show-facepile="true">
3614                  <blockquote cite="https://www.facebook.com/287617237775029" class="fb-xfbml-parse-ignore">
3615                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/287617237775029"></a>
3616                  </blockquote>
3617                </div>
3618              </div>
3619            </div>
3620          
3621          <div class="media qk-display--il">
3622            <div class="item social_media qk-h--auto qk-float--l">
3623              <ul>
3624                
3625                  <li class="qk-display--il_bk">
3626                    <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/profile.php?id=61559138230094&locale=zh_TW">
3627                      <svg
3628                        class="facebook-svg"
3629                        xmlns="http://www.w3.org/2000/svg"
3630                        width="40"
3631                        height="40"
3632                        viewBox="0 0 40 40">
3633                        <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" />
3634                      </svg>
3635                    </a>
3636                  </li>
3637                
3638                
3639                
3640                  <li class="qk-display--il_bk">
3641                    <a target="_blank" rel="noopener noreferrer" href="https://liff.line.me/1645278921-kWRPP32q/?accountId=bio111">
3642                      <svg
3643                        class="line-svg"
3644                        xmlns="http://www.w3.org/2000/svg"
3645                        width="40"
3646                        height="40"
3647                        viewB
3647ox="0 0 40 40">
3648                        <rect class="qk-svg--footer_text" width="40" height="40" rx="20" />
3649                        <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" />
3650                        <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" />
3651                        <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" />
3652                        <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" />
3653                        <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" />
3654                      </svg>
3655                    </a>
3656                  </li>
3657                
3658                
3659              </ul>
3660            </div>
3661          </div>
3662        </div>
3663      </div>
3664    </div>
3665    
3666  <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default">
3667    <div class="qk-container container qk-fw--500">
3668      <span>Copyright ©</span>
3669      <a class="qk-text--link" href="/">
3670        <span>菩提樹生物科技股份有限公司</span>
3671      </a>
3672      <span>All Rights Reserved.</span>
3673      <span>Designed by
3674      </span>
3675      <a
3676        class="qk-text--link"
3677        href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz"
3678        target="_blank"
3679        rel="noopener noreferrer"
3680        title="Designed by CYBERBIZ">CYBERBIZ</a>.
3681    </div>
3682  </div>
3683  
3684</footer>
3685<script>
3686  $(document).ready(function() {
3687    let isDynamicLoading = false;
3688
3689    let menusData = {
3690      
3691        
3692          "about-oem": {
3693            
3694              "type": "items",
3695              "data": [
3696                
3697                
3698                  
3699                    {
3700                      "title": "菩提樹酵素代工",
3701                      "url": "/pages/菩提樹酵素代工",
3702                      "item_type": "page"
3703                    },
3704                  
3705                    {
3706                      "title": "連絡工廠",
3707                      "url": "/pages/連絡工廠",
3708                      "item_type": "page"
3709                    }
3710                  
3711                
3712              ]
3713            
3714          },
3715        
3716      
3717        
3718          "footer": {
3719            
3720              "type": "items",
3721              "data": [
3722                
3723                
3724                  
3725                    {
3726                      "title": "查詢",
3727                      "url": "/search",
3728                      "item_type": "search"
3729                    },
3730                  
3731                    {
3732                      "title": "我的帳戶",
3733                      "url": "/account/index",
3734                      "item_type": "http"
3735                    },
3736                  
3737                    {
3738                      "title": "退款政策",
3739                      "url": "/pages/refund",
3740                      "item_type": "refund"
3741                    },
3742                  
3743                    {
3744                      "title": "企業大宗採購",
3745                      "url": "/pages/│更多菩提樹-門市資訊-企業大宗採購",
3746                      "item_type": "page"
3747                    },
3748                  
3749                    {
3750                      "title": "隱私權政策",
3751                      "url": "/pages/privacy",
3752                      "item_type": "page"
3753                    },
3754                  
3755                    {
3756                      "title": " 配送與運費政策",
3757                      "url": "/pages/terms",
3758                      "item_type": "page"
3759                    }
3760                  
3761                
3762              ]
3763            
3764          },
3765        
3766      
3767        
3768      
3769    };
3770
3771    if (isDynamicLoading) {
3772      window.DynamicLoading.setupComponent({
3773          sectionId: '#footer',
3774          callbackData:{
3775            section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/profile.php?id=61559138230094\u0026locale=zh_TW","display_instagram":false,"shop_instagram":"https://www.instagram.com/?hl=zh-tw","display_line":true,"shop_line":"https://liff.line.me/1645278921-kWRPP32q/?accountId=bio111","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["1726648462293_0","default_link_list","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"About Us","footer_link":"footer"},"custom_name":"About Us"},"default_contact_info":{"type":"contact_info_setting","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"菩提樹生物科技股份有限公司│蔬福樂有限公司","display_phone":"true","dict_phone_number":"05-2218708","display_fax_number":false,"dict_shop_fax_number":"05-2205297","display_shop_email":"true","dict_shop_email":"[email protected]","display_shop_address":"true","dict_shop_address":"嘉義縣民雄鄉民雄工業區成功一街3號","display_office_time":"true","dict_shop_office_time":"週一~五 08:00~17:00(國定例假日除外)","display_tax_id":true,"dict_tax_id":"94000860"},"custom_name":"聯絡資訊"},"1726648462293_0":{"type":"link_list_setting","custom_name":"About OEM","visible":true,"settings":{"dict_link_list_block_title":"About OEM","footer_link":"about-oem"}}},"custom_name":"頁腳"},
3776            shop: {
3777              name: '菩提樹生物科技股份有限公司',
3778              cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz',
3779              facebook_fan_page: 'https://www.facebook.com/287617237775029',
3780            },
3781            menus: menusData,
3782            is_display_facebook_fan_block: true
3783            },
3784          entryName:'renderFooterSection',
3785          source:'//cdn1-next.cybassets.com/frontend/shop/footerSection-e958d46bfee2e69f.js',
3786        });
3787    }
3788  });
3789</script>
3789
3790
3791<!-- cyb_snippet _tracking_code start -->
3792      
3792<script>
3793        window.fbAsyncInit = function() {
3794          FB.init({
3795          appId : '',
3796          xfbml : true,
3797          version : 'v24.0',
3798          });
3799        };
3800        (function(d, s, id){
3801          var js, fjs = d.getElementsByTagName(s)[0];
3802          if (d.getElementById(id)) {return;}
3803          js = d.createElement(s);
3804          js.id = id;
3805          js.src = 'https://connect.facebook.net/zh_TW/sdk.js';
3806          fjs.parentNode.insertBefore(js, fjs);
3807        }(document, 'script', 'facebook-jssdk'));
3808      </script>
3808
3809
3810
3811<script>
3812  // for scupio
3813  if (document.querySelector("meta[name=\"scupio_mid\"]")) {
3814    mid = document.querySelector("meta[name=\"scupio_mid\"]").content;
3815  } else {
3816    mid = "";
3817  }
3818  if (!window.is_scupio_sent && mid) {
3819    window._bwtm = window._bwtm || []
3820    window._bwtm.push({
3821      "mid": mid,
3822      "uid": ""
3823    });
3824  }
3825</script>
3825
3826
3827<!-- cyb_snippet _tracking_code end -->
3828
3829<script>
3830  $(document).ready(function(){
3831    if(window.location.pathname != '' && window.location.pathname != '/' ){
3832      document.getElementById('index-recommendation').style.display = 'none'
3833    }
3834  });
3835</script>
3835
3836
3837
3838
3839    <!-- Fast-Events -->
3840    <!-- cyb_snippet fast_events start -->
3841
3842
3843<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/fast_events-e958d46bfee2e69f.js' type='text/javascript'></script>
3843
3844<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/fast_events-e958d46bfee2e69f.css' rel='stylesheet' type='text/css' media='all' />
3845
3846<!-- cyb_snippet fast_events end -->
3847
3848    <div class="bottom-right qk-pos--fixed">
3849      <!-- gototop -->
3850      <div id="gototop" class="qk-display--none qk-text--center">
3851        <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center">
3852          <i class="fas fa-chevron-up"></i>
3853        </a>
3854      </div>
3855
3856      <!-- popup -->
3857      
3858
3859
3860
3861<div id="popup-wrapper" class="qk-display--none"></div>
3862
3863<template id="popup-template">
3864  <div
3865    :class="status"
3866    v-if="hasContent"
3867    id="popup-section"
3868  >
3869    <transition name="backdrop">
3870      <div
3871        v-if="shouldShowPopup"
3872        @click.capture="minifyPopup"
3873        id="popup-backdrop"
3874        class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst"
3875      >
3876      </div>
3877    </transition>
3878    <transition name="onShow">
3879      <div
3880        @click.self="showPopup"
3881        @transitionstart="updateGameStatus('start', this)"
3882        @transitionend="updateGameStatus('end', this)"
3883        class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3884      >
3885        <div
3886          v-for="block in blocks"
3887          :key="block.id"
3888          :class="[block.type, minifiedBlockClasses, block.settings.icon_size]"
3889          class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto"
3890        >
3891          <div v-if="block.type === 'image'" class="qk-pos--rel">
3892            <img
3893              v-show="!shouldShowPopup"
3894              :src="block.settings.dict_icon_image_url"
3895              class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3896              alt="popup button"
3897            >
3898            <a
3899              v-show="shouldShowPopup"
3900              :href="block.settings.dict_link"
3901              :target="block.settings.target"
3902              :rel="block.settings.rel"
3903              class="qk-display--flex qk-align--center"
3904              @click="linkClicked"
3905            >
3906              <picture>
3907                <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)">
3908                <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)">
3909                <img
3910                  :src="block.settings.dict_image_url"
3911                  class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o"
3912                  alt="popup picture"
3913                />
3914              </picture>
3915            </a>
3916          </div>
3917          <div v-if="block.type === 'video'">
3918            <iframe
3919              :src="block.settings.dict_video_link"
3920              frameborder="0"
3921              class="qk-center--y qk-w--100 qk-h--100"
3922            ></iframe>
3923          </div>
3924          <div v-if="block.type === 'game'">
3925            <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }">
3926              <iframe
3927                class="cb-game-iframe iframe-loading"
3928                :src="getGameIframeSrc(block)"
3929                style="border: none;"
3930              >
3931                Loading
3932              </iframe>
3933            </div>
3934            <div v-show="gameStatus === 'minified'">
3935              <img
3936                src="//cdn1-next.cybassets.com/game_assets/game_minified_new.png"
3937                class="qk-h--100 qk-w--100"
3938                alt="game minified icon"
3939              />
3940            </div>
3941          </div>
3942          <div
3943            v-if="block.type === 'carousel'"
3944            :id="`popup-carousel-${block.id}`"
3945          >
3946          </div>
3947        </div>
3948      </div>
3949    </transition>
3950    <transition name="backdrop">
3951      <div
3952        v-if="shouldShowPopup"
3953        @click.capture="minifyPopup"
3954        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"
3955      >
3956      </div>
3957    </transition>
3958  </div>
3959</template>
3960
3961<script>
3962  $(document).ready(function() {
3963    const CDN_HOST = '//cdn1-next.cybassets.com';
3964    const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI5MzcxL2F0dGFjaGVkX3Bob3Rvcy8xNzcwMzU1NDg5X3RpbnkucG5nLnBuZyJdXQ.png?sha=c179b4457024cbfb","icon_size":"large","dict_link":"https://lin.ee/cIg3HJa"},"custom_name":"圖片"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"彈窗廣告"};
3965    var popupSection = Vue.createApp({
3966      template: '#popup-template',
3967      delimiters: ['${', '}'],
3968      data() {
3969        const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/']
3970          .some(path => location.pathname.includes(path));
3971        return {
3972          status: 'minified',
3973          gameStatus: 'show',
3974          blocks: isOmniauthPage
3975            ? []
3976            : section.block_order && section.block_order.reduce(
3977                function(acc, blockId) {
3978                  const block = section.blocks[blockId];
3979                  if (block && block.visible) {
3980                    acc.push({
3981                      ...block,
3982                      id: blockId,
3983                    });
3984                  }
3985                  return acc;
3986                },
3987                [],
3988              ),
3989          hasAddedGameScript: false,
3990        };
3991      },
3992      computed: {
3993        hasContent: function() {
3994          return !!(this.blocks && this.blocks.length > 0);
3995        },
3996        minifiedBlockClasses: function() {
3997          return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : '';
3998        },
3999        shouldShowPopup: function() {
4000          return this.status === 'show';
4001        }
4002      },
4003      methods: {
4004        unhidePopup: function(storedStatus) {
4005          this.status = storedStatus;
4006          $('#popup-wrapper').removeClass('qk-display--none');
4007        },
4008        showPopup: function() {
4009          if (this.status !== 'show') {
4010            this.status = 'show';
4011            this.saveStatus(this.status);
4012          }
4013        },
4014        minifyPopup: function() {
4015          this.status = 'minified';
4016          this.saveStatus('minified');
4017        },
4018        loadStatus: function() {
4019          return JSON.parse(localStorage.getItem('popupStatus'));
4020        },
4021        saveStatus: function(status) {
4022          if (status) {
4023            localStorage.setItem('popupStatus', JSON.stringify({
4024              status: status,
4025              setTime: new Date().getTime(),
4026            }));
4027          }
4028        },
4029        linkClicked: function() {
4030          this.saveStatus('minified');
4031        },
4032        parseVideoLink: function(settings) {
4033          settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link);
4034        },
4035        setupImageSrc: function (settings) {
4036          settings.dict_image_url = this.addCdnHost(settings.dict_image_url);
4037          if (settings.dict_tablet_image_url) {
4038            settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url);
4039          }
4040          if (settings.dict_mobile_image_url) {
4041            settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url);
4042          }
4043          settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url;
4044        },
4045        addCdnHost: function(url) {
4046          if (!url) {
4047            return url; // only add cdn host if url is not empty
4048          }
4049
4050          try {
4051            new URL(url);
4052            return url; // already a valid url, cdn host not needed
4053          } catch {
4054            return `${CDN_HOST}${url}`;
4055          }
4056        },
4057        initStatus: function() {
4058          let newStatus = 'show';
4059          const popupStatus = this.loadStatus();
4060          const currentTime = new Date().getTime();
4061          const oneDay = 1000 * 60 * 60 * 24;
4062          const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay;
4063          const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin();
4064          const isLoggingIn = this.isLoggingIn();
4065          const isCartPage = window.location.pathname.split('/').includes('carts');
4066
4067          if (hasStoredStatus && !redirectedByGameLogin) {
4068            newStatus = popupStatus.status;
4069          }
4070
4071          if (isLoggingIn) {
4072            newStatus = 'minified';
4073          } else {
4074            localStorage.removeItem('redirectedByPopup');
4075          }
4076
4077          setTimeout(() => {
4078            this.status = newStatus;
4079            this.gameStatus = newStatus;
4080            this.saveStatus(newStatus);
4081            if(!isCartPage){
4082              this.unhidePopup(newStatus);
4083            }
4084          }, 1000);
4085        },
4086        initBlocks: function() {
4087          if (this.hasContent) {
4088            this.blocks.forEach(block => {
4089              switch(block.type) {
4090                case 'image':
4091                  this.setupImageSrc(block.settings);
4092
4093                  const isOpenInNewTab = block.settings.link_open_in_new_tab;
4094                  if (isOpenInNewTab) {
4095                    block.settings.target = '_blank';
4096                    block.settings.rel = 'noopener noreferrer';
4097                  }
4098
4099                  break;
4100                case 'video':
4101                  this.parseVideoLink(block.settings);
4102                  break;
4103              }
4104            })
4105          }
4106        },
4107        getGameIframeSrc: function (block) {
4108          return `/games/${block.settings.dict_game_handle}`
4109        },
4110        updateGameStatus: function(type, element) {
4111          if (
4112            (type === 'start' && this.status === 'minified')
4113            || (type === 'end' && this.status === 'show')
4114          ) {
4115            this.gameStatus = this.status;
4116          }
4117        },
4118        setupGameRedirects: function() {
4119          window.addEventListener('pagehide', () => {
4120            const isGameActive = document.body.getElementsByClassName('show-game').length;
4121            if (isGameActive) {
4122              localStorage.setItem('redirectedByPopup', 'true');
4123              this.saveStatus('minified');
4124            }
4125          });
4126        },
4127        hasRedirectUrl: function() {
4128          return (new URLSearchParams(location.search)).has('redirect_url');
4129        },
4130        redirectedByGameLogin: function() {
4131          return localStorage.getItem('redirectedByPopup');
4132        },
4133        isLoggingIn: function() {
4134          const loginRelatedPathnames = [
4135            'account/signup',
4136            'account/login',
4137            'account/customer/password/new',
4138            'pages/terms'
4139          ];
4140          return loginRelatedPathnames.some(path => location.pathname.includes(path));
4141        }
4142      },
4143      created: function() {
4144        this.initStatus();
4145        this.initBlocks();
4146        this.setupGameRedirects();
4147      },
4148      mounted: function() {
4149        this.blocks.forEach((block) => {
4150          if (block.type === 'carousel' && block.settings.dict_c
4150arousel) {
4151            renderCarousel(`#popup-carousel-${block.id}`, {
4152              title: block.settings.dict_carousel,
4153              CDN_HOST,
4154              onLinkClick: () => this.linkClicked(),
4155            });
4156          }
4157        });
4158      },
4159    });
4160    popupSection.mount('#popup-wrapper');
4161  });
4162</script>
4162
4163
4164
4165
4166    </div>
4167
4168    <!-- ajaxloading -->
4169    <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed">
4170      <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center">
4171        <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">
4172          <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"/>
4173          <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 "/>
4174          <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"/>
4175          <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"/>
4176          <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"/>
4177          <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"/>
4178        </svg>
4179        <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已加入購物車</div>
4180        <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">已更新購物車</div>
4181        <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路異常,請重新整理</div>
4182      </div>
4183    </div>
4184  
4184<script src="//cdn1-next.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
4184
4185      
4185<script>
4186        if (window.fbq) {
4187          fbq('track', 'Search', {
4188            content_ids: [89298652, 89298691, 83223380, 81251931, 83026849, 80871215, 78512232, 89156348, 78005962, 80964610, 80965133, 81805540, 80965239, 80965240, 80965241, 83025841, 76819612, 76798354, 76350199, 81902610, 81901810, 74989492, 80274862, 80275687, 81805990, 74988611, 76797952, 81328340, 69283676, 69283677, 69283678, 69283679, 80274333, 67750479, 67748935, 67757365, 82433364, 82433321, 66067915, 76803679, 58068783, 57922665, 88751837, 61050152, 80274303, 57908030, 80274234, 80274235, 80274294],
4189            currency: "TWD",
4190            search_string: null,
4191            contents: [{"id":89298652,"price":139.0,"quantity":null},{"id":89298691,"price":229.0,"quantity":null},{"id":83223380,"price":198.0,"quantity":null},{"id":81251931,"price":1380.0,"quantity":null},{"id":83026849,"price":1099.0,"quantity":null},{"id":80871215,"price":999.0,"quantity":null},{"id":78512232,"price":899.0,"quantity":null},{"id":89156348,"price":519.0,"quantity":null},{"id":78005962,"price":699.0,"quantity":null},{"id":80964610,"price":198.0,"quantity":null},{"id":80965133,"price":384.0,"quantity":null},{"id":81805540,"price":239.0,"quantity":null},{"id":80965239,"price":168.0,"quantity":null},{"id":80965240,"price":324.0,"quantity":null},{"id":80965241,"price":478.0,"quantity":null},{"id":83025841,"price":1180.0,"quantity":null},{"id":76819612,"price":409.0,"quantity":null},{"id":76798354,"price":358.0,"quantity":null},{"id":76350199,"price":199.0,"quantity":null},{"id":81902610,"price":239.0,"quantity":null},{"id":81901810,"price":409.0,"quantity":null},{"id":74989492,"price":198.0,"quantity":null},{"id":80274862,"price":384.0,"quantity":null},{"id":80275687,"price":1122.0,"quantity":null},{"id":81805990,"price":239.0,"quantity":null},{"id":74988611,"price":799.0,"quantity":null},{"id":76797952,"price":409.0,"quantity":null},{"id":81328340,"price":939.0,"quantity":null},{"id":69283676,"price":12.0,"quantity":null},{"id":69283677,"price":19.0,"quantity":null},{"id":69283678,"price":18.0,"quantity":null},{"id":69283679,"price":22.0,"quantity":null},{"id":80274333,"price":168.0,"quantity":null},{"id":67750479,"price":269.0,"quantity":null},{"id":67748935,"price":500.0,"quantity":null},{"id":67757365,"price":339.0,"quantity":null},{"id":82433364,"price":1099.0,"quantity":null},{"id":82433321,"price":999.0,"quantity":null},{"id":66067915,"price":1500.0,"quantity":null},{"id":76803679,"price":580.0,"quantity":null},{"id":58068783,"price":499.0,"quantity":null},{"id":57922665,"price":480.0,"quantity":null},{"id":88751837,"price":799.0,"quantity":null},{"id":61050152,"price":1600.0,"quantity":null},{"id":80274303,"price":120.0,"quantity":null},{"id":57908030,"price":230.0,"quantity":null},{"id":80274234,"price":679.0,"quantity":null},{"id":80274235,"price":2448.0,"quantity":null},{"id":80274294,"price":4608.0,"quantity":null}],
4192            content_type: 'product',
4193          }, {
4194            eventID: "Search_ECA0A87BB963BC103A2B8699B6A70CB4"
4195          });
4196        }
4197      </script>
4197
4198    </body>
4199
4200  
4200<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-e958d46bfee2e69f.js' type='text/javascript'></script>
4200
4201  
4201<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme_helper-e958d46bfee2e69f.js' type='text/javascript'></script>
4201
4202
4203  <!-- theme assets -->
4204  
4204<script src='//cdn1-next.cybassets.com/s/files/29371/theme/108046/assets/js/1717569254_cae9903f_main.js?1717569254' type='text/javascript'></script>
4204
4205  
4205<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme-e958d46bfee2e69f.js' type='text/javascript'></script>
4205
4206
4207  <!-- for cache -->
4208  
4208<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/cacheable-e958d46bfee2e69f.js' type='text/javascript'></script>
4208
4209</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.