1<!DOCTYPE html> 2<html lang="zh-TW" style="height:100%;"> 3 <head><!-- Google tag (gtag.js) --> 4
4<script> 5 window.dataLayer = window.dataLayer || []; 6 </script>
6 7 <!-- Google Tag Manager --> 8
8<script>
vendor: 375 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','dataLayer','
12GTM-KTKH7H8K
vendor: 3 bytes, line 12
12');
12</script>
12 13 <!-- End Google Tag Manager --> 14 <!-- CYBERBIZ Google Tag Manager --> 15
15<script>
vendor: 345 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 16 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 17 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 18 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 19 })(window,document,'script','cyb','
19GTM-TXD9LVJ
vendor: 3 bytes, line 19
19');
19</script>
19 20 <!-- End CYBERBIZ Google Tag Manager -->
vendor: 69 bytes, lines 20-22
20 21 22<script async src="https://www.googletagmanager.com/gtag/js?id=
22G-RY6G7DE1F6
vendor: 12 bytes, line 22
22"></script>
23<script> 24
vendor: 134 bytes, lines 24-28
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 28 gtag('config', '
28G-RY6G7DE1F6
vendor: 4 bytes, line 28
28');
29</script>
29 30 <meta charset="utf-8"> 31<meta http-equiv="X-UA-Compatible" content="IE=edge"> 32<meta name="viewport" content="width=device-width, initial-scale=1"> 33<link rel="icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?convert=false&sha=87a3fe517296de2d"> 34<link rel="apple-touch-icon" href="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?convert=false&sha=87a3fe517296de2d"> 35 36<meta property="og:site_name" content="Botany æ¤æå¸" /> 37 38<!-- og tag --> 39 40 <meta name="keywords" content="Botany,æ¤æå¸,æä½åªæ ¼,ç¡ç³åªæ ¼,é®®å¥¶åªæ ¼,æå·¥æé¬,æå·¥ææ³¥" /> 41 <meta name="description" content="æ¥µé®®ï¼æ¥µçºï¼æ¥µä»ï¼åªæ ¼ç¼é µå®åªè³£3天ï¼å §å«11種好èï¼å¸å®å¥½èç¨®æ¸æå¤ã好èå«éæé«" /> 42 <meta property="og:title" content="Botany æ¤æå¸ æ¤æå¸ï½èªç±é åªæ ¼ç¢" /> 43 <meta property="og:description" content="æ¥µé®®ï¼æ¥µçºï¼æ¥µä»ï¼åªæ ¼ç¼é µå®åªè³£3天ï¼å §å«11種好èï¼å¸å®å¥½èç¨®æ¸æå¤ã好èå«éæé«" /> 44 <meta property="og:url" content="https://www.botany.tw" /> 45 <meta property="og:type" content="website" /> 46 47 48<!-- og image --> 49 50 51 <meta property="og:image" content="https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzQwNTI2X-akjeaCn-WtuO-8v-agoeiJsi0xNTMuanBlZy5qcGVnIl1d.jpeg?sha=9c3f02a5bc293ab7" /> 52 53 54 55<title> 56 57 Botany æ¤æå¸ æ¤æå¸ï½èªç±é åªæ ¼ç¢ 58 59</title> 60 61 62
63<script src='//cdn1-next.cybassets.com/frontend/shop/useSettingsData-3a2e378145f8a165.js' type='text/javascript'></script>
63 64 65 66 67
67<script> 68 window.setSettingsData({"draggable_sections":{"404":[],"index":["_main_slider_custom","_index_4_blocks_2","_graphic_introduction","_index_8_blocks","_graphic_introduction_2","1713459345646_0","_index_product_banner"],"product":["product_info","product_description","board_comments","related_products"],"collection":[],"category":[],"blog":[],"article":[],"cart":[],"contact":[],"express_delivery":[],"search":[],"combo_product":["combo_product_info","combo_product_desc","board_comments"],"page":["_main_slider_custom","_index_4_blocks_2","_graphic_introduction","_index_8_blocks","_graphic_introduction_2","_index_product_banner","_index_4_blocks"]},"sections":{"navbar":{"type":"navbar","visible":true,"settings":{"navbar_image_logo_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b","navbar_image_logo_tablet_url":"","navbar_image_logo_mobile_url":"","main_nav":"main-menu","slider_primary_linklist":"main-menu","slider_primary_linklist_set_open":false,"nav_show_three_dimension":true,"search_enabled":true,"display_only_index":false,"dict_header_banner_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=ededc1e6b96d21f4","dict_header_banner_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_header_banner_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_header_banner_link":"","display_count_down":false,"navbar_display_style":"displayDefault","menu_display_style":"three_dimension_menu","header_banner_start":"","header_banner_end":"","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","navbar_background_transparent":false,"link_menu_enabled":false,"link_menu":"undefined","display_banner_type":"imageBanner","header_banner_simple_text_size":"12","header_banner_simple_text_color":"#ffffff","header_banner_simple_bg":"#000000","logo_height":"","mobile_logo_position":"left"},"custom_name":"å°è¦½å"},"footer":{"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/botany.taiwan","display_instagram":true,"shop_instagram":"https://www.instagram.com/botany.yogurt/","display_line":true,"shop_line":"https://lin.ee/NIFcJDp","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1714971143232_2","1715660083636_2","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"é¸å®","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"éæ¼æå","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"è¯çµ¡è³è¨","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"è¯çµ¡è³è¨","display_phone":false,"dict_phone_number":"0931505090","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":true,"dict_shop_email":"[email protected]","display_shop_address":true,"dict_shop_address":"å°ä¸å¸è¥¿å±¯åæå¯è·¯6è","display_office_time":true,"dict_shop_office_time":"10:30-19:30"}},"1714971143232_2":{"type":"rich_text_editor_setting","custom_name":"èªè¨æå","visible":true,"settings":{"dict_rich_text_title":"å ¬å¸è³è¨","dict_rich_text_content":"\u003cp\u003eå ¬å¸å稱 é¦¥å¾¡è¾²ç¢æéå ¬å¸\u003c/p\u003e\n\u003cp\u003eçµ±ä¸ç·¨è 93629287\u003c/p\u003e\n"}},"1715660083636_2":{"type":"rich_text_editor_setting","custom_name":"èªè¨æå","visible":true,"settings":{"dict_rich_text_title":"é£åæ¥è ç»éåè","dict_rich_text_content":"\u003cp\u003eB-193629287-00000-5\u003c/p\u003e\n"}}},"custom_name":"é è ³"},"_main_slider_custom":{"type":"_main_slider_custom","visible":true,"blocks":{"display_main_slider_item_1":{"type":"image","visible":true,"settings":{"dict_link":"/collections/all","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2","main_slider_image_alt":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""},"custom_name":"ç´ æ"},"display_main_slider_item_2":{"type":"image","visible":true,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2.png","dict_tablet_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png","dict_mobile_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_2_tablet.png"},"custom_name":"ç´ æ"},"display_main_slider_item_3":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/main_slider_item_3.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"ç´ æ"},"display_main_slider_item_4":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"ç´ æ"},"display_main_slider_item_5":{"type":"image","visible":false,"settings":{"dict_link":"","dict_image_url":"","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"ç´ æ"}},"block_order":["display_main_slider_item_1"],"settings":{"swiper_delay":"60","margin_x":"","margin_bottom":"40","image_number":"1","image_space":"12","mobile_margin_x":"0","mobile_margin_bottom":"24","mobile_image_number":"1","mobile_image_space":"8","transition_speed":"0.3"},"custom_name":"輪æç´ æ"},"_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"https://www.facebook.com/botany.taiwan","dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":""},"custom_name":"åç"},"display_index_4_block_1_2":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_2.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"https://www.instagram.com/botany.yogurt/"}},"display_index_4_block_1_3":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_3.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"display_index_4_block_1_4":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"/theme_src/i18n_delight/default_img/index_4_blocks_1_4.jpeg","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"https://lin.ee/NIFcJDp"}}},"block_order":["display_index_4_block_1","display_index_4_block_1_2","display_index_4_block_1_3","display_index_4_block_1_4"],"custom_name":"èªè¨æçè¨è¨","settings":{"margin_x":"320","margin_bottom":"32","margin_block":"100","mobile_margin_x":"80","mobile_margin_bottom":"24","mobile_columns":2,"mobile_margin_block":"40"}},"express_delivery_index_4_blocks":{"type":"_index_4_blocks","visible":false,"blocks":{"express_delivery_display_index_4_block_1":{"type":"image","visible":true,"settings":{"title":"","dict_link":"","dict_image_url":"/theme_src/i18n_delight/default_img/express_delivery_display_index_4_block_1.jpg","dict_tablet_image_url":"","dict_mobile_image_url":""}}},"block_order":["express_delivery_display_index_4_block_1"]},"custom_text":{"type":"custom_text","visible":true,"settings":{}},"blog":{"type":"blog","visible":true,"settings":{"article_limit_in_blog_page":"6"}},"article":{"type":"article","visible":true,"settings":{"display_blog_menu":true,"dict_blog_tags_title":"æç« åé¡","blog_latest_post_limit":"2"}},"category":{"type":"category","visible":true,"settings":{"category_sidebar_set_open":false,"category_product_block_limit":"4","category_product_swiper_item_limit":"
686","category_product_item_limit":"18"}},"shop_setting":{"type":"shop_setting","visible":true,"settings":{"favicon_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc3ODAxX-aIquWcliAyMDI0LTAzLTEzIOS4iuWNiDEyLjMyLjIyIDIucG5nLnBuZyJdXQ.png?sha=87a3fe517296de2d","og_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzQwNTI2X-akjeaCn-WtuO-8v-agoeiJsi0xNTMuanBlZy5qcGVnIl1d.jpeg?sha=9c3f02a5bc293ab7","shop_title":"æ¤æå¸ï½èªç±é
åªæ ¼ç¢","shop_description":"æ¥µé®®ï¼æ¥µçºï¼æ¥µä»ï¼åªæ ¼ç¼é
µå®åªè³£3天ï¼å
§å«11種好èï¼å¸å®å¥½èç¨®æ¸æå¤ã好èå«éæé«","shop_keywords":"Botany,æ¤æå¸,æä½åªæ ¼,ç¡ç³åªæ ¼,é®®å¥¶åªæ ¼,æå·¥æé¬,æå·¥ææ³¥"},"custom_name":"å
¨ç«è¨å®"},"color_settings":{"type":"color_settings","visible":true,"settings":{"button_color":"#525652","button_text_color":"#FFFEF8","accent_color":"#525652","heading_color":"#2d2d2d","text_color":"#525652","price_color":"#cb9a5e","discount_price_color":"#525652","theme_bg_color":"#FFFEF8","product_border_color":"#525652","nav_logo_bg_color":"#FFFEF8","nav_menu_bg_color":"#FFFEF8","nav_menu_text_color":"#2d2d2d","nav_menu_icon_color":"#000000","footer_bg_color":"#525652","footer_text_color":"#FFFEF8","checkout_button_color":"#525652","checkout_accent_color":"#408009","tips_text_color":"#408009"},"custom_name":"é¡è²è¨å®"},"popup":{"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMxMzE1NjYzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=96a3e0683a5a839b","icon_size":"small","dict_link":"https://www.botany.tw/account/signup"},"custom_name":"åç"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"å½çªå»£å"},"product_info":{"type":"product_info","visible":true,"settings":{"display_product_sku":true,"dict_vip_custom_price_text":"","dict_vip_custom_price_href":""},"custom_name":"åºæ¬è¨å®"},"product_description":{"type":"product_description","visible":true,"custom_name":"ååä»ç´¹"},"board_comments":{"type":"board_comments","visible":true,"settings":{},"custom_name":"ååè©è«","thumbnail":"list","draggable":false},"related_products":{"type":"related_products","visible":true,"settings":{"display_related_cols":true,"use_custom_related_cols":true,"dict_group_related_cols_related_product":"ç¸éåå","related_products_limit":"4"},"custom_name":"ç¸éåå"},"combo_product_info":{"type":"combo_product_info","visible":true,"settings":{}},"combo_product_desc":{"type":"combo_product_desc","visible":true,"settings":{}},"contact":{"type":"contact","visible":true,"settings":{"show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e"}},"collection":{"type":"collection","visible":true,"settings":{"collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","is_infinite_scroll":false},"custom_name":"åååé¡è¨å®"},"404":{"type":"404","visible":true,"settings":{"image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_404_image_url":"/theme_src/i18n_delight/default_img/404_img.png","dict_title_text":"æ±æï¼æ¤é é¢ä¸å卿è
å·²ç¶è¢«ç§»é¤","dict_btn_text":"è¿åé¦é "}},"blogs_all":{"type":"blogs_all","visible":true,"settings":{}},"bundle_discounts":{"type":"bundle_discounts","visible":true,"settings":{}},"cart":{"type":"cart","visible":true,"settings":{}},"cart_empty":{"type":"cart_empty","visible":true,"settings":{}},"page":{"type":"page","visible":true,"settings":{}},"search":{"type":"search","visible":true,"settings":{"search_link_list":"main-menu"}},"customers/account":{"type":"customers/account","visible":true,"settings":{}},"customers/account_edit":{"type":"customers/account_edit","visible":true,"settings":{}},"customers/activate_account":{"type":"customers/activate_account","visible":true,"settings":{}},"customers/addresses":{"type":"customers/addresses","visible":true,"settings":{}},"customers/bonus_points":{"type":"customers/bonus_points","visible":true,"settings":{}},"customers/cancel":{"type":"customers/cancel","visible":true,"settings":{}},"customers/coupons":{"type":"customers/coupons","visible":true,"settings":{}},"customers/forgot_password":{"type":"customers/forgot_password","visible":true,"settings":{}},"customers/login":{"type":"customers/login","visible":true,"settings":{}},"customers/message":{"type":"customers/message","visible":true,"settings":{}},"customers/messages":{"type":"customers/messages","visible":true,"settings":{}},"customers/modify_password":{"type":"customers/modify_password","visible":true,"settings":{}},"customers/order":{"type":"customers/order","visible":true,"settings":{}},"customers/orders":{"type":"customers/orders","visible":true,"settings":{}},"customers/periodic_order":{"type":"customers/periodic_order","visible":true,"settings":{}},"customers/periodic_orders":{"type":"customers/periodic_orders","visible":true,"settings":{}},"customers/other_valid_orders":{"type":"customers/other_valid_orders","visible":true,"settings":{}},"customers/register":{"type":"customers/register","visible":true,"settings":{}},"customers/reset_password":{"type":"customers/reset_password","visible":true,"settings":{}},"customers/return":{"type":"customers/return","visible":true,"settings":{}},"customers/tracking_items":{"type":"customers/tracking_items","visible":true,"settings":{}},"express_delivery-navbar":{"type":"express_delivery-navbar","visible":true,"settings":{}},"express_delivery-content":{"type":"express_delivery-content","visible":true,"settings":{}},"_index_4_blocks_2":{"type":"_index_4_blocks","custom_name":"èªè¨æçè¨è¨","visible":true,"settings":{"margin_x":"160","margin_bottom":"40","margin_block":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","mobile_columns":2,"mobile_margin_block":"16"},"blocks":{"display_index_4_block_2":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/puree","block_propotion":"33.3","dict_image_description":""}},"display_index_4_block_2_2":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/products/nuts","block_propotion":"33.3","dict_image_description":""}},"display_index_4_block_2_3":{"type":"image","custom_name":"åç","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"/collections/ç¡ç³é®®å¥¶åªæ ¼","block_propotion":"33.3","dict_image_description":""}}},"block_order":["display_index_4_block_2","display_index_4_block_2_2","display_index_4_block_2_3"]},"_index_8_blocks":{"type":"_index_8_blocks","custom_name":"åååé¡","visible":true,"settings":{"dict_title":"è¶
夯人氣çµå","collection_handle":"è¶
夯人氣çµå","limit":"
686","margin_x":"180","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","product_display":"displayAll","product_arrangement":"2","product_alignment":"leftPosition","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[]},"_index_product_banner":{"type":"_index_product_banner","custom_name":"æ©«å¹
廣å","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"è¯çµ¡æå"},"blocks":{},"block_order":[]},"_graphic_introduction":{"type":"_graphic_introduction","custom_name":"åæä»ç´¹","visible":true,"settings":{"text_display":"leftPosition","graphic_text":"#FFFEF8","graphic_bg":"#525652","margin_x":"20","margin_bottom":"48","mobile_margin_x":"20","mobile_margin_bottom":"50","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf","btn_display":"leftSide","block_propotion":"60"},"blocks":{"display_graphic_introduction_block_1":{"type":"title","custom_name":"æ¨é¡","visible":true,"settings":{"dict_rich_text_title":"æ ¹æ¤å¨å° ï½ ææèªç¶","dict_size":"24"}},"display_graphic_introduction_block_1_2":{"type":"text","custom_name":"å
§æ","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003eå¨é£å®åé¡ä¸æ·çç¼çé幾年\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eæåä¸è¿½æ±å·¥å» 大éçç¢çç¢å\u003c/p\u003e\n\u003cp\u003eä¸ä½¿ç¨å叿·»å åä¾åºæ¿å³è¾\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eå
æå¨åºè£½ä½ç溫度\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eæ¯ä¸å£é½åå¾å°\u003c/p\u003e\n\u003cp\u003eæ°é®®é£æèå£ç¯æ°£å交ç¹èæçèªç¶é
¸ç\u003c/p\u003e\n","dict_size":"16"}},"display_graphic_introduction_block_1_3":{"type":"button","custom_name":"æé","visible":false,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#525652","graphic-button_text":"#ffffff","dict_graphic_button_link":"/collections/all"}}},"block_order":["display_graphic_introduction_block_1","display_graphic_introduction_block_1_2"]},"_graphic_introduction_2":{"type":"_graphic_introduction","custom_name":"åæä»ç´¹","visible":true,"settings":{"text_display":"midPosition","graphic_text":"#525652","graphic_bg":"#ffffff","margin_x":"20","margin_bottom":"48","mobile_margin_x":"0","mobile_margin_bottom":"40","dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","dict_mobile_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e","btn_display":"rightSide","block_propotion":"40","custom_block_image_alt":""},"blocks":{"display_graphic_introduction_block_2":{"type":"title","custom_name":"æ¨é¡","visible":true,"settings":{"dict_rich_text_title":"極 é®® ï¼ æ¥µ çº ï¼ æ¥µ ä» ï¼ ","dict_size":"24"}},"display_graphic_introduction_block_2_2":{"type":"text","custom_name":"å
§æ","visible":true,"settings":{"dict_rich_text_content":"\u003cp\u003eã»ç¼é
µå®åªè³£ 3 å¤©çæ¥µé®®åªæ ¼\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eã»æ°é®®æ°´æç¬è£½èæé«çºææ³¥\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003eã»ææº«çå¹ 6 å°æçåå³å
æ\u003c/p\u003e\n\u003cp\u003e\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;çµ æ ç¥ ä» çµ å\u003c/p\u003e\n","dict_size":"18"}},"display_graphic_introduction_block_2_3":{"type":"button","custom_name":"æé","visible":true,"settings":{"dict_btn_text":"Shop Now","graphic-button_bg":"#525652","graphic-button_text":"#d9caa3"}}},"block_order":["display_graphic_introduction_block_2","display_graphic_introduction_block_2_2"]},"1713459345646_0":{"type":"_main_slider_custom","custom_name":"輪æç´ æ","visible":true,"settings":{"swiper_delay":"2","margin_x":"0","margin_bottom":"50","image_number":"3","image_space":"12","mobile_margin_x":"5","mobile_margin_bottom":"50","mobile_image_number":"2","mobile_image_space":"5","transition_speed":"0.3"},"blocks":{"1713459345647_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM2X-akjeaCn-WtuO-8v-agoeiJsi0zNS5qcGVnLmpwZWciXV0.jpeg?sha=bae72dfb6df5dd78","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459753188_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM0X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=ae739617329f088b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459755789_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMjMuanBnLmpwZWciXV0.jpeg?sha=685f4f85d68de7c2","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459757073_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459758706_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=9eaeb65c1c55dc0e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459760003_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMzQuanBnLmpwZWciXV0.jpeg?sha=facbef037896bfaa","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459761206_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xNDguanBnLmpwZWciXV0.jpeg?sha=8858ac32640551fe","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1713459768489_0":{"type":"image","custom_name":"ç´ æ","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=c866401b1037406d","dict_tablet_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=c866401b1037406d","dict_mobile_image_url":"","dict_link":""}},"1713459770338_0":{"type":"image","custom_name":"ç´ æ","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=9eaeb65c1c55dc0e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459773339_0":{"type":"image","custom_name":"ç´ æ","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=3e20e75b6649bea5","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1713459775837_0":{"type":"image","custom_name":"ç´ æ","visible":false,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNDU5NzM1X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=453f00ea346517ba","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":""}},"1733378986393_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzMzc5MTM0X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=fc1658f80be24bef","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1733736054816_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=7160c6a125f6c469","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1733736342427_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=d55ce598ff2b60df","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1733736349232_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=747b5de6f43e338e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}},"1733736357351_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=89eed101ea91dc5e","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}}
68,"1733736385109_0":{"type":"image","custom_name":"ç´ æ","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2NDM4X-akjeaCn-WtuO-8v-agoeiJsi0xNTggKDEpLmpwZy5qcGVnIl1d.jpeg?sha=3ec730bf625d4d3b","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","slide_contents_display":"left","slide_btn_link":"","slide_title_color":"#000000","slide_content_color":"#000000","slide_btn_bg_color":"#000000","slide_btn_text_color":"#ffffff","dict_slide_btn_link":""}}},"block_order":["1713459755789_0","1713459757073_0","1713459760003_0","1713459761206_0","1733736054816_0","1733736342427_0","1733736349232_0","1733736357351_0","1733736385109_0"]},"announcement_bar":{"type":"announcement_bar","visible":true,"blocks":{"announcement_bar_block_1":{"type":"image","visible":true,"settings":{"display_only_index":false,"display_period":"always","dict_link":"","link_open_in_new_tab":false,"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=ededc1e6b96d21f4","dict_image_tablet_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","dict_image_mobile_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzQ0MDkyNTMzX-acquWRveWQjS0xLTAyLnBuZy5wbmciXV0.png?sha=fe9654d7c4cbe033","image_alt":"","dict_content":"","text_size":"12","text_color":"#ffffff","bg_color":"#000000","timer_text_color":"#c39d6f","timer_bg_color":"#2b2b6e","migrated_from_navbar":true}}},"block_order":["announcement_bar_block_1"],"settings":{"display_mode":"vertical","carousel_interval":"3"}}},"navbar_image_logo":true,"show_default_all_products":true,"one_dimension_limit":"6","two_dimension_limit":"10","header_banner_display":true,"header_banner_link":"/","display_main_slider":true,"display_phone":true,"phone_number":"0912345678","display_fax_number":true,"shop_fax_number":"0222345678","display_shop_email":true,"shop_email":"[email protected]","display_shop_address":true,"shop_address":"測試å°å","display_office_time":true,"shop_office_time":"10:00-17:00","index_event_slider_display":true,"index_event_slider_item_1_display":true,"dict_index_event_slider_item_1_link":"#","index_event_slider_item_2_display":true,"dict_index_event_slider_item_2_title":"2019ç§å£é款æ°åä¸å¸","dict_index_event_slider_item_2_link":"#","index_event_slider_item_3_display":true,"dict_index_event_slider_item_3_title":"å
¨é¤¨ä»»é¸ä¸ä»¶çµå¸³åäº«ææ£ï¼ï¼8æï¼ï¼","dict_index_event_slider_item_3_link":"#","index_event_slider_item_4_display":true,"dict_index_event_slider_item_4_title":"FINAL SALE/å¤å¤©ç±é·ç¾æé款è£è²¨å°åº","dict_index_event_slider_item_4_link":"#","index_event_slider_item_5_display":true,"dict_index_event_slider_item_5_title":"ç±è³£åæ¸","dict_index_event_slider_item_5_link":"#","index_event_slider_item_6_display":true,"dict_index_event_slider_item_6_title":"ç¾å¨è¨»åæå¡å³å¯äº«ææ£éï¼50ï¼ç¾æï¼","dict_index_event_slider_item_6_link":"#","index_event_slider_item_7_display":false,"dict_index_event_slider_item_7_title":"","dict_index_event_slider_item_7_link":"","index_event_slider_item_8_display":false,"dict_index_event_slider_item_8_title":"","dict_index_event_slider_item_8_link":"#","index_event_slider_item_9_display":false,"dict_index_event_slider_item_9_title":"","dict_index_event_slider_item_9_link":"#","index_event_slider_item_10_display":false,"dict_index_event_slider_item_10_title":"","dict_index_event_slider_item_10_link":"#","index_4_slider_display":true,"dict_index_4_slider_title":"Instagram","index_4_slider_item_1_display":true,"dict_index_4_slider_item_1_link":"#","index_4_slider_item_2_display":true,"dict_index_4_slider_item_2_link":"#","index_4_slider_item_3_display":true,"dict_index_4_slider_item_3_link":"#","index_4_slider_item_4_display":true,"dict_index_4_slider_item_4_link":"#","index_4_slider_item_5_display":true,"dict_index_4_slider_item_5_link":"#","index_4_slider_item_6_display":false,"dict_index_4_slider_item_6_link":"#","index_4_slider_item_7_display":false,"dict_index_4_slider_item_7_link":"#","index_4_slider_item_8_display":false,"dict_index_4_slider_item_8_link":"#","index_video_blocks_display":true,"dict_index_video_blocks_title":"Youtube","dict_index_video_blocks_video_link":"https://www.youtube.com/watch?v=3bI4IUIVjCk","collection_sidebar":"main-menu","collection_sidebar_set_open":false,"collection_pagination_limit":"24","product_slogan_display":false,"display_product_total_sold":false,"display_periodic_order_label":false,"cart_quantity_limit":"0","is_empty_clickable":true,"is_first_selected":false,"display_product_images_color":false,"discount_product_images_color_expand":false,"display_product_discounts_list":true,"display_discount_price_name":false,"discount_price_slogan_url":"/theme_src/i18n_delight/default_img/onsale_icon.png","dict_discount_price_name":"","display_discount_price_suggestion_name":false,"dict_discount_price_suggestion_name":"","display_product_section_description":true,"dict_product_section_description":"ååä»ç´¹","description_section_spec_setting":true,"dict_product_description_section_spec":"è¦æ ¼èªªæ","description_section_shipping_setting":true,"dict_product_description_section_shipping":"ééæ¹å¼","vip_custom_price_visible":false,"display_global_event_1":false,"dict_show_global_event_1_link":"#","display_global_event_2":false,"dict_show_global_event_2_link":"#","display_global_event_3":false,"dict_show_global_event_3_link":"#","display_contact_address":true,"dict_contact_address":"測試å°å","show_google_map":true,"show_google_map_iframe":"\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3613.6479170127777!2d121.56760821400371!3d25.07991984260527!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ac6fbd841bbd%3A0x64e16bcf25e3da31!2zMTE05Y-w5YyX5biC5YWn5rmW5Y2A55Ge5YWJ6LevNTEz5be3MzDomZ8!5e0!3m2!1szh-TW!2stw!4v1485156761267\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e","display_selected_blog":true,"selected_blog":"news","display_inventory_policy":true,"google_font":"{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Sans TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}","styled_shop_menu":"buttonType","product_scale":"default_scale","display_product_vendor":true,"product_video_display_location":"before","product_text_align":"start","product_labels":{"displayPeriodicEventLabel":false,"periodicEventLabelType":"text","dictPerio
68dicEventLabelText":"","periodicEventLabelImage":"","displaySaleLabel":false,"saleLabelType":"text","dictSaleLabelText":"","saleLabelImage":"/theme_src/beta_theme/default_img/onsale_icon.png","displayOutOfStockLabel":false,"outOfStockLabelType":"text","dictOutOfStockLabelText":"","outOfStockLabelImage":"","displayCustomLabel1":false,"customLabel1Type":"text","customLabel1Tag":"","dictCustomLabel1Text":"","customLabel1Image":"","displayCustomLabel2":false,"customLabel2Type":"text","customLabel2Tag":"","dictCustomLabel2Text":"","customLabel2Image":"","displayCustomLabel3":false,"customLabel3Type":"text","customLabel3Tag":"","dictCustomLabel3Text":"","customLabel3Image":"","displayCustomLabel4":false,"customLabel4Type":"text","customLabel4Tag":"","dictCustomLabel4Text":"","customLabel4Image":"","displayCustomLabel5":false,"customLabel5Type":"text","customLabel5Tag":"","dictCustomLabel5Text":"","customLabel5Image":""},"nav_icon_style":"icon_type_default","product_card_hover_effect":"button"}); 69 </script>
69 70 71 72 73 74 75 76 77 78
78<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.botany.tw","logo":"https://cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b"}</script>
78<script type="application/ld+json">{"@context":"https://schema.org/","@type":"WebSite","name":"Botany æ¤æå¸","url":"https://www.botany.tw","potentialAction":{"@type":"SearchAction","target":"www.botany.tw/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
78 79 80 81 82 <!-- for vendor --> 83 <!-- cyb_snippet _bootstrap start --> 84 85<!-- cyb_snippet _bootstrap end --> 86 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vendor-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 87 88 <!-- common css rulesets --> 89 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/common-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 90 91 <!-- for navbar --> 92 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/navbar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 93 94 <!-- for footer --> 95 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/footer-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 96 97 <!-- theme assets --> 98 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/main-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 99 100 <!-- for vendor --> 101
101<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/vendor-3a2e378145f8a165.js' type='text/javascript'></script>
101 102 103
103<script> 104 window.sci = "eyJzaG9wX2lkIjoyODgzMywic2hvcF9wbGFuIjoiYWR2YW5jZSIsImRpbV9h\nZmZpbGlhdGUiOm51bGwsImN1c3RvbWVyX2lkIjpudWxsLCJjdXN0b21lcl9u\nYW1lIjpudWxsLCJzaG9wX25hbWUiOiJCb3Rhbnkg5qSN5oKf5a24Iiwic2hh\ncmVfYXR0cmlidXRpb25fZW5hYmxlZCI6dHJ1ZX0=\n"; 105 </script>
105 106 107 108<meta name="csrf-param" content="authenticity_token" /> 109<meta name="csrf-token" content="TaileAcFo8eZmiyp9lCMtM3RmC4mddMk0xiLf62ukkjXlBDCFLiQKkU04Ua3Hk-4tSlQheAg_17QVLcxeNr5ng" />
110<script>(function () { 111 window.gaConfigurations = {"useProductIdInProductEvents":false}; 112})(); 113</script>
vendor: 1 bytes, line 113
113
114<script>(function () { 115 window.CYBERBIZ_PageContext = {"page_type":"home"}; 116})(); 117</script>
117 118<link href="//cdn1-next.cybassets.com/frontend/shop/quark-3a2e378145f8a165.css" rel="stylesheet" type="text/css" media="all" /> 119
119<script> 120 window.shopScriptHelper = { 121 i18nLocale: "zh-TW", 122 i18nLocaleDefault: "zh-TW", 123 availableCurrencies: [], 124 defaultCurrency: "TWD", 125 currenciesInfo: [{"decimal_precision":0,"symbol":"NT$","name":"æ°å°å¹£ (TWD)","html":"NT${{amount_no_decimals}}","email_unit":"NT${{amount_no_decimals}}","html_unit":"NT${{amount_no_decimals}}","unit":"","trailing_zeros":false,"format":"NT${{amount_no_decimals}}","code":"TWD","money_format":"%u%n","email":"NT${{amount_no_decimals}}"}], 126 vueOverrideTranslations: {"zh-TW":{"vue":{"theme_pages":{"order_return":{"address1":"詳細é貨å°åï¼è·¯/å··/å¼/è/æ¨","keyin_address1":"è«å¡«å¯«è©³ç´°é貨å°åï¼è·¯/å··/å¼/è/æ¨"}}}}}, 127 hasI18nInContextEditing: false, 128 shopMultipleCurrenciesCheckout: false, 129 hasLocalizedShopPriceFormat: true, 130 } 131 </script>
131 132 133 134
134<script 135 src="//cdn1-next.cybassets.com/frontend/shop/tolgeeIntegration-3a2e378145f8a165.js"> 136 </script>
136 137
137<script defer> 138 /* 139 * Enable in-context translation for Liquid part on the page. 140 * This must be executed last to prevent conflicts with other Vue apps. 141 * So put it to `onload`, which will be executed after DOM ready's app mount 142 */ 143 window.onload = function() { 144 if ( 145 window.shopScriptHelper && 146 window.shopScriptHelper.hasI18nInContextEditing 147 ) { 148 window.initTolgeeForLiquid() 149 } 150 } 151 </script>
151 152
153<script> var google_con_event_labels = []</script>
vendor: 1 bytes, line 153
153
154<script src="//cdn1-next.cybassets.com/frontend/shop/pageEventHandler-3a2e378145f8a165.js"></script>
vendor: 1 bytes, line 154
154
155<script src="//cdn1-next.cybassets.com/frontend/shop/globalAnalysis-e4c650eb0b.js"></script>
155 156
156<script> 157 window.c12t = {"customer_id":null}; 158 </script>
158 159 160 <meta name="request-id" content="D96EB3E7285ADCBE334BD4E3C0BB8843"/> 161 162<link rel="canonical" href="https://www.botany.tw/">
163<script src="//cdn1-next.cybassets.com/frontend/shop/carousel-3a2e378145f8a165.js"></script>
163 164
164<script> 165 window.parent.postMessage({ type: 'previewShopInit', currentUrl: window.location.href }, '*'); 166 </script>
166 167
168<script src="//cdn1-next.cybassets.com/frontend/appStoreSDK/main.2798231628aa7fab87a9.js"></script>
vendor: 1 bytes, line 168
168
169<script>window.CYBERBIZ_AppScriptSettings = {"shop_add_ons":"W3sidmVuZG9yX3R5cGUiOiJDWUJFUkJJWiBHb29nbGUgQW5hbHl0aWNzIDQi\nLCJhcHBfaWQiOiJRVWo1WnFvZUlPUjlaM2JaS2trMG44N3l5a0FpOWU0NURE\naDJ0YlFnaUJBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6IkctUDM2WUhQM0dW\nRiwgRy00QjdSSzdGSFdIIn19LHsidmVuZG9yX3R5cGUiOiJHb29nbGUgQW5h\nbHl0aWNzIDQiLCJhcHBfaWQiOiJSYkpWMTVFcVZWOHJ1Umo3NVlmV3Z1RUlD\nRm90Q0FPZm0xSDZtZ3hyNkZBIiwic2V0dGluZ3MiOnsiZ3RhZ19pZCI6Ikct\nUlk2RzdERTFGNiJ9fSx7InZlbmRvcl90eXBlIjoiRGlnaXRhbCBJbnRlbGxp\nZ2VuY2UgVHJhY2tlciIsImFwcF9pZCI6IjFiNTBhODZkYzJkMTQxODM4OGZk\nZWRmN2EwZDQzOWFlIiwic2V0dGluZ3MiOnt9fV0=\n"} 170</script>
vendor: 1 bytes, line 170
170
171<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/9d6f4550aad572e9f70abb70ae5a6552482cf617ea5e4d5a32ed4ebbb5d60d54.js"></script>
vendor: 1 bytes, line 171
171
172<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/a810ec58aab67d16f8de1c4adf06fc7cc9f4477ec503b9cb1a998741bc692652.js"></script>
vendor: 1 bytes, line 172
172
173<script src="https://cdn.cybassets.com/appmarket/api/common/attachments/entrypoint/35cd1f36a4a855bacbaa53900f8e17b376d4cab44c73812eef261aef6435163d.js"></script>
vendor: 1 bytes, line 173
173
174<script>window.CYBERBIZ.initializeSDK.initialize();</script>
vendor: 1 bytes, line 174
174
175<script src="//cdn1-next.cybassets.com/frontend/shop/setAffliateCookie-3a2e378145f8a165.js"></script>
vendor: 1 bytes, line 175
175
176<script src="//cdn1-next.cybassets.com/assets/url-share-attribution-087b8170482449a1d92fbb0c92f9ce3ef38a84f35c52016ed831bd3efd8eed8b.js"></script>
176 177 178 179 180 181 182 183 184 <style id="color_settings"> 185 :root { 186 187 --button: #525652; 188 189 190 191 --button_text: #FFFEF8; 192 193 194 195 --accent: #525652; 196 197 198 199 --heading: #2d2d2d; 200 201 202 203 --text: #525652; 204 205 206 207 --price: #cb9a5e; 208 209 210 211 --discount_price: #525652; 212 213 214 215 --theme_bg: #FFFEF8; 216 217 218 219 --nav_logo_bg: #FFFEF8; 220 221 222 223 --nav_menu_bg: #FFFEF8; 224 225 226 227 --nav_menu_text: #2d2d2d; 228 229 230 231 --nav_menu_icon: #000000; 232 233 234 235 --footer_bg: #525652; 236 237 238 239 --footer_text: #FFFEF8; 240 241 242 243 --checkout_button: #525652; 244 245 246 247 --checkout_accent: #408009; 248 249 250 251 --product_border: #525652; 252 253 254 255 --tips_text: #408009; 256 257 258 259 260 261 } 262</style> 263 264 265 266 267<meta name="google-site-verification" content="7S3-33ovqHtGQab85AIh-XL2Pvnu9diGKt3poaBZQIs" /> 268 269 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 269-270
269 270 <script async src="https://www.googletagmanager.com/gtag/js?id=
270G-P36YHP3GVF
vendor: 22 bytes, lines 270-271
270"></script> 271
271<script> 272 window.dataLayer = window.dataLayer || []; 273 function gtag(){dataLayer.push(arguments);} 274 gtag('js', new Date()); 275 gtag('config', 'G-P36YHP3GVF', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":28833,"dim_affiliate":null}); 276 gtag('config', 'UA-64017614-1', {"groups":"cyberbiz","custom_map":{"dimension1":"shop_id","dimension2":"customer_id","dimension3":"infinite_scroll","dimension4":"dim_affiliate"},"shop_id":28833,"dim_affiliate":null}); 277 gtag('config', 'AW-3947958374', {"groups":"dynamic_remarketing"});</script>
277 278
278<script> 279 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 280 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 281 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 282 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 283 284 ga('create', '', 'auto', {'name': 'cyberbiz'}); 285 ga('cyberbiz.require', 'displayfeatures'); 286 ga('cyberbiz.set', 'dimension1', '28833'); 287 ga('cyberbiz.require', 'ec'); 288 ga('cyberbiz.send', 'pageview'); 289 </script>
289 290 291
291<script>
vendor: 426 bytes, lines 291-298
291 292 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 293 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 294 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 295 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 296 document,'script','//connect.facebook.net/en_US/fbevents.js'); 297 298 fbq('init', '
2981181616233102280
vendor: 38 bytes, lines 298-299
298', {}, {'agent':'plcyberbiz'}); 299
299fbq('track', "PageView", '', { eventID: "PageView_D96EB3E7285ADCBE334BD4E3C0BB8843" }); 300 var facebook_pixel_id = '1181616233102280'</script>
300 301 302 </head> 303 304 <body style="display: flex; flex-direction: column;"><!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 304-305
304 305 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
305GTM-KTKH7H8K
vendor: 105 bytes, lines 305-307
305" 306 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 307
307<!-- End Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 307-309
307 308 <noscript><iframe 309 src="//www.googletagmanager.com/ns.html?id=
309GTM-TXD9LVJ
vendor: 117 bytes, lines 309-315
309" 310 height="0" 311 width="0" 312 style="display:none;visibility:hidden"> 313 </iframe></noscript> 314 315
315<!-- Navigation --> 316 <!-- cyb_snippet liquid_helper start -->
317<script> 318 function getDiscountPriceName() { 319 return "false" === "true" ? "" : ""; 320 } 321 322 function getDiscountPriceSuggestionName() { 323 return "false" === "true" ? "" : ""; 324 } 325 326 document.addEventListener('DOMContentLoaded', function() { 327 const languageHandle = Cookies.get("language"); 328 const defaultLanguage = {"handle":"zh-TW","title":"ç¹é«ä¸æ","currency_code":"TWD"}; 329 const languages = []; 330 const currency = window.shopScriptHelper.defaultCurrency; 331 const currencies = window.shopScriptHelper.currenciesInfo; 332 window.liquidHelper = { 333 shopInternational: false, 334 defaultLanguage: defaultLanguage, 335 language: languages.find(function(l) { 336 return l.handle === languageHandle; 337 }) || defaultLanguage, 338 shopMultipleCurrenciesCheckout: false, 339 shopMultipleCurrencies: false, 340 defaultCurrencyFormat: "NT${{amount_no_decimals}}", 341 defaultCurrency: currency, 342 getCurrency: function() { 343 const currencyValue = Cookies.get("currencyValue") || currency; 344 return currencies.find(function(c) { return c.code === currencyValue; } 345 )}, 346 getDefaultCurrency: function() { return currencies.find(function(c) { 347 return c.code === currency; 348 })}, 349 getAvailableCurrencies: function() { return currencies.map(c => c.code) },
350 getCurrencyFormatInfo: function(currency) { 351 const currencyInfo = currencies.find(c => c.code === currency) 352 return _.pick(currencyInfo, [ 353 'decimal_precision', 354 'symbol', 355 'money_format', 356 'unit', 357 'trailing_zeros', 358 'html_unit', 359 'code', 360 ]); 361 }, 362 cartQuantityLimit: (function() { 363 const limit = Number("0" || undefined); 364 return limit <= 0 || isNaN(limit) ? Number.POSITIVE_INFINITY : limit; 365 })(), 366 isFirstVariantSelected: false , 367 isImageColorsUsed: false , 368 isEmptyClickable: true , 369 hasAddBuyProduct: '' !== "" ? true : false, 370 hasPriceWithDiscountPlugin: 'false' ? true : false, 371 conversionBonus: 1, 372 hasLocalizedShopPriceFormat: true, 373 hasCustomerCartPlugin: true, 374 isCartEnabled: true, 375 cdnHost: '//cdn1-next.cybassets.com', 376 hasShopCustomPasswordRulePlugin: false, 377 hasDisableProductQuantityValidation: false, 378 hasBreadcrumbReferrerEnabled: false, 379 }; 380 }); 381</script>
381 382 383<!-- cyb_snippet liquid_helper end --> 384
385<script src='//cdn1-next.cybassets.com/frontend/shop/navbarSection-3a2e378145f8a165.js' type='text/javascript'></script>
385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402<style> 403 404 #navbar { 405 --navbar-pc-title-scale: 0.9; 406 --navbar-pc-body-scale: 1.0; 407 --navbar-mobile-title-scale: 0.9; 408 --navbar-mobile-body-scale: 1.0; 409 } 410 411 412 413 414 415</style> 416 417 418 <span id="navbar" class="drawer drawer--left font-size-setting-enabled"> 419 <header id="header" class="qk-w--100vw qk-pos--fixed qk-t--0 qk-l--0"> 420 421 422 423 <div id="announcement-bar"></div> 424 425 426 427 428 <div class="computer_nav qk-hidden--mobile "> 429 <div class="header_logo qk-bg--nav_logo_bg"> 430 <div class="qk-pos--rel"> 431 <div class="qk-text--center"> 432 <!-- logo start --> 433 434 <nav class="logo qk-display--il_bk"> 435 <a href="/" class="qk-w--100"> 436 <img 437 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b" 438 class="qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--pc_logo qk-hidden--mobile" 439 style="width: auto; height: 52px;" 440 alt="" 441 height="52" 442 width="auto" 443 > 444 </a> 445 </nav> 446 447 <!-- logo end --> 448 <!-- tool-nav start --> 449 450 <!-- cyb_snippet tool_nav start --> 451 452 453 454 455 456 457<nav class="tool-nav qk-pos--rel qk-float--r qk-display--flex"> 458 <ul class="link_shelf_top qk-display--flex qk-flex--row qk-justify--end qk-align--center qk-pos--abs qk-r--0"> 459 460 461 <!-- member --> 462 463 <li class="customer_account qk-pos--rel qk-pd--05"> 464 <div class="dropdown qk-pos--static"> 465 <div class="qk-cursor--pointer" data-toggle="dropdown"> 466 <div data-icon-type="custom_icon_type_account"></div> 467 <span class="text"></span> 468 </div> 469 <div class="member qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu"> 470 <ul id="customer-logined-menu" style="display: none"> 471 <li> 472 <div class="qk-fs--body qk-text--heading"> 473 <p class="customer-name qk-whitespace-break-spaces"></p> 474 <p>æ¨å¥½ï¼</p> 475 </div> 476 </li> 477 </ul> 478 <ul id="customer-not-login-menu"> 479 <li class="button qk-text--center"> 480 <a href="/account/login" class="btn-login qk-btn qk-btn--lg qk-btn--primary qk-w--100">æå¡ç»å ¥</a> 481 </li> 482 <li class="button qk-text--center"> 483 <a href="/account/signup" class="btn-orders qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent">è¨»åæ°æå¡</a> 484 </li> 485 </ul> 486 <span class="menu-bd qk-bd_t--default qk-bd--product_border"></span> 487 <ul class="member-menu qk-bd_t--default qk-bd--product_border"> 488 <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg"> 489 <a href="/account/index" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">æç帳æ¶</a> 490 </li> 491 <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg"> 492 <a href="/account/orders" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">è¨å®æ¥è©¢</a> 493 </li> 494 <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg"> 495 <a href="/account/coupons" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">å°å±¬åªæ å¸</a> 496 </li> 497 <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg"> 498 <a href="/account/tracking_items" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">æ¶èæ¸ å®</a> 499 </li> 500 <li class="qk-bg--mask_hover qk-tst qk-tst_dur--15 qk-tst_timing--ease_io qk-tst_prop--bg customer-logout-li" style="display: none"> 501 <a href="/account/logout" class="qk-fs--body qk-text--heading qk-w--100 qk-display--il_bk">æå¡ç»åº</a> 502 </li> 503 </ul> 504 </div> 505 </div> 506 </li> 507 508 <!-- for money symbol --> 509 <div id="money-symbol" data-money-symbol="NT${{amount_no_decimals}}" hidden></div> 510 <!-- cart --> 511 512 <li class="cart qk-pos--rel qk-pd--05"> 513 <!--é»è ¦ççè³¼ç©è»é¸å®--> 514 <div class="dropdown qk-pos--static"> 515 <div data-toggle="dropdown" class="shopcart qk-cursor--pointer" > 516 <div data-icon-type="custom_icon_type_cart"></div>
517 <span class="global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-vert--mid qk-pos--abs qk-bd" style="display: none;">0</span> 518 <span class="global-cart-loading"></span> 519 </div> 520 <div class="qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu"> 521 <div class="cart_list global-cart-item-list custom-scrollbar qk-of_x--hidden qk-of_y--scroll qk-of_y--overlay qk-display--flex qk-flex--column qk-justify--between default_scale"></div> 522 <p class="cart_empty qk-fs--body qk-text--heading qk-text--center">ç®åçè³¼ç©è»æ¯ç©ºçï¼</p> 523 <ul> 524 <li class="button qk-text--center"> 525 <a class="btn-checkout qk-btn qk-btn--lg qk-btn--primary qk-w--100" href="/cart" style="display: none">ç«å³è³¼è²·</a> 526 <a class="btn-tracking qk-btn qk-btn--lg qk-btn--secondary qk-w--100 qk-bg--transparent" href="/account/tracking_items">å徿¶èæ¸ å®</a> 527 </li> 528 </ul> 529 </div> 530 </div> 531 </li> 532 533 <!-- search --> 534 535 <li class="search qk-pos--rel qk-pd--05" id="search-icon"> 536 <div class="dropdown qk-pos--static"> 537 <div class="qk-cursor--pointer" data-toggle="dropdown"> 538 <div data-icon-type="custom_icon_type_search"></div> 539 </div> 540 <div class="qk-dropdown_menu dropdown-menu qk-pos--abs qk-r--0 qk-bd--default qk-bd--product_border qk-bg--theme_bg" role="menu"> 541 <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-vert--mid"> 542 <form action="/search" class="form-inline qk-search_form qk-display--flex qk-justfify--between qk-align--center qk-flex--1"> 543 <input class="search-input form-control qk-inputbox qk-inputbox--lg qk-flex--1 qk-w--100 qk-bg--transparent qk-text--heading" type="search" placeholder="æå°" aria-label="Search" name="q" value="" /> 544 <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit">æå°</button> 545 </form> 546 </div> 547 </div> 548 </div> 549 </li> 550 551 <!-- express delivery --> 552 553 </ul> 554</nav> 555 556<!-- cyb_snippet tool_nav end --> 557 558 <!-- tool-nav end --> 559 </div> 560 </div> 561 </div> 562 563 <div class="header_nav qk-bg--nav_menu_bg"> 564 <div class="qk-pd_x--15"> 565 <div class="qk-pos--relative center"> 566 <!-- main-nav start --> 567 <nav class="main_nav qk-display--init"></nav> 568 <!-- main-nav end --> 569 </div> 570 </div> 571 </div> 572 573 </div> 574 575 <div class="qk-hidden--pc "> 576 <!-- mobile-nav start --> 577 <nav class="mobile-nav qk-bg--nav_logo_bg"> 578 <ul class="qk-display--flex qk-flex--row qk-justify--between qk-align--center qk-pd_x--05 qk-pd_y--0"> 579 <!-- menu --> 580 581 <li class="sidebar-menu-icon drawer-toggle qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center"> 582 <div data-icon-type="custom_icon_type_menu"></div> 583 </li> 584 585 <!-- logo --> 586 587 <li class="logo qk-mg_r--auto qk-pd_x--05 qk-pd_y--0"> 588 589 <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--phone"> 590 <img 591 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b" 592 height="25" 593 width="auto" 594 alt="" 595 > 596 </a> 597 598 599 <a href="/" class="qk-display--il_flex qk-align--center qk-h--100 qk-hidden--tablet"> 600 <img 601 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b" 602 height="25" 603 width="auto" 604 alt="" 605 > 606 </a> 607 608 </li> 609 610 611 <!-- search --> 612 613 <li class="search qk-text--center qk-pd_x--05 qk-pd_y--0 qk-display--flex qk-align--center "> 614 <div class="dropdown qk-pos--static qk-text--center"> 615 <div class="qk-cursor--pointer" data-toggle="dropdown"> 616 <div data-icon-type="custom_icon_type_search"></div> 617 </div> 618 <div 619 class="qk-dropdown_menu dropdown-menu qk-w--100vw qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-mg--0" 620 role="menu" 621 > 622 <div class="search-area qk-display--flex qk-flex--row qk-justify--start qk-align--center qk-sp_bt--5 qk-w--100"> 623 <form action="/search" class="form-inline qk-display--flex qk-justfify--center qk-flex--1"> 624 <div class="form-inline qk-search_form qk-display--flex qk-justfify--center qk-align--center qk-flex--1"> 625 <input 626 class="form-control qk-flex--1 qk-inputbox qk-inputbox--lg qk-bg--trans
626parent qk-text--heading" 627 type="search" 628 placeholder="æå°" 629 aria-label="Search" 630 name="q" 631 value="" 632 > 633 <button class="search-btn qk-btn qk-btn--lg qk-btn--primary qk-pd--0" type="submit"> 634 æå° 635 </button> 636 </div> 637 </form> 638 </div> 639 </div> 640 </div> 641 </li> 642 643 <!-- express delivery --> 644 645 646 </ul> 647 </nav> 648 <!-- mobile-nav end --> 649 </div> 650 651 </header> 652 653 <!-- Sidebar --> 654 <nav class="drawer-nav drawer-nav_width qk-bg--nav_menu_bg " role="navigation"> 655 <div class="drawer-menu"> 656 <!-- cyb_snippet side_menu start --> 657 658 659<ul id="index_sidebar_shelf_top" class="sidebar qk-pd_b--1"> 660 661 <li class="logo qk-pos--rel qk-bg--nav_logo_bg qk-pd_x--1 qk-pd_y--05"> 662 <a href="/" class="qk-pd--0"> 663 <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b" height="32" width="auto" alt="logo"> 664 </a> 665 <button class="drawer-toggle qk-pos--abs qk-bg--transparent qk-pd--0"></button> 666 </li> 667 668 669 670 671 672 <!-- cyb_snippet components/side_menu/menu start --> 673 674 <li class="category_title qk-fs--breadcrumb qk-bd--nav_menu_text qk-text--nav_menu_text qk-bd_b--default qk-fw--500">主é¸å®</li> 675 676 677 678 679 680 <li class="qk-pos--rel qk-pd--0"> 681 682 <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/">é¦é </a> 683 684 </li> 685 686 687 688 689 690 <li class="qk-pos--rel qk-pd--0"> 691 692 <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/blogs/news">ææ°åæ </a> 693 694 </li> 695 696 697 698 699 700 <!-- cyb_snippet components/side_menu/collection_all start --> 701 702 703 704 705 <li class="qk-pos--rel qk-pd--0"> 706 <button class="collection_all bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-bg--nav_menu_bg qk-bd--none qk-pos--rel qk-fw--bold" data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3" aria-expanded=" false "> 707 <a href="/collections/all" class="collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-fw--bold qk-bg--nav_menu_bg qk-text--nav_menu_text"> 708 ææåå 709 </a> 710 </button> 711 <ul id="index_sidebar_collection_all_shelf_second_3" class="collapse_collection_all_index_sidebar_3 collapse shelf_second qk-pd--0 "> 712 713 714 715 <li class="qk-pos--rel qk-pd--0"> 716 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_1" aria-expanded=" false "> 717 <a href="/collections/è¶ å¤¯äººæ°£çµå" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 718 ç±é·æ¨è¦ð¥£ 719 </a> 720 </button> 721 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_1 collapse shelf_third qk-pd--0 "> 722 723 <li class="qk-pos--rel qk-pd--0"> 724 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/preorderyogurtpuree">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 725 </li> 726 727 <li class="qk-pos--rel qk-pd--0"> 728 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regularyogurt">ã宿å®é¡ãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 729 </li> 730 731 <li class="qk-pos--rel qk-pd--0"> 732 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/whitestrawberryicecream-20250612230856">Botanyæ¤æå¸ï½ç½èèå°æ·æ·</a> 733 </li> 734 735 <li class="qk-pos--rel qk-pd--0"> 736 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/familyyogurt">ãè¶ å¼å®¶åºçµãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 737 </li> 738 739 <li class="qk-pos--rel qk-pd--0"> 740 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/greekyogurt">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½å·èå¸èåªæ ¼ï¼å«12種好è å¸å®æå¤ï¼</a> 741 </li> 742 743 <li class="qk-pos--rel qk-pd--0"> 744 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/yogurtdrink">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼é£²ï¼å«12種好è å¸å®æå¤ï¼</a> 745 </li> 746 747 <li class="qk-pos--rel qk-pd--0"> 748 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coconutyogurt">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 749 </li> 750 751 <li class="qk-pos--rel qk-pd--0"> 752 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coconutyogurt-20260224152406">ãè¶ å¼å®¶åºçµãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 753 </li> 754 755 <li class="qk-pos--rel qk-pd--0"> 756 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regulargreekyogurt">ã宿å®é¡ãBotany æ¤æå¸ï½å·èå¸èåªæ ¼ï¼ç¡ç³é®®å¥¶ï¼ï¼å«12種好è å¸å®æå¤ï¼</a> 757 </li> 758 759 <li class="qk-pos--rel qk-pd--0"> 760 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regularcoconutyogurt">ã宿å®é¡ãBotanyæ¤æå¸ï½ãç´ç´ ãç¡ç³æ¤°å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 761 </li> 762 763 <li class="qk-pos--rel qk-pd--0"> 764 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/滿éµå ç´ ">Botanyæ¤æå¸ï½æ»¿éµå ç´ </a> 765 </li> 766 767 <li class="qk-pos--rel qk-pd--0"> 768 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/éççºæ">Botanyæ¤æå¸ï½éççºæ</a> 769 </li> 770 771 <li class="qk-pos--rel qk-pd--0"> 772 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/çå¤å å¹´">Botanyæ¤æå¸ï½çå¤å å¹´ï¼å¤éï¼</a> 773 </li> 774 775 <li class="qk-pos--rel qk-pd--0"> 776 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/ç´ ç²ä½³äºº">Botanyæ¤æå¸ï½ç´ ç²ä½³äººï¼å¬éï¼</a> 777 </li> 778 779 </ul> 780 </li> 781 782 783 784 <li class="qk-pos--rel qk-pd--0"> 785 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_2" aria-expanded=" false "> 786 <a href="/collections/宿å®é¡è£å¥½è" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 787 宿å®é¡è£å¥½èð 788 </a> 789 </button> 790 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_2 collapse shelf_third q
790k-pd--0 "> 791 792 <li class="qk-pos--rel qk-pd--0"> 793 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regulargreekyogurt">ã宿å®é¡ãBotany æ¤æå¸ï½å·èå¸èåªæ ¼ï¼ç¡ç³é®®å¥¶ï¼ï¼å«12種好è å¸å®æå¤ï¼</a> 794 </li> 795 796 <li class="qk-pos--rel qk-pd--0"> 797 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regularyogurt">ã宿å®é¡ãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 798 </li> 799 800 <li class="qk-pos--rel qk-pd--0"> 801 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/regularcoconutyogurt">ã宿å®é¡ãBotanyæ¤æå¸ï½ãç´ç´ ãç¡ç³æ¤°å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 802 </li> 803 804 </ul> 805 </li> 806 807 808 809 <li class="qk-pos--rel qk-pd--0"> 810 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_3" aria-expanded=" false "> 811 <a href="/collections/ç¡ç³é®®å¥¶åªæ ¼" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 812 ç¡ç³é®®å¥¶/æ¤°å¥¶åªæ ¼ð¥ 813 </a> 814 </button> 815 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_3 collapse shelf_third qk-pd--0 "> 816 817 <li class="qk-pos--rel qk-pd--0"> 818 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/greekyogurt">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½å·èå¸èåªæ ¼ï¼å«12種好è å¸å®æå¤ï¼</a> 819 </li> 820 821 <li class="qk-pos--rel qk-pd--0"> 822 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coconutyogurt">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 823 </li> 824 825 <li class="qk-pos--rel qk-pd--0"> 826 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/preorderyogurtpuree">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 827 </li> 828 829 <li class="qk-pos--rel qk-pd--0"> 830 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/yogurtdrink">ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼é£²ï¼å«12種好è å¸å®æå¤ï¼</a> 831 </li> 832 833 <li class="qk-pos--rel qk-pd--0"> 834 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/familyyogurt">ãè¶ å¼å®¶åºçµãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 835 </li> 836 837 <li class="qk-pos--rel qk-pd--0"> 838 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/coconutyogurt-20260224152406">ãè¶ å¼å®¶åºçµãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº</a> 839 </li> 840 841 </ul> 842 </li> 843 844 845 846 <li class="qk-pos--rel qk-pd--0"> 847 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_4" aria-expanded=" false "> 848 <a href="/collections/æ°é®®ææ³¥" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 849 æ°é®®ææ³¥ð 850 </a> 851 </button> 852 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_4 collapse shelf_third q
852k-pd--0 "> 853 854 <li class="qk-pos--rel qk-pd--0"> 855 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/puree">Botany æ¤æå¸ï½æä½ææ³¥</a> 856 </li> 857 858 </ul> 859 </li> 860 861 862 863 <li class="qk-pos--rel qk-pd--0"> 864 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_5" aria-expanded=" false "> 865 <a href="/collections/åå³å æ" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 866 åå³å æð¥ 867 </a> 868 </button> 869 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_5 collapse shelf_third qk-pd--0 "> 870 871 <li class="qk-pos--rel qk-pd--0"> 872 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/nuts">Botanyæ¤æå¸ï½è¿·ä½ å ç¡èª¿å³å æ(10g)</a> 873 </li> 874 875 </ul> 876 </li> 877 878 879 880 <li class="qk-pos--rel qk-pd--0"> 881 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_6" aria-expanded=" false "> 882 <a href="/collections/åè³¼å°å" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 883 åè³¼å°å 884 </a> 885 </button> 886 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_6 collapse shelf_third qk-pd--0 "> 887 888 </ul> 889 </li> 890 891 892 893 <li class="qk-pos--rel qk-pd--0"> 894 <button class="collection_all qk-fw--500 bt-toggle collapsed qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg " data-toggle="collapse" data-target=".collapse_collection_all_index_sidebar_3_7" aria-expanded=" false "> 895 <a href="/collections/acai-é¿è©ä¼æ¼¿æç²-巴西èç²" class="qk-fw--500 collection_all_link qk-display--il_bk qk-text--left qk-fs--body qk-text--nav_menu_text"> 896 Açaà é¿è©ä¼æ¼¿æç² (巴西èç²) 897 </a> 898 </button> 899 <ul class="qk-bd--nav_menu_text collapse_collection_all_index_sidebar_3_7 collapse shelf_third qk-pd--0 "> 900 901 <li class="qk-pos--rel qk-pd--0"> 902 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/acai-packet">Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 10g/å </a> 903 </li> 904 905 <li class="qk-pos--rel qk-pd--0"> 906 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/acai-bag">Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 250g/è¢</a> 907 </li> 908 909 <li class="qk-pos--rel qk-pd--0"> 910 <a class="qk-fw--500 qk-display--il_bk qk-w--100 qk-text--left qk-text--nav_menu_text qk-bg--nav_menu_bg qk-fs--body" href="/products/acai-bottle">Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 115g/ç½</a> 911 </li> 912 913 </ul> 914 </li> 915 916 </ul> 917 </li> 918 919 920<!-- cyb_snippet components/side_menu/collection_all end --> 921 922 923 924 925 926 <li class="qk-pos--rel qk-pd--0"> 927 928 <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/contact">è¯çµ¡æå</a> 929 930 </li> 931 932 933 934 935 936 <li class="qk-pos--rel qk-pd--0"> 937 938 <a class="qk-fw--bold qk-display--il_bk qk-w--100 qk-text--left qk-fs--body qk-bg--nav_menu_bg qk-text--nav_menu_text" href="/pages/about-us">éæ¼æå</a> 939 940 </li> 941 942 943
944<script> 945 $('button a').on('click', function(e) {e.stopPropagation()}); 946</script>
946 947 948<!-- cyb_snippet components/side_menu/menu end --> 949 950 951 952 953 <li class="category_account-title qk-bd--nav_menu_text qk-fs--breadcrumb qk-text--nav_menu_text qk-bd_y--default qk-fw--500">帳æ¶</li> 954 <li class="qk-pos--rel qk-pd--0"> 955 <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none"> 956 <a href="/account/index" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">æç帳æ¶</a> 957 </div> 958 </li> 959 <li class="qk-pos--rel qk-pd--0"> 960 <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none"> 961 <a href="/account/orders" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">è¨å®æ¥è©¢</a> 962 </div> 963 </li> 964 <li class="qk-pos--rel qk-pd--0"> 965 <div class="customer-logined-menu qk-display--il_bk qk-w--100 qk-text--left" style="display: none"> 966 <a href="/account/logout" class="qk-text--nav_menu_text qk-fw--bold qk-fs--body">æå¡ç»åº</a> 967 </div> 968 </li> 969 <li class="qk-pos--rel qk-pd--0"> 970 <a href="/account/login"> 971 <div class="customer-not-login-menu qk-bd--nav_menu_text qk-bg--nav_menu_text customer-not-login-menu_login qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center "> 972 <span class="qk-text--nav_menu_bg qk-fw--500 qk-fs--body"> 973 æå¡ç»å ¥ 974 </span> 975 </div> 976 </a> 977 </li> 978 <li class="qk-pos--rel qk-pd--0"> 979 <a href="/account/signup"> 980 <div class="customer-not-login-menu qk-bd--nav_menu_text customer-not-login-menu_signup qk-display--il_flex qk-justify--center qk-align--center qk-w--100 qk-text--center qk-bd--nav_menu_text qk-bd--default"> 981 <span class="qk-text--nav_menu_text qk-fs--body qk-fw--500"> 982 è¨»åæ°æå¡ 983 </span> 984 </div> 985 </a> 986 </li> 987 988 989 990 991 992</ul> 993 994<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/sidebar-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 995
996<script> 997 $(document).ready(function(){ 998 // å´éé¸å® 999 if ($('.drawer').length){ 1000 $('.drawer').drawer(); 1001 $('.bt-toggle').click(function(){ 1002 setTimeout(function(){ 1003 $('.drawer')[0].iScroll.refresh() 1004 },500) 1005 }) 1006 } 1007 }); 1008</script>
1008 1009 1010 1011<!-- cyb_snippet side_menu end --> 1012 1013 </div> 1014 </nav> 1015 <!-- Bottombar --> 1016 1017 <div 1018 id="mobile-bottom-bar" 1019 class="qk-display--flex qk-justify--around qk-bg--nav_logo_bg qk-w--100vw qk-pos--fixed qk-b--0 qk-hidden--pc" 1020 > 1021 <!-- home --> 1022 <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1"> 1023 <a id="home-nav-icon" href="/"> 1024 <div data-icon-type="custom_icon_type_home"></div> 1025 </a> 1026 </div> 1027 <!-- tracking items --> 1028 <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1"> 1029 <a href="/account/tracking_items"> 1030 <div data-icon-type="custom_icon_type_tracking_items" c></div> 1031 </a> 1032 </div> 1033 <!-- cart --> 1034 1035 <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1"> 1036 <a 1037 href="/cart" 1038 class="qk-display--il_flex qk-flex--row qk-justify--center qk-align--center qk-vert--mid qk-pos--rel" 1039 > 1040 <div data-icon-type="custom_icon_type_cart"></div> 1041 <span 1042 class="number global-cart-count qk-circle qk-circle--sm qk-bg--accent qk-text--white qk-text--center qk-vert--mid qk-pos--abs" 1043 style="display: none;" 1044 >0</span 1045 > 1046 </a> 1047 </div> 1048 1049 <!-- member --> 1050 1051 <div class="qk-display--flex qk-justify--center qk-align--center qk-text--center qk-pd_x--05 qk-pd_y--0 qk-flex--1"> 1052 <a id="customer-phone-nav-icon" href="/account/login"> 1053 <div data-icon-type="custom_icon_type_account"></div> 1054 </a> 1055 </div> 1056 1057 </div> 1058 1059 1060 </span> 1061 1062<div id="index-popular-tags"></div> 1063 1064<style id="timer_color"> 1065 :root { 1066 1067 --timer_text: #c39d6f; 1068 1069 1070 1071 --timer_bg: #2b2b6e; 1072 1073 } 1074</style> 1075
1076<script> 1077 window.language = {"account_name":"æ¶å","add_cart_error_try_again":"å å ¥è³¼ç©è»æèª¤ï¼è«éæ°å試","add_to_cart":"å å ¥è³¼ç©è»","addcart_rate_limit_desc":"ç§å¾å¯åè©¦ä¸æ¬¡ï¼å»ºè°æ¨åç卿¤é é¢ã","address1":"詳細é貨å°åï¼è·¯/å··/å¼/è/æ¨","all_filters":"ææç¯©é¸æ¢ä»¶","apply_fail":"ç³è«å¤±æ","apply_return":"é貨ç³è«","apply_return_success":"æ¨çé貨ç³è«å·²æç«","apply_success":"ç³è«æå","arrive_soon":"å³å°å°è²¨","articles_total":"å ± {{ totalArticleCounts }} ç¯æç« ","bank_account":"éè¡å¸³è","bank_branch_name":"åè¡å稱","bonus_redemption":"ç´ å©æè³¼","cancel":"åæ¶","cart_price_total":"çµå¸³éé¡ç´","check_order":"è¨å®æ¥è©¢","choose_branch_bank":"è«é¸æåè¡","choose_return_reason":"è«é¸æé貨åå ","city":"åå¸","common_price":"å®å¹: ","comply_group_number":"符å {{comply_group_number}} çµåªæ ï¼","confirm":"確èª","confirm_return":"ç³è«é貨","confirm_submit":"確å®éåº","congratulations_for_verify_mobile_success":"æåï¼æ¨å·²æåé©èæ¨çææ©ï¼","contact_form":"è¯çµ¡æå","continue_reading":"ç¹¼çºé±è®","country_placeholder":"è«é¸æåå®¶","coupon_free_shipping":"å é叿æµ","coupon_items":"åªæ 叿æ£é ç®","date_error":"æ¥æé¯èª¤","default_sort":"é è¨æåº","deliver_error":"å¯éååé¯èª¤","discount_detail":"ææ£æç´°","email":"é»åéµä»¶","email_placeholder":"è«è¼¸å ¥æ¨çé»åéµä»¶ï¼ä¾ï¼[email protected]","enter_account_name":"è«è¼¸å ¥æ¶å","enter_bank_account":"è«è¼¸å ¥éè¡å¸³è","enter_return_reason":"è«å¡«å¯«é貨åå ...","error_message":"é©èç°¡è¨ç¼çé¯èª¤ï¼è«ç¨å¾å試ã","fail_operation":"æä½å¤±æ!","filter_button":"篩é¸","filter_no_result":"徿±æï¼ç¡åå符åç¯©é¸æ¢ä»¶","free":"å è²»","gift_price":"å è³¼å¹","gift_purchase":"滿é¡/ä»¶è´","go_check_email":"è«è³ä¿¡ç®±æ¶åä¿¡ä»¶","group_percent_discount":"çµåå §ååæ{{discount}}æ","has_stock":"å°æåº«å ","include_discount_and_shipping_fee":"å«åªæ ææ£èéè²»","invalid_email":"é䏿¯ææçé»åéµä»¶","invalid_name":"å§åçºå¿ å¡«","invalid_phone_number":"è¯çµ¡é»è©±çºå¿ å¡«","invalid_question_content":"åé¡å §å®¹çºå¿ å¡«","keep_shopping":"ç¹¼çºè³¼ç©","keyin_address1":"è«å¡«å¯«è©³ç´°é貨å°åï¼è·¯/å··/å¼/è/æ¨","keyin_city":"è«è¼¸å ¥åå¸","keyin_zip":"è«è¼¸å ¥éµéåè","less_then_one":"æ¸éä¸å¾å°æ¼1","line_item_quantity":"æ¸éï¼{{ lineItemQuantity }}","literal_points":"é»","login_btn":"æå¡ç»å ¥","mail_send_fail":"ä¿¡ä»¶å¯é失æ","message_confirmation_token_error":"ç°¡è¨é©è碼æèª¤","messenger_error_please_try_again":"ç°¡è¨å¯éç¼çé¯èª¤ï¼è«ç¨å¾å試ã","mobile_number_error":"ææ©è碼æèª¤","name":"å§å","name_placeholder":"è«è¼¸å ¥æ¨çå§å","new_password_is_sent":"å·²éåºæ°å¯ç¢¼","new_product_defect":"æ°åççµ","nn_collection_save_more_money_title":"å¯äº«ï¼è²· {{quantity}} ä»¶ {{price}} å åªæ ","no_stock":"庫åä¸è¶³","notification_enabled":"å·²ç»è¨è£è²¨éç¥","notify_me_when_stock_arrives":"å·²å®å®ï¼è²¨å°éç¥æ","onsale":"ç¹å¹","order_date":"è¨è³¼æ¥æ","order_number":"è¨å®ç·¨è","order_retrun_confirm":"æ¨ç¢ºèªè¦ç³è«é貨?","ori_price":"åå¹","others":"å ¶ä»","over_cart_limit":"æ¸éè¶ é購買ä¸é","over_product_quantity":"æ¸éè¶ é庫å","over_stock_count":"åå庫åå©é¤ {{ count }} ä»¶","over_stock_quantity":"è¶ éåº«åæ¸é","phone_number":"è¯çµ¡é»è©±","phone_number_placeholder":"è«è¼¸å ¥è¯çµ¡é»è©±","piece":"{{quantity}} ä»¶","please_choose_bank":"è«é¸æéè¡","please_choose_product":"è«é¸æå忬¾å¼","please_choose_variant":"è«é¸æå忬¾å¼","please_enter_number":"è«è¼¸å ¥æ¸å","please_reselect":"è«éæ°è¼¸å ¥ç¯©é¸","please_send_and_confirm_verify_code":"è«å ç¼é並確èªç°¡è¨é©è碼","pre_order":"é è³¼åå","price_asc":"广 ¼ç±ä½å°é«","price_desc":"广 ¼ç±é«å°ä½","price_filter":"广 ¼","price_includes_tax":"(å §å«æ¶è²»ç¨ ï¼{{ tax }})","product_content_defect":"ååå §å®¹ä¸å ¨","product_defect":"ååæç¼ºé·","product_limit_buy":"æ¤ååéè³¼ {{ count }} ä»¶","product_rate_limit_btn":"éæ°é²å ¥ååé ","product_rate_limit_desc":"ç§å¾å¯éæ°é²å ¥ååé ï¼å»ºè°æ¨åç卿¤é é¢ã","product_rate_limit_title":"ç®åæ¶è³¼äººæ½®ç¾å¤ï¼è«èå¿çå","product_rate_limit_warn":"è¥é¢éæ¤é é¢ï¼å¯è½æå»¶é·çå¾ æéã","product_sold":"å·²é·å®ï¼{{ productSold }}","products_total":"å ± {{ totalProductCounts }} ä»¶åå","quantity":"æ¸éï¼","quantity_over_product_stock":"æ¸éè¶ éåå庫å","question_content":"åé¡å
1077
§å®¹","question_content_placeholder":"è«è¼¸å
¥åé¡å
§å®¹","question_submit_fail":"ç¼çåé¡ï¼è«ç¨å¾å試","question_submit_success":"åé¡å·²æåéåºï¼æåå°ç¡å¿«èæ¨è¯ç¹«","question_type":"åé¡é¡å","reached_favorable":"å·²éåªæ ","recent_days_sold_desc":"æ¬é±ç±è³£","reenter_password_still_error":"éè¤è¼¸å
¥å¯ç¢¼æèª¤","refund":"鿬¾éé¡","refund_account":"鿬¾å¸³æ¶","refund_info":"鿬¾è³è¨","refund_invoice_check":"æ¬äººåæç¼ç¥¨ä½å»¢æãçæ¥äººé·è²¨éåé²è²¨éåºè²¨ææè®èæå®ãå°å
¨æ¬ç±{{ envoiceCompanyName }}èçï¼ä»¥å©å é鿬¾ä½æ¥ã妿é貨/æè®ï¼å°ç´æ¥éç«æè®å®ä¸å³è³è²¡æ¿é¨é»åç¼ç¥¨æ´åæåå¹³å°åèã","resend_verify_code":"éç¼é©è碼","reset_all_filters":"æ¸
餿æç¯©é¸","reset_filter_button":"æ¸
é¤ç¯©é¸","return":"è¿å","return_address":"é貨å°å","return_email_notification":"é貨ç³è«ä¿¡å·²å¯è³æ¨çä¿¡ç®±","return_info":"é貨è³è¨","return_instruction":"é貨說æ","return_msg_Australia":"1. 妿¶å°ååå¾ï¼ç¼ç¾æççµæç ´æï¼éè¦ç³è«æè²¨æé款ï¼è«ç¡éè³ãæç帳æ¶ãï¼é»æãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®ä¸ï¼é»æãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°é貨ç³è«å¾ï¼æåæè¯ç¹«æ¨ï¼ä¸¦ååé貨æµç¨ãå¦ææ¨æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®æç´°ï¼çä¸åçç´éã è«ä¸è¦èªè¡é貨ã\u003cbr\u003e 3. éæè²¨æï¼è«ä¿æåå
è£å®æ´ï¼å
æ¬è³¼è²·çååãé
ä»¶ãè´åçï¼ã\u003cbr\u003e 4. 符åéè²¨è³æ ¼å¾ï¼ååºæåä¾ç
§æ¨ç仿¬¾æ¹å¼é款ã\u003cbr\u003e 5. 詳細çé貨è¦å®èæµç¨èªªæï¼è«å鱿¬åºçé貨æ¿çã\u003cbr\u003e","return_msg_Japan":"1. 妿¶å°ååå¾ï¼ç¼ç¾æççµæç ´æï¼éè¦ç³è«æè²¨æé款ï¼è«ç¡éè³ãæç帳æ¶ãï¼é»æãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®ä¸ï¼é»æãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°é貨ç³è«å¾ï¼æåæè¯ç¹«æ¨ï¼ä¸¦ååé貨æµç¨ãå¦ææ¨æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®æç´°ï¼çä¸åçç´éã è«ä¸è¦èªè¡é貨ã\u003cbr\u003e 3. éæè²¨æï¼è«ä¿æåå
è£å®æ´ï¼å
æ¬è³¼è²·çååãé
ä»¶ãè´åçï¼ã\u003cbr\u003e 4. 符åéè²¨è³æ ¼å¾ï¼ååºæåä¾ç
§æ¨ç仿¬¾æ¹å¼é款ã\u003cbr\u003e 5. 詳細çé貨è¦å®èæµç¨èªªæï¼è«å鱿¬åºçé貨æ¿çã\u003cbr\u003e","return_msg_Japan_to_Taiwan":"1. 妿¶å°ååå¾ï¼ç¼ç¾æççµæç ´æï¼éè¦ç³è«æè²¨æé款ï¼è«ç¡éè³ãæç帳æ¶ãï¼é»æãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®ä¸ï¼é»æãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°é貨ç³è«å¾ï¼æåæè¯ç¹«æ¨ï¼ä¸¦ååé貨æµç¨ãå¦ææ¨æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®æç´°ï¼çä¸åçç´éã è«ä¸è¦èªè¡é貨ã\u003cbr\u003e 3. éæè²¨æï¼è«ä¿æåå
è£å®æ´ï¼å
æ¬è³¼è²·çååãé
ä»¶ãè´åçï¼ã\u003cbr\u003e 4. 符åéè²¨è³æ ¼å¾ï¼ååºæåä¾ç
§æ¨ç仿¬¾æ¹å¼é款ã\u003cbr\u003e 5. 詳細çé貨è¦å®èæµç¨èªªæï¼è«å鱿¬åºçé貨æ¿çã\u003cbr\u003e","return_msg_SEA":"1. 妿¶å°ååå¾ï¼ç¼ç¾æççµæç ´æï¼éè¦ç³è«æè²¨æé款ï¼è«ç¡éè³ãæç帳æ¶ãï¼é»æãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®ä¸ï¼é»æãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°é貨ç³è«å¾ï¼æåæè¯ç¹«æ¨ï¼ä¸¦ååé貨æµç¨ãå¦ææ¨æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®æç´°ï¼çä¸åçç´éã è«ä¸è¦èªè¡é貨ã\u003cbr\u003e 3. éæè²¨æï¼è«ä¿æåå
è£å®æ´ï¼å
æ¬è³¼è²·çååãé
ä»¶ãè´åçï¼ã\u003cbr\u003e 4. 符åéè²¨è³æ ¼å¾ï¼ååºæåä¾ç
§æ¨ç仿¬¾æ¹å¼é款ã\u003cbr\u003e 5. 詳細çé貨è¦å®èæµç¨èªªæï¼è«å鱿¬åºçé貨æ¿çã\u003cbr\u003e","return_msg_Taiwan":"1. æ¶å°ååå¾å¦æç¼ç¾ççµæç ´æçæ³ï¼éè¦è¾¦çææè²¨ï¼è«æ¼æ¶å°è²¨å¾7天å
§ç»å
¥ãæç帳æ¶ãé é¢é»é¸ãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°ååå¾å¯äº«æ7天å
è²»éè³
1077æï¼å«ä¾åæ¥ï¼ãéæè²¨æè«ä¿æåå
è£ååç宿´ï¼å
å«è³¼è²·ååï¼éä»¶ï¼è´åçï¼ã\u003cbr\u003e 3. æ¶å°ç³è«å¾ï¼æåå°èæ¨è¯ç¹«ååååãè¥æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æç´°ãä¸ï¼é»é¸ãæè¦è©¢åãï¼è«å¿èªè¡å¯åååã\u003cbr\u003e 4. ç¶ä½ ç³è«é貨å¾ï¼è«åå°æ¬ç³è«å®é¨ååä¸èµ·å¯åã\u003cbr\u003e 5. æ¶å°æ¨çé貨åå並審æ¥ééå¾ï¼å°æ¼7åå·¥ä½å¤©å
§é款è³ä½ ç鿬¾å¸³æ¶ã\u003cbr\u003e","return_msg_USA":"1. 妿¶å°ååå¾ï¼ç¼ç¾æççµæç ´æï¼éè¦ç³è«æè²¨æé款ï¼è«ç¡éè³ãæç帳æ¶ãï¼é»æãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®ä¸ï¼é»æãç³è«é貨ãã\u003cbr\u003e 2. æ¶å°é貨ç³è«å¾ï¼æåæè¯ç¹«æ¨ï¼ä¸¦ååé貨æµç¨ãå¦ææ¨æä»»ä½é貨åé¡ï¼æ¨å¯ä»¥å¨ãè¨å®æ¥è©¢ãï¼å¨é¸ææ¬²ç³è«é貨çè¨å®æç´°ï¼çä¸åçç´éã è«ä¸è¦èªè¡é貨ã\u003cbr\u003e 3. éæè²¨æï¼è«ä¿æåå
è£å®æ´ï¼å
æ¬è³¼è²·çååãé
ä»¶ãè´åçï¼ã\u003cbr\u003e 4. 符åéè²¨è³æ ¼å¾ï¼ååºæåä¾ç
§æ¨ç仿¬¾æ¹å¼é款ã\u003cbr\u003e 5. 詳細çé貨è¦å®èæµç¨èªªæï¼è«å鱿¬åºçé貨æ¿çã\u003cbr\u003e","return_product":"é貨åå","return_reason":"é貨åå ","save_more_money_discount":"å¯äº« {{discount}} æåªæ ","save_more_money_dollar":"å¯ç {{dollar}}","search_article_label":"æç« æå°çµæ ({{ totalArticleCounts }})","search_no_result":"徿±æï¼æ¾ä¸å° {{ queryString }} è«éæ°è¼¸å
¥æå°ã","search_product_label":"ååæå°çµæ ({{ totalProductCounts }})","search_total":"æå° {{ queryString }} çµæå
± {{ totalSearchCount }} ç","select_sort_by":"鏿æåºæ¹å¼","sell_from_asc":"ä¸å¸æ¥æèå°æ°","sell_from_desc":"ä¸å¸æ¥ææ°å°è","send_too_many_times_try_again_later":"ç¼é次æ¸éå¤ï¼è«ç¨å¾å試","sending_msg_few_minutes_get":"ç°¡è¨ç¼éä¸ï¼å¹¾åé徿¨å°æ¶å°é©è碼","shipping_fee":"éè²»","sold_out":"å·²å®å®","state_placeholder":"è«é¸æå·/ç","submit":"éåº","subtotal":"å°è¨","success_operation":"æä½æå!","successfully_copy_tracking_number":"å·²æåè¤è£½ä½ çç©æµå®è","system_busy_try_again":"系統å¿ç¢ï¼è«ç¨å¾å試","tax":"ç¨
é¡","thanks_for_advise":"è¬è¬æ¨çå¯
1077¶è²´æè¦","thanks_you_have_signed_up":"è¬è¬æ¨å·²è¨»å","total_bonus_redemption":"ç¸½ç´ å©æè³¼é»æ¸","tw_city_placeholder":"è«é¸æç¸£å¸","tw_district_placeholder":"è«é¸æéé®å¸å","unreach_favorable":"æªéåªæ ","verification_error_please_correct":"é©èæèª¤è«ä¿®æ£","verify_success":"é©èç¢¼ç¢ºèªæå","view_product":"æ¥çåå","vip_shipping_free":"VIPå éè²»","zip":"éµéåè","suggested_range":"建è°åé:","periodic_order_label":"宿å®é¡","check_account_length":"è«æª¢æ¥éè¡å¸³èé·åº¦"} 1078 $(document).ready(function(){ 1079 if(window.location.pathname != '' && window.location.pathname != '/' ){ 1080 document.getElementById('index-popular-tags').style.display = 'none' 1081 } 1082 // åæ¸è¨æ 1083 1084 1085 function adjustContentTop() { 1086 1087 const isNavbarTransparent = false; 1088 let headerHeight = $("#header").outerHeight(); 1089 if (isNavbarTransparent && $('#template').width() >= 992) { 1090 headerHeight -= $('.computer_nav').height(); 1091 } 1092 const floatFilterHeight = $('#float-filter').innerHeight() || 0; 1093 $("body").css({ 1094 "padding-top": (headerHeight - floatFilterHeight) + "px", 1095 }); 1096 } 1097 1098 window.adjustContentTop = adjustContentTop; 1099 1100 // navbarè¨å®éæ 1101 1102 1103 // Call it first once DOM is ready to prevent CLS 1104 adjustContentTop(); 1105 1106 // å»¶é²åå§åï¼çå¾ app banner åå§å宿 1107 $(window).on("resize", adjustContentTop); 1108 1109 // ä½¿ç¨ setTimeout ç¢ºä¿ banner çæ å·²ç¶ç¢ºå® 1110 $(window).on("load", function() { 1111 setTimeout(function() { 1112 adjustContentTop(); 1113 }, 200); // 給 banner è¶³å¤ æéåå§å 1114 }); 1115 1116 $('img.header_banner').on('load', adjustContentTop); 1117 1118 window.renderNavbarSection('.main_nav', { 1119 navbarCollections: [{"title":"ç±é·æ¨è¦ð¥£","url":"/collections/è¶ å¤¯äººæ°£çµå","products":[{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/preorderyogurtpuree"},{"title":"ã宿å®é¡ãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/regularyogurt"},{"title":"Botanyæ¤æå¸ï½ç½èèå°æ·æ·","url":"/products/whitestrawberryicecream-20250612230856"},{"title":"ãè¶ å¼å®¶åºçµãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/familyyogurt"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½å·èå¸èåªæ ¼ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/greekyogurt"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼é£²ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/yogurtdrink"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/coconutyogurt"},{"title":"ãè¶ å¼å®¶åºçµãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/coconutyogurt-20260224152406"},{"title":"ã宿å®é¡ãBotany æ¤æå¸ï½å·èå¸èåªæ ¼ï¼ç¡ç³é®®å¥¶ï¼ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/regulargreekyogurt"},{"title":"ã宿å®é¡ãBotanyæ¤æå¸ï½ãç´ç´ ãç¡ç³æ¤°å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/regularcoconutyogurt"},{"title":"Botanyæ¤æå¸ï½æ»¿éµå ç´ ","url":"/products/滿éµå ç´ "},{"title":"Botanyæ¤æå¸ï½éççºæ","url":"/products/éççºæ"},{"title":"Botanyæ¤æå¸ï½çå¤å å¹´ï¼å¤éï¼","url":"/products/çå¤å å¹´"},{"title":"Botanyæ¤æå¸ï½ç´ ç²ä½³äººï¼å¬éï¼","url":"/products/ç´ ç²ä½³äºº"}]},{"title":"宿å®é¡è£å¥½èð","url":"/collections/宿å®é¡è£å¥½è","products":[{"title":"ã宿å®é¡ãBotany æ¤æå¸ï½å·èå¸èåªæ ¼ï¼ç¡ç³é®®å¥¶ï¼ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/regulargreekyogurt"},{"title":"ã宿å®é¡ãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/regularyogurt"},{"title":"ã宿å®é¡ãBotanyæ¤æå¸ï½ãç´ç´ ãç¡ç³æ¤°å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/regularcoconutyogurt"}]},{"title":"ç¡ç³é®®å¥¶/æ¤°å¥¶åªæ ¼ð¥","url":"/collections/ç¡ç³é®®å¥¶åªæ ¼","products":[{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½å·èå¸èåªæ ¼ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/greekyogurt"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/coconutyogurt"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/preorderyogurtpuree"},{"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼é£²ï¼å«12種好è å¸å®æå¤ï¼","url":"/products/yogurtdrink"},{"title":"ãè¶ å¼å®¶åºçµãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/familyyogurt"},{"title":"ãè¶ å¼å®¶åºçµãBotanyæ¤æå¸ï½ç¡ç³æ¤°å¥¶åªæ ¼ï¼ç´ç´ ï¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","url":"/products/coconutyogurt-20260224152406"}]},{"title":"æ°é®®ææ³¥ð","url":"/collections/æ°é®®ææ³¥","products":[{"title":"Botany æ¤æå¸ï½æä½ææ³¥","url":"/products/puree"}]},{"title":"åå³å æð¥","url":"/collections/åå³å æ","products":[{"title":"Botanyæ¤æå¸ï½è¿·ä½ å ç¡èª¿å³å æ(10g)","url":"/products/nuts"}]},{"title":"åè³¼å°å","url":"/collections/åè³¼å°å","products":[]},{"title":"Açaà é¿è©ä¼æ¼¿æç² (巴西èç²)","url":"/collections/acai-é¿è©ä¼æ¼¿æç²-巴西èç²","products":[{"title":"Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 10g/å ","url":"/products/acai-packet"},{"title":"Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 250g/è¢","url":"/products/acai-bag"},{"title":"Açaà Powder é¿è©ä¼æ¼¿æç²ï¼å·´è¥¿èç²ï¼ï¼ç´ç´ ï¼- 115g/ç½","url":"/products/acai-bottle"}]}], 1120 navbarItems: [{"id":1277344,"title":"é¦é ","url":"/","item_type":"frontpage","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277346,"title":"ææ°åæ ","url":"/blogs/news","item_type":"http","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277345,"title":"ææåå","url":"/collections/all","item_type":"collections_all","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277348,"title":"è¯çµ¡æå","url":"/contact","item_type":"contact","subtitle":null,"icon_image_url":null,"menuItems":null},{"id":1277347,"title":"éæ¼æå","url":"/pages/about-us","item_type":"page","subtitle":null,"icon_image_url":null,"menuItems":null}], 1121 settings: { 1122 menuDisplayStyle: "three_dimension_menu", 1123 pcLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b", 1124 mobileLogoImgUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMTc2Njg5X-akjeaCn-WtuCAtIOaLm-eJjF_lt6XkvZzljYDln58gMS5wbmcucG5nIl1d.png?sha=9083a97cb904709b", 1125 navbarDisplayStyle: "displayDefault", 1126 } 1127 } 1128 ); 1129 1130 1131 // for link menu 1132 const linkMenuElement = document.querySelector('.link-nav'); 1133 const data = [] 1134 data.forEach((item) => { 1135 const wrapper = document.createElement('a'); 1136 const link = document.createElement('ul'); 1137 1138 wrapper.href = item.url; 1139 link.textContent = item.title; 1140 link.classList.add('link-item'); 1141 1142 wrapper.appendChild(link); 1143 linkMenuElement.appendChild(wrapper); 1144 }); 1145 1146 // for safe-area space on iOS devices 1147 const userAgent = navigator.userAgent; 1148 const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream; 1149 const isLiff = /Line\/[\d.]+/i.test(userAgent); 1150 const $mobileBottomBar = $('#mobile-bottom-bar'); 1151 1152 if ($mobileBottomBar.length && isIOS && isLiff) { 1153 $mobileBottomBar.addClass('is-ios-liff'); 1154 } 1155 }); 1156 document.addEventListener('DOMContentLoaded', function() { 1157 window.getCartAmount = function() { 1158 return parseInt($('.global-cart-count').html()); 1159 }; 1160 }); 1161</script>
1161 1162
1163<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/navbar-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1163
1163
1164<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/currencies-3a2e378145f8a165.js' type='text/javascript'></script>
1164 1165<!-- cyb_snippet i18n_modal start --> 1166 1167 1168<!-- cyb_snippet i18n_modal end --> 1169<!-- cyb_snippet _load_fonts start -->
1170<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/load_fonts-3a2e378145f8a165.js' type='text/javascript'></script>
vendor: 1 bytes, line 1170
1170
1171<script> 1172 document.addEventListener('DOMContentLoaded', function() { 1173 window.loadFontSetting("{\"ja\":{\"value\":\"Noto Sans JP\"},\"zh-TW\":{\"value\":\"Noto Sans TC\"},\"en\":{\"value\":\"Noto Sans TC\"},\"zh-CN\":{\"value\":\"Noto Sans TC\"}}") 1174 }) 1175</script>
1175 1176 1177<!-- cyb_snippet _load_fonts end --> 1178<!-- cyb_snippet _custom_icon start -->
1179<script src='//cdn1-next.cybassets.com/frontend/shop/navIcon-3a2e378145f8a165.js' type='text/javascript'></script>
1179 1180
1181<script> 1182 (function() { 1183 const iconUrlMap = new Map([ 1184 ['custom_icon_type_home', null], 1185 ['custom_icon_type_tracking_items', null], 1186 ['custom_icon_type_account', null], 1187 ['custom_icon_type_cart', null], 1188 ['custom_icon_type_search', null], 1189 ['custom_icon_type_menu', null] 1190 ]); 1191 const elements = document.querySelectorAll('[data-icon-type]'); 1192 elements.forEach((element, index) => { 1193 const iconAttributes = element.getAttribute('data-icon-type'); 1194 1195 const uniqueId = `icon_${iconAttributes}_${index}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`; 1196 element.id = uniqueId; 1197 window.renderNavCustomIcon(`#${uniqueId}`, { 1198 navIconStyle: "icon_type_default", 1199 customIconUrl: iconUrlMap.get(iconAttributes) || '', 1200 iconAttributes: iconAttributes, 1201 currentTemplate: "index", 1202 }); 1203 }); 1204 })(); 1205</script>
1205 1206 1207<!-- cyb_snippet _custom_icon end --> 1208 1209 1210 1211 1212 1213
1213<script src='//cdn1-next.cybassets.com/frontend/shop/announcementBar-3a2e378145f8a165.js' type='text/javascript'></script>
1213 1214 1215 1216 1217 1218 1219
1219<script> 1220 $(document).ready(function() { 1221 window.renderAnnouncementBar('#announcement-bar', { 1222 sectionId: "announcement_bar", 1223 isIndex: true, 1224 }); 1225 }); 1226 </script>
1226 1227 1228 1229 1230 1231 1232 1233 <!-- template --> 1234 <div id="template" style="flex:1 0 auto; background-color: var(--theme_bg);"> 1235 <div class="index"> 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_main_slider_custom-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 1247 1248<style> 1249 [id="_main_slider_custom"] { 1250 margin: 0 0px 40px !important; 1251 } 1252 @media (max-width: 576px) { 1253 .main-slider-placeholder { 1254 display: none !important; 1255 } 1256 .swiper-container { 1257 visibility: visible !important; 1258 } 1259 } 1260 @media (max-width: 991px) { 1261 [id="_main_slider_custom"] { 1262 margin: 0 0px 24px !important; 1263 } 1264 } 1265</style> 1266 1267<section id="_main_slider_custom" class="main-slider qk-pos--rel"> 1268 1269 1270 1271 <div 1272 class="swiper swiper-container" 1273 1274 > 1275 <div class="swiper-wrapper qk-align--center"> 1276 1277 1278 1279 <div class="swiper-slide"> 1280 1281 1282 <a 1283 href="/collections/all" 1284 class="img-flex qk-align--stretch qk-display--contents" 1285 target="" 1286 rel="" 1287 > 1288 1289 1290 1291 1292 1293 1294 <picture> 1295 1296 <source 1297 media="(max-width: 576px)" 1298 data-srcset="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2" 1299 alt="" 1300 > 1301 1302 1303 <source 1304 media="(max-width: 992px)" 1305 data-srcset="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e" 1306 alt="" 1307 > 1308 1309 <img 1310 id="slider-image" 1311 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzI0OTkxMjYzX-akjeaCn-WtuO-8v-agoeiJsi0xNDjmi7fosp0uanBnLmpwZWciXV0.jpeg?sha=15aa263fcb456d4e" 1312 height="auto" 1313 alt="" 1314 class="swiper-lazy" 1315 > 1316 </picture> 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 </a> 1331 1332 1333 <div class="swiper-lazy-preloader"></div> 1334 1335 </div> 1336 1337 </div> 1338 1339 </div> 1340 1341</section> 1342
1343<script> 1344 $(document).ready(function(){ 1345 let isDynamicLoading = false; 1346 let settingObj = { 1347 id: '_main_slider_custom', 1348 mobile_img_number: Number('1'), 1349 mobile_img_space: Number('8'), 1350 img_number: Number('1'), 1351 img_space: Number('12'), 1352 swiper_delay: '60', 1353 } 1354 window.mainSlider = function(obj){ 1355 var id = themeHelper.escapeId(obj.id); 1356 var slideCount = $(`#${obj.id} .swiper-slide`).length 1357 var autoLoop = true 1358 if (slideCount <= 1){ 1359 autoLoop = false 1360 } 1361 var mainSlider = new Swiper('#' + id + ' .swiper-container', { 1362 preloadImages: false, 1363 slidesPerView: Number(obj.mobile_img_number), 1364 spaceBetween: Number(obj.mobile_img_space), 1365 breakpoints: { 1366 0:{ 1367 slidesPerView: Number(obj.mobile_img_number), 1368 spaceBetween: Number(obj.mobile_img_space), 1369 }, 1370 991: { 1371 slidesPerView: Number(obj.img_number), 1372 spaceBetween: Number(obj.img_space), 1373 } 1374 }, 1375 // Enable lazy loading 1376 observer: true, 1377 observeParents: true, 1378 autoheight: true, 1379 lazy: { 1380 loadPrevNext: true, 1381 }, 1382 freeMode: { 1383 enabled: true, 1384 sticky: true, 1385 momentum: true, 1386 momentumRatio: 0.4, 1387 momentumVelocityRatio: 0.1, 1388 }, 1389 loop: autoLoop, 1390 autoplay: { delay: obj.swiper_delay * 1000 }, 1391 speed: Number('300.0'), 1392 pagination: { 1393 el: '#' + id + ' .main_slider_pagination', 1394 clickable: true, 1395 }, 1396 navigation: { 1397 nextEl: '#' + id + ' .main_slider_custom_next', 1398 prevEl: '#' + id + ' .main_slider_custom_prev', 1399 }, 1400 on: { 1401 init: function () { 1402 if (isDynamicLoading && !window.matchMedia("(max-width: 576px)").matches) { 1403 document.querySelector('#' + id + ' .main-slider-placeholder').style.display = 'none'; 1404 document.querySelector('#' + id + ' .swiper-container').style.visibility = 'visible'; 1405 } 1406 }, 1407 } 1408 }); 1409 } 1410 if (isDynamicLoading) { 1411 window.DynamicLoading.setupComponent({ 1412 sectionId: "_main_slider_custom", 1413 sectionSettingData: settingObj, 1414 entryName:'mainSlider', 1415 source:'https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.js', 1416 componentType:'js', 1417 hiddenDom: true 1418 }); 1419 }else{ 1420 mainSlider(settingObj); 1421 } 1422 }) 1423</script>
1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_index_4_blocks-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1438<script src='//cdn1-next.cybassets.com/frontend/shop/productDisplay-3a2e378145f8a165.js' type='text/javascript'></script>
1438 1439 1440<style> 1441 [id="_index_4_blocks_2"] { 1442 margin: 0 160px 40px !important; 1443 } 1444 1445 @media (min-width: 992px) { 1446 [id="_index_4_blocks_2"] .block:not(.last-row) { 1447 margin-bottom: 32px !important; 1448 } 1449 [id="_index_4_blocks_2"] .block-default-width-margin:not(:first-of-type), 1450 [id="_index_4_blocks_2"] .block-not-first-margin { 1451 margin-left: 32px !important; 1452 } 1453 } 1454 1455 @media (max-width: 991px) { 1456 [id="_index_4_blocks_2"] { 1457 margin: 0 16px 24px !important; 1458 } 1459 [id="_index_4_blocks_2"] > .qk-display--flex.qk-flex--wrap { 1460 gap: 16px; 1461 justify-content: flex-start; 1462 } 1463 [id="_index_4_blocks_2"] .block { 1464 flex: 0 0 calc((100% - (2 - 1) * 16px) / 2); 1465 } 1466 } 1467 1468 .video-block-loading { 1469 background-color: #eeee; 1470 position: absolute; 1471 top: 0; 1472 bottom: 0; 1473 left: 0; 1474 width: 100%; 1475 height: 100%; 1476 } 1477</style> 1478
1479<script> 1480 1481 $(document).ready(function() { 1482 let isDynamicLoading = false; 1483 if (isDynamicLoading) { 1484 window.DynamicLoading.setupComponent({ 1485 sectionId:'_index_4_blocks_2', 1486 componentType:'liquid', 1487 }); 1488 } 1489 1490 1491 1492 1493 1494 1495 1496 }) 1497</script>
1497 1498
1499<script> 1500 function buildYoutubeEmbedUrl(url, options) { 1501 const YT_REGEX = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=|shorts\/)([^#&?]*).*/; 1502 const match = (url || '').match(YT_REGEX); 1503 const videoId = match && match[2].length === 11 ? match[2] : ''; 1504 1505 if (!videoId) { 1506 return ''; 1507 } 1508 1509 const autoPlay = options && options.autoPlay; 1510 const hideControls = options && options.hideControls; 1511 const loop = options && options.loop; 1512 1513 const searchParams = new URLSearchParams(); 1514 1515 searchParams.set('autoplay', autoPlay ? '1' : '0'); 1516 // è¥èªåææ¾ï¼é è¨éé³ä»¥ç¬¦åç覽å¨éå¶ 1517 searchParams.set('mute', autoPlay ? '1' : '0'); 1518 searchParams.set('playsinline', '1'); 1519 1520 searchParams.set('controls', hideControls ? '0' : '1'); 1521 searchParams.set('rel', '0'); 1522 1523 if (loop) { 1524 searchParams.set('loop', '1'); 1525 searchParams.set('playlist', videoId); 1526 } 1527 1528 return 'https://www.youtube.com/embed/' + videoId + '?' + searchParams.toString(); 1529 } 1530 1531 function parseYtUrlOnLoad(target, url, autoPlay, hideControls, loop) { 1532 const finalUrl = buildYoutubeEmbedUrl(url, { 1533 autoPlay: autoPlay, 1534 hideControls: hideControls, 1535 loop: loop, 1536 }); 1537 1538 if (!finalUrl || target.src === finalUrl) { 1539 return; 1540 } 1541 1542 const handleVideoLoad = function () { 1543 try { 1544 const wrapper = $(target).closest('.embed-responsive')[0]; 1545 if (wrapper) { 1546 // éé loading skeleton 1547 const loading = wrapper.querySelector('.video-block-loading'); 1548 if (loading) { 1549 loading.style.display = 'none'; 1550 } 1551 } 1552 } catch (e) { 1553 console.error('iframe onload èç失æ', e); 1554 } finally { 1555 target.removeEventListener('load', handleVideoLoad); 1556 } 1557 }; 1558 1559 target.addEventListener('load', handleVideoLoad); 1560 1561 target.src = finalUrl; 1562 if (hideControls && autoPlay) { 1563 target.style.pointerEvents = 'none'; 1564 } 1565 1566 // 夿·æ¯ä¸æ¯ YouTube shortsï¼æ±ºå®è¦ä¸è¦å ä¸ .short-youtube class 1567 try { 1568 const isShort = (url || '').indexOf('/shorts/') !== -1; 1569 if (isShort) { 1570 const wrapper = $(target).closest('.embed-responsive')[0]; 1571 if (wrapper) { 1572 wrapper.classList.add('short-youtube'); 1573 } 1574 } 1575 } catch (e) { 1576 console.error('isShort 夿·å¤±æ', e); 1577 } 1578 } 1579 1580 1581 window.addEventListener('load', function () { 1582 const sectionEl = document.getElementById('_index_4_blocks_2'); 1583 if (!sectionEl) return; 1584 1585 const options = { 1586 threshold: 0.25, 1587 }; 1588 1589 1590 1591 1592 1593 1594 1595 1596 }); 1597</script>
1597 1598 1599<section id="_index_4_blocks_2" class="index-4-blocks"> 1600 <div class="qk-display--flex qk-flex--wrap"> 1601 1602 1603 1604 1605 <div class="block image mobile-2-col last-row" style="width: calc(33.3% - 21.312px);"> 1606 1607 <div class="img-card" id="display_index_4_block_2"> 1608 1609 1610 1611 <a href="/products/puree" class="banner qk-hidden--mobile" target="" rel=""> 1612 <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5" class="qk-w--100" alt=""> 1613 </a> 1614 1615 1616 1617 1618 <a 1619 href="/products/puree" 1620 class="banner qk-display--bk qk-hidden--phone qk-hidden--pc" 1621 target="" 1622 rel="" 1623 > 1624 <img 1625 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5" 1626 class="qk-w--100" 1627 alt="" 1628 > 1629 </a> 1630 1631 1632 1633 1634 <a 1635 href="/products/puree" 1636 class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet" 1637 target="" 1638 rel="" 1639 > 1640 <img 1641 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAzLmpwZy5qcGVnIl1d.jpeg?sha=ac7080e4e7d6d6c5" 1642 class="qk-w--100" 1643 alt="" 1644 > 1645 </a> 1646 1647 1648 1649 <div class="advance-rich-text-content-container"> 1650 1651 </div> 1652 </div> 1653 1654 </div> 1655 1656 1657 1658 <div class="block image mobile-2-col block-not-first-margin last-row" style="width: calc(33.3% - 21.312px);"> 1659 1660 <div class="img-card" id="display_index_4_block_2_2"> 1661 1662 1663 1664 <a href="/products/nuts" class="banner qk-hidden--mobile" target="" rel=""> 1665 <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781" class="qk-w--100" alt=""> 1666 </a> 1667 1668 1669 1670 1671 <a 1672 href="/products/nuts" 1673 class="banner qk-display--bk qk-hidden--phone qk-hidden--pc" 1674 target="" 1675 rel="" 1676 > 1677 <img 1678 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781" 1679 class="qk-w--100" 1680 alt="" 1681 > 1682 </a> 1683 1684 1685 1686 1687 <a 1688 href="/products/nuts" 1689 class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet" 1690 target="" 1691 rel="" 1692 > 1693 <img 1694 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM3X-acquWRveWQjS00LTA0LmpwZy5qcGVnIl1d.jpeg?sha=9a67384494654781" 1695 class="qk-w--100" 1696 alt="" 1697 > 1698 </a> 1699 1700 1701 1702 <div class="advance-rich-text-content-container"> 1703 1704 </div> 1705 </div> 1706 1707 </div> 1708 1709 1710 1711 <div class="block image mobile-2-col block-not-first-margin last-row" style="width: calc(33.3% - 21.312px);"> 1712 1713 <div class="img-card" id="display_index_4_block_2_3"> 1714 1715 1716 1717 <a href="/collections/ç¡ç³é®®å¥¶åªæ ¼" class="banner qk-hidden--mobile" target="" rel=""> 1718 <img src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d" class="qk-w--100" alt=""> 1719 </a> 1720 1721 1722 1723 1724 <a 1725 href="/collections/ç¡ç³é®®å¥¶åªæ ¼" 1726 class="banner qk-display--bk qk-hidden--phone qk-hidden--pc" 1727 target="" 1728 rel="" 1729 > 1730 <img 1731 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d" 1732 class="qk-w--100" 1733 alt="" 1734 > 1735 </a> 1736 1737 1738 1739 1740 <a 1741 href="/collections/ç¡ç³é®®å¥¶åªæ ¼" 1742 class="banner qk-display--bk qk-hidden--pc qk-hidden--tablet" 1743 target="" 1744 rel="" 1745 > 1746 <img 1747 src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzMzU3MDM2X-acquWRveWQjS00LTAyLmpwZy5qcGVnIl1d.jpeg?sha=c19a6b6f1c04db0d" 1748 class="qk-w--100" 1749 alt="" 1750 > 1751 </a> 1752 1753 1754 1755 <div class="advance-rich-text-content-container"> 1756 1757 </div> 1758 </div> 1759 1760 </div> 1761 1762 </div> 1763</section> 1764 1765
1766<script src='//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js' type='text/javascript'></script>
1766 1767 1768<section id="_graphic_introduction"> 1769 <div id="graphic_introduction-_graphic_introduction"></div> 1770</section> 1771 1772 1773 1774 1775
1776<script> 1777 $(document).ready(function() { 1778 let isDynamicLoading = false; 1779 if (isDynamicLoading) { 1780 window.DynamicLoading.setupComponent({ 1781 sectionId:'#graphic_introduction-_graphic_introduction', 1782 callbackData:{ 1783 blocksSettings: [{"blockId": "display_graphic_introduction_block_1", "type": "title", "settings": {"dict_rich_text_title" : "æ ¹æ¤å¨å° ï½ ææèªç¶", "dict_size" : "24"}}, {"blockId": "display_graphic_introduction_block_1_2", "type": "text", "settings": {"dict_rich_text_content" : "<p>å¨é£å®åé¡ä¸æ·çç¼çé幾年</p>\n<p></p>\n<p>æåä¸è¿½æ±å·¥å» 大éçç¢çç¢å</p>\n<p>ä¸ä½¿ç¨å叿·»å åä¾åºæ¿å³è¾</p>\n<p></p>\n<p>å æå¨åºè£½ä½ç溫度</p>\n<p></p>\n<p>æ¯ä¸å£é½åå¾å°</p>\n<p>æ°é®®é£æèå£ç¯æ°£å交ç¹èæçèªç¶é ¸ç</p>\n", "dict_size" : "16"}}], 1784 settingsData: { 1785 textDisplay: "leftPosition", 1786 textColor: null, 1787 textBgColor: null, 1788 dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1789 dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1790 dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1791 btnDisplay: "leftSide", 1792 blockPropotion: "60", 1793 customBlockImageAlt: null, 1794 blockId: "", 1795 } 1796 }, 1797 entryName:'renderGraphicIntroduction', 1798 source:'//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js', 1799 }) 1800 }else{ 1801 renderGraphicIntroduction('#graphic_introduction-_graphic_introduction', { 1802 blocksSettings: [{"blockId": "display_graphic_introduction_block_1", "type": "title", "settings": {"dict_rich_text_title" : "æ ¹æ¤å¨å° ï½ ææèªç¶", "dict_size" : "24"}}, {"blockId": "display_graphic_introduction_block_1_2", "type": "text", "settings": {"dict_rich_text_content" : "<p>å¨é£å®åé¡ä¸æ·çç¼çé幾年</p>\n<p></p>\n<p>æåä¸è¿½æ±å·¥å» 大éçç¢çç¢å</p>\n<p>ä¸ä½¿ç¨å叿·»å åä¾åºæ¿å³è¾</p>\n<p></p>\n<p>å æå¨åºè£½ä½ç溫度</p>\n<p></p>\n<p>æ¯ä¸å£é½åå¾å°</p>\n<p>æ°é®®é£æèå£ç¯æ°£å交ç¹èæçèªç¶é ¸ç</p>\n", "dict_size" : "16"}}], 1803 settingsData: { 1804 textDisplay: "leftPosition", 1805 textColor: null, 1806 textBgColor: null, 1807 dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1808 dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1809 dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzM3NDM2NDgyX-aIquWcliAyMDI1LTAxLTIxIOS4i-WNiDEuMTMuMzkucG5nLnBuZyJdXQ.png?sha=0d4714f69f1f74cf", 1810 btnDisplay: "leftSide", 1811 blockPropotion: "60", 1812 customBlockImageAlt: null, 1813 blockId: "", 1814 } 1815 }); 1816 } 1817 }) 1818</script>
1818 1819 1820 1821<style id="_graphic_introduction"> 1822 :root { 1823 1824 --graphic_bg: #525652; 1825 1826 1827 1828 --graphic_text: #FFFEF8; 1829 1830 1831 1832 --graphic_img-ratio: 60%; 1833 1834 } 1835 1836 [id="_graphic_introduction"] { 1837 margin: 0 20px 48px; 1838 } 1839 1840 [id="_graphic_introduction"] .background_graphic-setting { 1841 color: #FFFEF8; 1842 background: #525652; 1843 } 1844 1845 @media (max-width: 991px) { 1846 [id="_graphic_introduction"] { 1847 margin: 0 20px 50px; 1848 } 1849 } 1850 1851</style> 1852 1853 1854<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_index_8_blocks-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' />
1854<script src='//cdn1-next.cybassets.com/frontend/shop/productCollection-3a2e378145f8a165.js' type='text/javascript'></script>
1854<!-- cyb_snippet _combo_product_related_items_modal start --><!-- cyb_snippet _combo_product_related_items_modal end --> 1855 1856 1857
1858<script> 1859 $(document).ready(function() { 1860 let isDynamicLoading = false; 1861 1862 function sendProductImpressions(products, collectionTitle) { 1863 if (products && products.length > 0) { 1864 var gtm_product = [] 1865 1866 $.each(products, function(index, product) { 1867 productInfo = { 1868 'brand': product.vendor, 1869 'category': product.product_type, 1870 'id': product.id, 1871 'list': 'Index: ' + collectionTitle, 1872 'name': product.title, 1873 'position': index + 1, 1874 'price': product.price, 1875 'variant': '' 1876 } 1877 1878 if (typeof google_tag_manager_id != 'undefined' || typeof cyb != 'undefined') { 1879 gtm_product.push(productInfo) 1880 } 1881 }) 1882 1883 if (typeof google_tag_manager_id != 'undefined' && gtm_product.length > 0) { 1884 dataLayer.push({ 1885 'event': 'productImpressions', 1886 'ecommerce': { 1887 'impressions': gtm_product 1888 } 1889 }); 1890 } 1891 1892 if (typeof cyb != "undefined" && gtm_product.length > 0) { 1893 cyb.push({ 1894 'event': 'productImpressions', 1895 'impressions': gtm_product 1896 }); 1897 } 1898 } 1899 } 1900 1901 const props = { 1902 sectionId: "_index_8_blocks", 1903 collection: { 1904 id: 291134, 1905 title: "ç±é·æ¨è¦ð¥£", 1906 }, 1907 allProductCount: 14, 1908 cartEnabled: true, 1909 discountPriceSloganUrl: "//cdn1-next.cybassets.com/theme_src/i18n_delight/default_img/onsale_icon.png", 1910 showMultipleLabels: false, 1911 collectionHandleUrl: "/collections/è¶ å¤¯äººæ°£çµå", 1912 blockProducts: 1913{"products":[{"id":46549925,"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","handle":"preorderyogurtpuree","price":129.0,"vendor":null,"slogan":"æ¥å®å¾è£½ä½ï¼ç¼é µå®ç¶å¤©å¯åº ï½å §å«11種好èï¼æ¯å å¥½èæ¸é10å","sell_from":"2024-04-15 00:00:00","url":"/products/preorderyogurtpuree","product_type":null,"total_sold":200,"sold_out":false,"price_range":{"min":{"id":61937194,"price":129.0,"compare_at_price":159.0},"max":{"id":69297288,"price":334.0,"compare_at_price":409.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NzI0NTc0OTBfMTk3N2Y1NWU0NjcyOWEyMDkxMTEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d8f1c2d00ec30e44","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NzI0NTc0OTBfMTk3N2Y1NWU0NjcyOWEyMDkxMTEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=d8f1c2d00ec30e44","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTZfODAzOTQxM2U1MTcxM2NlMTc1NDMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=781ad665658933f3","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTZfZGM0MjMyZjE1OTYzZDY5NzBiNzYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=270f865a4dd4ebfc","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc0NDYzNTdfZGMwOGE4OGJkMWRlOGNiNmI0ZGUucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=6304ff64f25ea5c2","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3Mzc3MDQ3MjdfNTcwYWVjNWE1NWJmZDMzYWQwMGMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=8c0d91bb3d3f8e9f","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2NTQ5OTI1LzE3NTkzMDUwNzJfYjVjYTE0MmUyNDBmYzAwNWNkMzcuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=7c23eee0a2495df5"]},{"id":46009866,"title":"ã宿å®é¡ãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","handle":"regularyogurt","price":888.0,"vendor":null,"slogan":"宿é ï¼æ¯é±é 1次ï¼ä¸å®ä¸çµé 2次 ï½å §å«11種好èï¼æ¯å å¥½èæ¸é10å","sell_from":"2024-04-15 00:00:00","url":"/products/regularyogurt","product_type":null,"total_sold":89,"sold_out":false,"price_range":{"min":{"id":57639469,"price":888.0,"compare_at_price":1014.0},"max":{"id":57639448,"price":1710.0,"compare_at_price":2214.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NzI0NTczNzVfZGYwNmY3Y2MzNTJiNDIxZDMwYjkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=dee18fe110c10fa7","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NzI0NTczNzVfZGYwNmY3Y2MzNTJiNDIxZDMwYjkuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=dee18fe110c10fa7","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfNmUxYTM2MjVmY2VmY2FlNzc3Y2MucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=ea26d9bbe934f7f4","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfZjg3NjNlM2ZlY2YwNDE1MGM4MjIucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=975ed440eac79710","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc3MDQ3NDZfZTEzMTEzNjdlYzRmMzlhZWRlYjkucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=216b014059435fd6","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3NTkzMDUwNzdfNDdiNjNiZTljYzhmYjQ3MWQxZjUuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=230adcbd0c6b4ee0"]},{"id":56350526,"title":"Botanyæ¤æå¸ï½ç½èèå°æ·æ·","handle":"whitestrawberryicecream-20250612230856","price":400.0,"vendor":null,"slogan":"","sell_from":"2025-06-01 00:00:00","url":"/products/whitestrawberryicecream-20250612230856","product_type":null,"total_sold":7,"sold_out":false,"price_range":{"min":{"id":69461099,"price":400.0,"compare_at_price":500.0},"max":{"id":67884284,"price":1750.0,"compare_at_price":2000.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTYwMjRfZjdkMmIyMGIyMWJiZDQ2YmU3ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=7a1033f521a0481e","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTYwMjRfZjdkMmIyMGIyMWJiZDQ2YmU3ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=7a1033f521a0481e","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU2MzUwNTI2LzE3NTI1ODkxMjlfNDhjODhkOTgxNjBjMTVlY2FlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=96b1f756f76ba3a9","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU1NTg2NzA1LzE3NDcyOTY3MjhfM2Y0MTA4ZDgwMjNjOTBmMGY0OTMucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=ce0665f4792784bc","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU2MzUwNTI2LzE3NTI1ODkxMjlfNzQ5OTJkNjIyMjA0YWFkZGU0ODAucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=8ea3f0a51b70e261"]},{"id":57364374,"title":"ãè¶ å¼å®¶åºçµãBotany æ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼ï¼å«12種好è å¸å®æå¤ï¼ç¼é µå®ç¶å¤©å¯åº","handle":"familyyogurt","price":720.0,"vendor":null,"slogan":"åªæ ¼å ¨æåï¼é®®å¥¶ï¼11種好èï¼æ¯å å¥½èæ¸é10åï½èªè£½ææ³¥å ¨æåï¼æ°´æãåè²å°ç³","sell_from":"2024-04-15 00:00:00","url":"/products/familyyogurt","product_type":null,"total_sold":41,"sold_out":false,"price_range":{"min":{"id":69297420,"price":720.0,"compare_at_price":1014.0},"max":{"id":69297400,"price":1999.0,"compare_at_price":2394.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfODI4MjllZmY3OThkNDQzOGFiM2UucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=e343ff42301d33cd","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc0NDY0MTJfZjg3NjNlM2ZlY2YwNDE1MGM4MjIucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=975ed440eac79710","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzQ2MDA5ODY2LzE3Mzc3MDQ3NDZfZTEzMTEzNjdlYzRmMzlhZWRlYjkucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=216b014059435fd6","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzU3MzY0Mzc0LzE3NTkzMDUwNTJfYWFjNjkyZDRiOTZiMTJiYWExMGMuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=a1ce0bca0332675c"]},{"id":63747930,"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½å·èå¸èåªæ ¼ï¼å«12種好è å¸å®æå¤ï¼","handle":"greekyogurt","price":200.0,"vendor":null,"slogan":"å §å«12種好èï¼æ¯å å¥½èæ¸é10å","sell_from":"2024-04-15 00:00:00","url":"/products/greekyogurt","product_type":null,"total_sold":139,"sold_out":false,"price_range":{"min":{"id":77371006,"price":200.0,"compare_at_price":250.0},"max":{"id":81295068,"price":449.0,"compare_at_price":510.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNjViNGMxYjg2M2YwYTUxNThlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=bf1d321d18fcba2b","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNjViNGMxYjg2M2YwYTUxNThlYjYucG5nIl0sWyJwIiwidGh1bWIiLCI2MDB4NjAwIl1d.png?sha=bf1d321d18fcba2b","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0NjY4OTlfNWQ5ODFkOGQ5ZWViMmQ0NzI2MWEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=cd017113a654f7f9","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTMwLzE3NjY0Njg0MjFfNDQ2Y2I0ZTZjYTJlZjgzNmUzMDQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=074c93126b9bc8c7"]},{"id":63747981,"title":"ãä¸è¬è¨å®ãBotanyæ¤æå¸ï½ç¡ç³é®®å¥¶åªæ ¼é£²ï¼å«12種好è å¸å®æå¤ï¼","handle":"yogurtdrink","price":169.0,"vendor":null,"slogan":"å §å«12種好èï¼æ¯å å¥½èæ¸é10å","sell_from":"2024-04-15 00:00:00","url":"/products/yogurtdrink","product_type":null,"total_sold":108,"sold_out":false,"price_range":{"min":{"id":77371262,"price":169.0,"compare_at_price":199.0},"max":{"id":87146151,"price":204.0,"compare_at_price":274.0}},"show_slogan":true,"related_to_sales_page":false,"hide_price?":false,"sales_mode_purchasable?":true,"featured_image":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NzE5MTgwODdfNmI3YzhjYzhlM2Q1MGIxZDcxZDEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=71294c4cf685e2eb","optional_combo_product?":false,"combo_product_info":null,"purchase_eligibility":{"required":false,"eligible":true,"status":"eligible"},"product_labels":[],"images":["//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NzE5MTgwODdfNmI3YzhjYzhlM2Q1MGIxZDcxZDEuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=71294c4cf685e2eb","//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL3Byb2R1Y3RzLzYzNzQ3OTgxLzE3NjY0NjgzOTdfYmI4MGRmMDk3NDIwZDM0YzQxZDQuanBlZyJdLFsicCIsInRodW1iIiwiNjAweDYwMCJdXQ.jpeg?sha=3819dcbcc919b065"]}]} 1914, 1915 sessionTitle: null, 1916 section: {"type":"_index_8_blocks","custom_name":"åååé¡","visible":true,"settings":{"dict_title":"è¶ å¤¯äººæ°£çµå","collection_handle":"è¶ å¤¯äººæ°£çµå","limit":"
19166","margin_x":"180","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","product_display":"displayAll","product_arrangement":"2","product_alignment":"leftPosition","product_text_align":"center","product_column_for_pc":"4","product_column_for_mobile":"2","product_card_hover_effect":"button","product_image_border_radius":"15"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}}, 1917 productURLSearch: "", 1918 hasIntegratedProductLabelsPlugin: false, 1919 isDisplayPriceRange: null || false, 1920 pageType: "index", 1921 } 1922 if (isDynamicLoading) { 1923 window.DynamicLoading.setupComponent({ 1924 sectionId: '#index_8_blocks-_index_8_blocks', 1925 callbackData: props, 1926 entryName: 'renderProductCollection', 1927 source: '//cdn1-next.cybassets.com/frontend/shop/productCollection-3a2e378145f8a165.js', 1928 }); 1929 } else { 1930 renderProductCollection('#index_8_blocks-_index_8_blocks', props); 1931 } 1932 var products = props.blockProducts && props.blockProducts.products; 1933 if (products) { 1934 sendProductImpressions(products, props.collection.title); 1935 } 1936 }); 1937</script>
1937 1938 1939<style> 1940 [id="_index_8_blocks"] { 1941 margin: 0 180px 32px !important; 1942 } 1943 @media (max-width: 991px) { 1944 [id="_index_8_blocks"] { 1945 margin: 0 16px 24px !important; 1946 } 1947 } 1948</style> 1949 1950<section id="_index_8_blocks" class="index_8_blocks qk-text--center"> 1951 <div id="index_8_blocks-_index_8_blocks"></div> 1952</section> 1953 1954 1955
1956<script src='//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js' type='text/javascript'></script>
1956 1957 1958<section id="_graphic_introduction_2"> 1959 <div id="graphic_introduction-_graphic_introduction_2"></div> 1960</section> 1961 1962 1963 1964 1965
1966<script> 1967 $(document).ready(function() { 1968 let isDynamicLoading = false; 1969 if (isDynamicLoading) { 1970 window.DynamicLoading.setupComponent({ 1971 sectionId:'#graphic_introduction-_graphic_introduction_2', 1972 callbackData:{ 1973 blocksSettings: [{"blockId": "display_graphic_introduction_block_2", "type": "title", "settings": {"dict_rich_text_title" : "極 é®® ï¼ æ¥µ çº ï¼ æ¥µ ä» ï¼ ", "dict_size" : "24"}}, {"blockId": "display_graphic_introduction_block_2_2", "type": "text", "settings": {"dict_rich_text_content" : "<p>ã»ç¼é µå®åªè³£ 3 å¤©çæ¥µé®®åªæ ¼</p>\n<p></p>\n<p>ã»æ°é®®æ°´æç¬è£½èæé«çºææ³¥</p>\n<p></p>\n<p>ã»ææº«çå¹ 6 å°æçåå³å æ</p>\n<p></p>\n<p> çµ æ ç¥ ä» çµ å</p>\n", "dict_size" : "18"}}], 1974 settingsData: { 1975 textDisplay: "midPosition", 1976 textColor: null, 1977 textBgColor: null, 1978 dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 1979 dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 1980 dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 1981 btnDisplay: "rightSide", 1982 blockPropotion: "40", 1983 customBlockImageAlt: "", 1984 blockId: "", 1985 } 1986 }, 1987 entryName:'renderGraphicIntroduction', 1988 source:'//cdn1-next.cybassets.com/frontend/shop/graphicIntroduction-3a2e378145f8a165.js', 1989 }) 1990 }else{ 1991 renderGraphicIntroduction('#graphic_introduction-_graphic_introduction_2', { 1992 blocksSettings: [{"blockId": "display_graphic_introduction_block_2", "type": "title", "settings": {"dict_rich_text_title" : "極 é®® ï¼ æ¥µ çº ï¼ æ¥µ ä» ï¼ ", "dict_size" : "24"}}, {"blockId": "display_graphic_introduction_block_2_2", "type": "text", "settings": {"dict_rich_text_content" : "<p>ã»ç¼é µå®åªè³£ 3 å¤©çæ¥µé®®åªæ ¼</p>\n<p></p>\n<p>ã»æ°é®®æ°´æç¬è£½èæé«çºææ³¥</p>\n<p></p>\n<p>ã»ææº«çå¹ 6 å°æçåå³å æ</p>\n<p></p>\n<p> çµ æ ç¥ ä» çµ å</p>\n", "dict_size" : "18"}}], 1993 settingsData: { 1994 textDisplay: "midPosition", 1995 textColor: null, 1996 textBgColor: null, 1997 dictImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 1998 dictTabletImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 1999 dictMobileImageUrl: "//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzE3MDQwNzMzX-akjeaCn-WtuO-8v-agoeiJsi00NC5qcGVnLmpwZWciXV0.jpeg?sha=a4571f54b46fbe0e", 2000 btnDisplay: "rightSide", 2001 blockPropotion: "40", 2002 customBlockImageAlt: "", 2003 blockId: "", 2004 } 2005 }); 2006 } 2007 }) 2008</script>
2008 2009 2010 2011<style id="_graphic_introduction_2"> 2012 :root { 2013 2014 --graphic_bg: #ffffff; 2015 2016 2017 2018 --graphic_text: #525652; 2019 2020 2021 2022 --graphic_img-ratio: 40%; 2023 2024 } 2025 2026 [id="_graphic_introduction_2"] { 2027 margin: 0 20px 48px; 2028 } 2029 2030 [id="_graphic_introduction_2"] .background_graphic-setting { 2031 color: #525652; 2032 background: #ffffff; 2033 } 2034 2035 @media (max-width: 991px) { 2036 [id="_graphic_introduction_2"] { 2037 margin: 0 0px 40px; 2038 } 2039 } 2040 2041</style> 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/_main_slider_custom-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 2054 2055<style> 2056 [id="1713459345646_0"] { 2057 margin: 0 0px 50px !important; 2058 } 2059 @media (max-width: 576px) { 2060 .main-slider-placeholder { 2061 display: none !important; 2062 } 2063 .swiper-container { 2064 visibility: visible !important; 2065 } 2066 } 2067 @media (max-width: 991px) { 2068 [id="1713459345646_0"] { 2069 margin: 0 5px 50px !important; 2070 } 2071 } 2072</style> 2073 2074<section id="1713459345646_0" class="main-slider qk-pos--rel"> 2075 2076 2077 2078 <div 2079 class="swiper swiper-container" 2080 2081 > 2082 <div class="swiper-wrapper qk-align--center"> 2083 2084 2085 2086 <div class="swiper-slide"> 2087 2088 <span class="img-flex qk-align--stretch qk-display--contents"> 2089 2090 2091 2092 2093 2094 2095 <picture> 2096 2097 2098 <img 2099 id="slider-image" 2100 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMjMuanBnLmpwZWciXV0.jpeg?sha=685f4f85d68de7c2" 2101 height="auto" 2102 alt="" 2103 class="swiper-lazy" 2104 > 2105 </picture> 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 </span> 2120 2121 2122 <div class="swiper-lazy-preloader"></div> 2123 2124 </div> 2125 2126 <div class="swiper-slide"> 2127 2128 <span class="img-flex qk-align--stretch qk-display--contents"> 2129 2130 2131 2132 2133 2134 2135 <picture> 2136 2137 2138 <img 2139 id="slider-image" 2140 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMTYuanBnLmpwZWciXV0.jpeg?sha=e05aeeef2704a9b2" 2141 height="auto" 2142 alt="" 2143 class="swiper-lazy" 2144 > 2145 </picture> 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 </span> 2160 2161 2162 <div class="swiper-lazy-preloader"></div> 2163 2164 </div> 2165 2166 <div class="swiper-slide"> 2167 2168 <span class="img-flex qk-align--stretch qk-display--contents"> 2169 2170 2171 2172 2173 2174 2175 <picture> 2176 2177 2178 <img 2179 id="slider-image" 2180 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xMzQuanBnLmpwZWciXV0.jpeg?sha=facbef037896bfaa" 2181 height="auto" 2182 alt="" 2183 class="swiper-lazy" 2184 > 2185 </picture> 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 </span> 2200 2201 2202 <div class="swiper-lazy-preloader"></div> 2203 2204 </div> 2205 2206 <div class="swiper-slide"> 2207 2208 <span class="img-flex qk-align--stretch qk-display--contents"> 2209 2210 2211 2212 2213 2214 2215 <picture> 2216 2217 2218 <img 2219 id="slider-image" 2220 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi0xNDguanBnLmpwZWciXV0.jpeg?sha=8858ac32640551fe" 2221 height="auto" 2222 alt="" 2223 class="swiper-lazy" 2224 > 2225 </picture> 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 </span> 2240 2241 2242 <div class="swiper-lazy-preloader"></div> 2243 2244 </div> 2245 2246 <div class="swiper-slide"> 2247
2248 <span class="img-flex qk-align--stretch qk-display--contents"> 2249 2250 2251 2252 2253 2254 2255 <picture> 2256 2257 2258 <img 2259 id="slider-image" 2260 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi02NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=7160c6a125f6c469" 2261 height="auto" 2262 alt="" 2263 class="swiper-lazy" 2264 > 2265 </picture> 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 </span> 2280 2281 2282 <div class="swiper-lazy-preloader"></div> 2283 2284 </div> 2285 2286 <div class="swiper-slide"> 2287 2288 <span class="img-flex qk-align--stretch qk-display--contents"> 2289 2290 2291 2292 2293 2294 2295 <picture> 2296 2297 2298 <img 2299 id="slider-image" 2300 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY4X-akjeaCn-WtuO-8v-agoeiJsi03NeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=d55ce598ff2b60df" 2301 height="auto" 2302 alt="" 2303 class="swiper-lazy" 2304 > 2305 </picture> 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 </span> 2320 2321 2322 <div class="swiper-lazy-preloader"></div> 2323 2324 </div> 2325 2326 <div class="swiper-slide"> 2327 2328 <span class="img-flex qk-align--stretch qk-display--contents"> 2329 2330 2331 2332 2333 2334 2335 <picture> 2336 2337 2338 <img 2339 id="slider-image" 2340 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi01OeaLt-iynS5qcGcuanBlZyJdXQ.jpeg?sha=747b5de6f43e338e" 2341 height="auto" 2342 alt="" 2343 class="swiper-lazy" 2344 > 2345 </picture> 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 </span> 2360 2361 2362 <div class="swiper-lazy-preloader"></div> 2363 2364 </div> 2365 2366 <div class="swiper-slide"> 2367 2368 <span class="img-flex qk-align--stretch qk-display--contents"> 2369 2370 2371 2372 2373 2374 2375 <picture> 2376 2377 2378 <img 2379 id="slider-image" 2380 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2MjY5X-akjeaCn-WtuO-8v-agoeiJsi00Ny5qcGcuanBlZyJdXQ.jpeg?sha=89eed101ea91dc5e" 2381 height="auto" 2382 alt="" 2383 class="swiper-lazy" 2384 > 2385 </picture> 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 </span> 2400 2401 2402 <div class="swiper-lazy-preloader"></div> 2403 2404 </div> 2405 2406 <div class="swiper-slide"> 2407 2408 <span class="img-flex qk-align--stretch qk-display--contents"> 2409 2410 2411 2412 2413 2414 2415 <picture> 2416 2417 2418 <img 2419 id="slider-image" 2420 data-src="//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMzNzM2NDM4X-akjeaCn-WtuO-8v-agoeiJsi0xNTggKDEpLmpwZy5qcGVnIl1d.jpeg?sha=3ec730bf625d4d3b" 2421 height="auto" 2422 alt="" 2423 class="swiper-lazy" 2424 > 2425 </picture> 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 </span> 2440 2441 2442 <div class="swiper-lazy-preloader"></div> 2443 2444 </div> 2445 2446 </div> 2447 2448 <div 2449 class="qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-swiper_btn--prev main_slider_custom_prev qk-hidden--mobile" 2450 ></div> 2451 <div 2452 class="qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-swiper_btn--next main_slider_custom_next qk-hidden--mobile" 2453 ></div> 2454 2455 </div> 2456
2457 <div class="qk-swiper_pg qk-w--100 qk-mg_t--1 qk-text--center main_slider_pagination"></div> 2458 2459</section> 2460
2461<script> 2462 $(document).ready(function(){ 2463 let isDynamicLoading = false; 2464 let settingObj = { 2465 id: '1713459345646_0', 2466 mobile_img_number: Number('2'), 2467 mobile_img_space: Number('5'), 2468 img_number: Number('3'), 2469 img_space: Number('12'), 2470 swiper_delay: '2', 2471 } 2472 window.mainSlider = function(obj){ 2473 var id = themeHelper.escapeId(obj.id); 2474 var slideCount = $(`#${obj.id} .swiper-slide`).length 2475 var autoLoop = true 2476 if (slideCount <= 1){ 2477 autoLoop = false 2478 } 2479 var mainSlider = new Swiper('#' + id + ' .swiper-container', { 2480 preloadImages: false, 2481 slidesPerView: Number(obj.mobile_img_number), 2482 spaceBetween: Number(obj.mobile_img_space), 2483 breakpoints: { 2484 0:{ 2485 slidesPerView: Number(obj.mobile_img_number), 2486 spaceBetween: Number(obj.mobile_img_space), 2487 }, 2488 991: { 2489 slidesPerView: Number(obj.img_number), 2490 spaceBetween: Number(obj.img_space), 2491 } 2492 }, 2493 // Enable lazy loading 2494 observer: true, 2495 observeParents: true, 2496 autoheight: true, 2497 lazy: { 2498 loadPrevNext: true, 2499 }, 2500 freeMode: { 2501 enabled: true, 2502 sticky: true, 2503 momentum: true, 2504 momentumRatio: 0.4, 2505 momentumVelocityRatio: 0.1, 2506 }, 2507 loop: autoLoop, 2508 autoplay: { delay: obj.swiper_delay * 1000 }, 2509 speed: Number('300.0'), 2510 pagination: { 2511 el: '#' + id + ' .main_slider_pagination', 2512 clickable: true, 2513 }, 2514 navigation: { 2515 nextEl: '#' + id + ' .main_slider_custom_next', 2516 prevEl: '#' + id + ' .main_slider_custom_prev', 2517 }, 2518 on: { 2519 init: function () { 2520 if (isDynamicLoading && !window.matchMedia("(max-width: 576px)").matches) { 2521 document.querySelector('#' + id + ' .main-slider-placeholder').style.display = 'none'; 2522 document.querySelector('#' + id + ' .swiper-container').style.visibility = 'visible'; 2523 } 2524 }, 2525 } 2526 }); 2527 } 2528 if (isDynamicLoading) { 2529 window.DynamicLoading.setupComponent({ 2530 sectionId: "1713459345646_0", 2531 sectionSettingData: settingObj, 2532 entryName:'mainSlider', 2533 source:'https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.js', 2534 componentType:'js', 2535 hiddenDom: true 2536 }); 2537 }else{ 2538 mainSlider(settingObj); 2539 } 2540 }) 2541</script>
2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552
2553<script src='//cdn1-next.cybassets.com/frontend/shop/productBanner-3a2e378145f8a165.js' type='text/javascript'></script>
2553 2554 2555 2556<style> 2557 [id="_index_product_banner"] { 2558 margin: 0 100px 32px !important; 2559 } 2560 @media (max-width: 991px) { 2561 [id="_index_product_banner"] { 2562 margin: 0 16px 24px !important; 2563 } 2564 } 2565</style> 2566 2567<section id="_index_product_banner" class="index-product-banner qk-display--bk qk-pos--rel"> 2568 <div id="index_product_banner-_index_product_banner"></div> 2569</section> 2570
2571<script> 2572 $(document).ready(function() { 2573 let isDynamicLoading = false; 2574 if (isDynamicLoading) { 2575 window.DynamicLoading.setupComponent({ 2576 sectionId:'#index_product_banner-_index_product_banner', 2577 callbackData:{ 2578 sectionId: "_index_product_banner", 2579 section: {"type":"_index_product_banner","custom_name":"æ©«å¹ å»£å","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"è¯çµ¡æå"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}}, 2580 dictMobileImageUrl:"", 2581 dictTabletImageUrl:"", 2582 dictImageUrl:"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08", 2583 }, 2584 entryName:'renderProductBanner', 2585 source:'//cdn1-next.cybassets.com/frontend/shop/productBanner-3a2e378145f8a165.js', 2586 }); 2587 }else{ 2588 window.renderProductBanner('#index_product_banner-_index_product_banner', 2589 { 2590 sectionId: "_index_product_banner", 2591 section: {"type":"_index_product_banner","custom_name":"æ©«å¹ å»£å","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08","dict_tablet_image_url":"","dict_mobile_image_url":"","dict_link":"","cta_btn_display_style":"bottomPosition","cta_btn_bg_color":"#525652","cta_btn_text_color":"#ffffff","margin_x":"100","margin_bottom":"32","mobile_margin_x":"16","mobile_margin_bottom":"24","display_cta_btn":false,"dict_cta_btn_text":"è¯çµ¡æå"},"blocks":{},"block_order":[],"schedule":{"enabled_default":true,"schedule_lists":[]}}, 2592 dictMobileImageUrl:"", 2593 dictTabletImageUrl:"", 2594 dictImageUrl:"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzEzNTc4NTUyX-akjeaCn-WtuO-8v-agoeiJsi04MCAyLmpwZWcuanBlZyJdXQ.jpeg?sha=2d9fd2b6f838ee08", 2595 }); 2596 } 2597 }); 2598</script>
2598 2599 2600 2601 2602 2603 <!-- å å ¥è³¼ç©è» --> 2604 2605 <!-- cyb_snippet new_addcart_modal start --> 2606<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/vue_product_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 2607 2608<div id="new-addcart-modal" class="container"> 2609 <transition name="modal"> 2610 <product-modal 2611 v-if="showProductModal" 2612 :only-description="onlyDescription" 2613 :product-url="popProductUrl" 2614 :color="color" 2615 :is-collection="isCollection" 2616 :is-show-description="isShowDescription" 2617 :is-quick-buy="isQuickBuy" 2618 :selected-variant-id="selectedVariantId" 2619 :categories="categories" 2620 :call-back="checkoutAddToCartCallback" 2621 ref="productModal" 2622 > 2623 </product-modal> 2624 </transition> 2625</div> 2626 2627<!-- cyb_snippet components/product_modal/product_modal start -->
2628<script type="text/x-template" id="product-modal"> 2629 <div class="modal-mask qk-h--100 qk-w--100 qk-l--0 qk-t--0 qk-pos--fixed" @click="closeModal"> 2630 <div class="modal-content qk-bd--none qk-center qk-bg--theme_bg" :class="{'only-description': onlyDescription}" @click.stop> 2631 <button class="btn-close qk-circle qk-circle--md qk-pos--abs qk-op--100 qk-bg--theme_bg qk-text--heading qk-bd--product_border qk-bd--default" @click="closeModal"></button> 2632 <div class="modal-body custom-scrollbar qk-w--100"> 2633 <div v-if="!isLoading"> 2634 <div id="checkout-product" class="row"> 2635 <div class="col-sm-6 col-xs-4"> 2636 <photo-swiper 2637 :mediaItems="swiperItems" 2638 :current-image-index="currentImageIndex" 2639 :current-variant="currentVariant" 2640 :video-after-image="videoAfterImage" 2641 ></photo-swiper> 2642 </div> 2643 <div class="col-sm-6 col-xs-8"> 2644 <h4 class="qk-fs--hd2 qk-fw--bold qk-text--heading qk-mg--0" v-html="product.title"></h4> 2645 <p class="product_brief qk-text--text qk-fs--body" v-html="product.brief"></p> 2646 <p class="product_slogan qk-text--heading qk-fs--body" v-html="product.slogan"></p> 2647 <div class="swiper_thumbnails" style="margin-bottom: 10px;"> 2648 <swiper-thumbnails 2649 :mediaItems="swiperItems" 2650 :current-image-index="currentImageIndex" 2651 :title="product.title" 2652 @update-current-image-index="(thumbnailIndex) => { currentImageIndex = thumbnailIndex }" 2653 ></swiper-thumbnails> 2654 </div> 2655 2656 <div v-if="!hidePrice" style="margin-bottom: 10px;"> 2657 2658 <span class="price-title qk-fs--body qk-fw--500 qk-text--heading">${ priceTitleTag }</span> 2659 2660 <div> 2661 <span v-html="variantPrice" class="variant-price qk-fs--hd1 qk-fw--bold" :class="[isDiscountPrice ? 'qk-text--discount_price' : 'qk-text--price']"></span> 2662 <del v-html="marketPrice" class="variant-del-price qk-fs--body qk-fw--500 qk-text--text"></del> 2663 </div> 2664 </div> 2665 <div v-if="!onlyDescription" class="controls"> 2666 <div class="variant-quantity qk-display--flex qk-flex--column"> 2667 <div v-if="hasVariant" class="product-variant-options"> 2668 <div v-for="(option, index) in optionInfo" class="product-variant-option" :class="{'product-variant-option--hidden': shouldHideSingleVariantOptions}"> 2669 <div class="advance variant-select-option" v-if="styledShopMenu==='dropDownType'"> 2670 2671 <label>${option.name}</label> 2672 <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"> </path></svg> 2673 <select class="qk-bg--theme_bg" :class="{'select_placeholder-color': currentOption[`option${index + 1}`] === null}" v-show="!isMobileSize" :value="String(currentOption[`option${index + 1}`])" @change="setOption(`option${index + 1}`, $event.target.value, option.types )" @click="onClickSelectModal(option,`option${index + 1}`)"> 2674 <option value="null" class="select_option-hidden">è«é¸æ${option.name}</option> 2675 <option :style="{ visibility : isMobileSize ? 'hidden' : 'visible' }" v-for="(types) in option.types" :disabled="!types.isValid" :value="types.name">${types.name}</option> 2676 </select> 2677 <span class="select_placeholder-color" v-if="currentOption[`option${index + 1}`] === null" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)">è«é¸æ${option.name}</span>
2678 <span v-else :value="currentOption[`option${index + 1}`]" v-show="isMobileSize" @click="onClickSelectModal(option,`option${index + 1}`)" v-html="currentOption[`option${index + 1}`]"></span> 2679 </div> 2680 <advance-option v-else :option-key="'option' + (index + 1)" :option="option" :current-option="currentOption" :toggle-current-option="toggleCurrentOption"/> 2681 </div> 2682 </div> 2683 <div class="product_discounts_list qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-pd--1 qk-mg_b--1" v-show="displayProductDiscountsList && ((displayPeriodicSalesPages && product.showableSalesPages.length > 0) || !!discountsList)"> 2684 <div class="list_block custom-scrollbar qk-of_x--hidden"> 2685 <h4 class="qk-text--heading qk-fs--body">æ¤åååèçåªæ æ´»å 2686 </h4> 2687 <template v-if="displayPeriodicSalesPages"> 2688 <div v-for="salesPage in product.showableSalesPages" class="discount-list"> 2689 <span class="discount-label qk-fs--breadcrumb qk-bd--default qk-bd--accent qk-bg--white qk-display--il_bk qk-text--accent">宿å®é¡ 2690 </span> 2691 <a class="discount-title qk-text--accent qk-fs--body" :href="salesPage.path">${ salesPage.title }</a> 2692 </div> 2693 </template> 2694 <template v-for="discounts in discountsList"> 2695 <div v-for="discount in discounts" class="discount-list"> 2696 <a v-if="discount.url" :href="discount.url" class="discount-title qk-text--accent qk-fs--body"> 2697 ${ discount.title } 2698 </a> 2699 <span v-else class="discount-title qk-text--accent qk-fs--body">${ discount.title }</span> 2700 </div> 2701 </template> 2702 </div> 2703 </div> 2704 <div v-if="showPurchaseControls" class="product-quantity qk-bd--product_border" v-show="!isMobileSize"> 2705 <div class="btn-group qk-w--100" role="group" aria-label="First group"> 2706 <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">ï¼</button> 2707 <input class="btn item-quantity qk-bd--default qk-bd--border qk-w--100 qk-text--heading" type="text" name="quantity" :value="quantity" @change="quantityChange"> 2708 <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">ï¼</button> 2709 </div> 2710 </div> 2711 </div> 2712 <div v-if="showPurchaseControls" class="add-button-wrapper"> 2713 <!-- cyb_snippet _product_modal_button start --> 2714<button 2715 class="btn btn-default add-button qk-cursor--pointer qk-w--100 qk-btn--primary" 2716 :class="{selected: isChoose, adding: adding || isHideAddCartBtn, secondary: isSecondaryBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}" 2717 type="button" 2718 :disabled="isHideAddCartBtn" 2719 @click="addProduct" 2720> 2721 ${ addCartText } 2722</button> 2723 2724<!-- cyb_snippet _product_modal_button end --> 2725 </div> 2726 <div class="product-others qk-fs--body"> 2727 <span class="product-love"> 2728 <a class="btn-love qk-text--text qk-bg--theme_bg qk-bd--default qk-bd--product_border qk-display--il_bk qk-text--center qk-cursor--pointer qk-tst qk-tst_timing--ease_io qk-tst_dur--15" @click="addWishList"> 2729 <svg 2730 width="15" 2731 height="15"
2732 viewBox="0 0 24 24" 2733 fill="none" 2734 xmlns="http://www.w3.org/2000/svg"> 2735 <path 2736 d="M21.3899 4.54287C20.8146 4.01265 20.1366 3.60344 19.3969 3.34002C18.6572 3.0766 17.8711 2.96444 17.0863 3.01034C16.5593 3.01219 16.0362 3.09923 15.5375 3.26802C15.0194 3.44412 14.5265 3.68572 14.071 3.98682C13.6676 4.25092 13.2787 4.53613 12.906 4.84124C12.5762 5.09996 12.2648 5.38092 11.974 5.6821C11.6833 5.38092 11.3719 5.09996 11.042 4.84124C10.6516 4.53452 10.2443 4.24928 9.82221 3.98682C9.3967 3.69278 8.93642 3.45138 8.45163 3.26802C7.93995 3.0948 7.40254 3.0077 6.86175 3.01034C6.07688 2.96365 5.2906 3.07544 4.55076 3.3389C3.81091 3.60236 3.13296 4.01199 2.55813 4.54287C2.02401 5.11052 1.61146 5.77922 1.3453 6.50873C1.07914 7.23825 0.964875 8.01351 1.00937 8.78786C1.01359 9.36893 1.11073 9.94569 1.29719 10.4967C1.45989 11.0166 1.68054 11.517 1.95507 11.9886C2.20373 12.4073 2.47838 12.8104 2.77742 13.1956C3.09266 13.5889 3.32566 13.8601 3.46271 14.0093C3.56921 14.1255 3.6837 14.2343 3.80536 14.3348L11.4395 21.7669C11.5066 21.8412 11.5891 21.9002 11.6813 21.94C11.7736 21.9798 11.8734 21.9994 11.974 21.9975C12.0836 22.0067 12.1938 21.9906 12.296 21.9506C12.3983 21.9106 12.4898 21.8477 12.5634 21.7669L20.1838 14.3484C21.8272 12.9359 22.8376 10.9363 22.9935 8.78786C23.0307 8.0097 22.9078 7.23217 22.6321 6.50246C22.3565 5.77274 21.9339 5.10606 21.3899 4.54287V4.54287Z" 2737 stroke="currentColor" 2738 stroke-width="2" 2739 stroke-linecap="round" 2740 stroke-linejoin="round" /> 2741 </svg> 2742 å å ¥ææ 2743 </a> 2744 </span> 2745 <span class="product_sold qk-text--text" v-if="false"> 2746 <span>å·²é·å®ï¼ 2747 ${ product.totalSold } 2748 ä»¶ 2749 </span> 2750 </span> 2751 <span class="product_bonus qk-text--text" v-if="true"> 2752 æ¤åå ã æé« ãå¯ä»¥ææµç´ å© 2753 <span class="val qk-fw--600 qk-fs--hd2" v-if="currentVariant">${currentVariant.maxUsableBonus}</span> 2754 <span class="val qk-fw--600 qk-fs--hd2" v-else>${maxUsableBonus}</span> 2755 é» 2756 <span v-html="bonusToPrice"/> 2757 </span> 2758 </div> 2759 <div class='product_limit_buy qk-fs--body' v-show="product.minBuy > 0 || product.limitBuy > 0"> 2760 ${limitBuyText} 2761 </div> 2762 </div> 2763 </div> 2764 </div> 2765 <div v-if="isShowDescription" class="row"> 2766 <div class="col-sm-12"> 2767 2768 <div v-if="product.bodyHtml"> 2769 <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading"> 2770 ååä»ç´¹ 2771 </h5> 2772 <div class="ckeditor"> 2773 <div v-html="product.bodyHtml"></div> 2774 </div> 2775 </div> 2776 2777 2778 <div v-if="otherDescriptions['product_description_section_spec']"> 2779 <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading"> 2780 è¦æ ¼èªªæ 2781 </h5> 2782 <div class="ckeditor"> 2783 <div v-html="otherDescriptions['product_description_section_spec']"></div> 2784 </div> 2785 </div> 2786 2787 2788 <div v-if="otherDescriptions['product_description_section_shipping']"> 2789 <h5 class="section-heading qk-bd--heading qk-fs--hd2 qk-text--heading"> 2790 ééæ¹å¼ 2791 </h5> 2792 <div class="ckeditor"> 2793 <div v-html="otherDescriptions['product_description_section_shipping']"></div> 2794 </div> 2795 </div> 2796 2797 </div> 2798 </div> 2799 </div> 2800 <div v-show="isLoading" style="text-align: center; padding-bottom: 20px;"> 2801 <i class="fas fa-spinner fa-spin fa-fw fa-2x"></i> 2802 </div> 2803 </div> 2804 <!-- cyb_snippet _product_modal_button_mobile start --> 2805 <div 2806 v-if="showPurchaseControls" 2807 v-show="isMobileSize" 2808 class="mobile_footer" 2809 :class="{'mobile_footer-z': variantSize > 1 }"> 2810 <div class="product-quantity"> 2811 <div class="btn-group qk-w--100" role="group" aria-label="First group"> 2812 <button class="btn add-down qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityDecrease">ï¼</button> 2813 <input class="btn item-quantity qk-bd--default qk-bd--border qk-w--100 qk-text--heading" type="text" name="quantity" :value="quantity" @change="quantityChange"> 2814 <button class="btn add-up qk-bd--default qk-bd--border qk-text--text" type="button" @click="quantityIncrease">ï¼</button> 2815 </div> 2816 </div> 2817 <button 2818 v-if="!isLoading && !onlyDescription" 2819 class="btn btn-mobile add-button qk-btn qk-btn--primary qk-btn--lg" 2820 :class="{selected: isChoose, adding: adding || isHideAddCartBtn, 'qk-btn--disabled': isHideAddCartBtn && isNewNnCollection, 'qk-bd--none': isHideAddCartBtn && isNewNnCollection}" 2821 type="button" 2822 :disabled="isHideAddCartBtn" 2823 @click="addProduct"> 2824 ${ addCartText } 2825 </button> 2826</div> 2827<div 2828 class="mobile-modal" 2829 :class="{ 'modal-open': isModalSelectShow && isMobileSize }"> 2830 <div class="mobile_modal-content"> 2831 <div class="modal_close-button"> 2832 <button class="btn-close qk-circle qk-circle--md qk-pos--abs qk-op--100 qk-text--heading qk-bd--product_border qk-bd--default" @click="onChangeModalSelect(false,true)"></button> 2833 </div> 2834 2835 <p>è«é¸æ${modalOption.name}</p> 2836 <div class="modal_select-templete qk-display--flex qk-of_y--auto qk-w--100"> 2837 <div class="options-container"> 2838 <label :class="{'seleced-option': currentOption && currentOption[selectOption] === data.name, 'avoid-clicks':!data.isValid}" v-for="data in modalOption.types" @click="setOption(selectOption, data.name, modalOption.types)">${data.name}</label> 2839 </div> 2840 </div> 2841 <div v-if="variantSize > 1" class="modal_select_footer qk-display--flex"> 2842 <button type="button" class="modal_cancel qk-bd--default qk-btn--secondary qk-bd--button qk-text--button" @click="onChangeModalSelect(false,false)">åæ¶</button> 2843 <button type="button" class="qk-btn qk-btn--primary qk-btn--lg qk-fs--body qk-bd--button qk-test--button_text" @click="onChangeModalSelect(false,true)">宿</button> 2844 </div> 2845 </div> 2846</div> 2847 2848<!-- cyb_snippet _product_modal_button_mobile end --> 2849 </div> 2850 </div> 2851</script>
2851 2852 2853<!-- cyb_snippet components/product_modal/color_image_option start -->
2854<script id="color-image-option" type="text/x-template"> 2855 <div class="color-image qk-display--flex qk-flex--wrap qk-align--center"> 2856 <div class="title">é¡è²</div> 2857 <div 2858 v-for="(imageColor, index) in imageColors" 2859 :class="{ 2860 'focus': !currentOption[optionKey] === option.types[index].name && currentImageIndex === index, 2861 'selected': currentOption[optionKey] === option.types[index].name, 2862 'disabled': !option.types[index].isValid 2863 }" 2864 class="image-option img-flex qk-bd--default qk-bd--transparent qk-display--block qk-pos--rel" 2865 @mouseleave="setCurrentImageIndex(index)" 2866 @mouseover="getOptionImageIndex(index)" 2867 @click="setOption(optionKey, index)" 2868 > 2869 <img v-if="imageColor !== 'noColorImage'" :src="imageColor.large" alt="image"> 2870 <img v-else src="/assets/no-image-large.png" alt="image"> 2871 </div> 2872 </div> 2873</script>
2873 2874
2875<script type="text/javascript"> 2876 $(document).ready(function() { 2877 window.themeHelper.productModalComponents['color-image-option'] = { 2878 template: '#color-image-option', 2879 delimiters: ['${', '}'], 2880 props: { 2881 optionKey: String, 2882 option: Object, 2883 product: Object, 2884 imageColors: Array, 2885 isChoose: Boolean, 2886 currentImageIndex: Number, 2887 setCurrentImageIndex: Function, 2888 getOptionImageIndex: Function, 2889 currentOption: Object, 2890 toggleCurrentOption: Function, 2891 }, 2892 methods: { 2893 setOption: function(optionKey, index) { 2894 const type = this.option.types[index]; 2895 if(type.isValid){ 2896 this.toggleCurrentOption(optionKey, type.name); 2897 } 2898 } 2899 } 2900 }; 2901 }); 2902</script>
2902 2903 2904<!-- cyb_snippet components/product_modal/color_image_option end --> 2905<!-- cyb_snippet components/product_modal/advance_option start -->
2906<script id="advance-option" type="text/x-template"> 2907 <div class="advance"> 2908 <div class="title qk-text--heading qk-fs--body">${option.name}</div> 2909 <div 2910 v-for="type in option.types" 2911 :class="{ 2912 'selected': currentOption[optionKey] === type.name, 2913 'disabled': !type.isValid 2914 }" 2915 @click="setOption(optionKey, type)" 2916 class="option qk-btn qk-bd--button qk-text--button qk-pd_x--1" 2917 > 2918 ${type.name} 2919 </div> 2920 </div> 2921</script>
2921 2922
2923<script type="text/javascript"> 2924 $(document).ready(function() { 2925 window.themeHelper.productModalComponents['advance-option'] = { 2926 template: '#advance-option', 2927 delimiters: ['${', '}'], 2928 props: { 2929 optionKey: String, 2930 option: Object, 2931 product: Object, 2932 currentOption: Object, 2933 toggleCurrentOption: Function, 2934 }, 2935 methods: { 2936 setOption: function(optionKey, type) { 2937 if(type.isValid){ 2938 this.toggleCurrentOption(optionKey, type.name); 2939 } 2940 } 2941 } 2942 }; 2943 }); 2944</script>
2944 2945 2946<!-- cyb_snippet components/product_modal/advance_option end --> 2947 2948<!-- cyb_snippet components/product_modal/photo_swiper start --> 2949 2950
2951<script id="photo-swiper" type="text/x-template"> 2952 <div ref="photoSwiper" id="photo_swiper" class="photos swiper swiper-container"> 2953 <div class="swiper-wrapper"> 2954 <template v-if="hasImage"> 2955 <div v-for="(item, index) in mediaItems" :key="index" class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale"> 2956 <video-player v-if="item.url" :video="item" 2957 :video-poster=" !!mediaItems[firstImageIndex] ? mediaItems[firstImageIndex].large : '//cdn1-next.cybassets.com/img_loading.svg' " 2958 > 2959 </video-player> 2960 <img v-else class="qk-center" :src="item.large" alt="image"/> 2961 </div> 2962 </template> 2963 <div v-else class="photo swiper-slide qk-align--center qk-display--flex qk-justify--center qk-vert--text_top default_scale"> 2964 <img src="//cdn1-next.cybassets.com/assets/no-image-large-2b95ea56c455be9ce081d81c14eded925df68bf8fa38809e46f6af8fcdd5f9bc.png" alt="image" /> 2965 </div> 2966 </div> 2967 <div v-show="showBtn" class="photo-prev qk-swiper_btn--prev qk-hidden--mobile qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-mg_l--05"></div> 2968 <div v-show="showBtn" class="photo-next qk-swiper_btn--next qk-hidden--mobile qk-swiper_btn qk-swiper_btn--lg qk-swiper_btn--v2 qk-mg_l--05"></div> 2969 2970 <div class="photo-pagination qk-bd--default qk-bd--body qk-text--center qk-text--body qk-fs--breadcrumb qk-visible-sm"> 2971 <span class="current-index qk-text--default_dark">${currentImageIndex +1 }</span><span class="pagination-slash">/</span> 2972 <span>${mediaItems.length}</span> 2973 </div> 2974 </div> 2975</script>
2975 2976
2977<script> 2978 $(document).ready(function () { 2979 window.themeHelper.productModalComponents['photo-swiper'] = { 2980 template: '#photo-swiper', 2981 delimiters: ['${', '}'], 2982 props: { 2983 mediaItems: Array, 2984 currentImageIndex: Number, 2985 currentVariant: Object, 2986 videoAfterImage: Boolean, 2987 }, 2988 data: function () { 2989 return { 2990 swiper: {}, 2991 swiperOption: { 2992 preventInteractionOnTransition: true, 2993 rewind: true, 2994 spaceBetween: 5, 2995 slidesPerView: 1, 2996 navigation: { 2997 nextEl: '.photo-next', 2998 prevEl: '.photo-prev' 2999 } 3000 }, 3001 showBtn: true, 3002 isVariantReposition: false, 3003 } 3004 }, 3005 mounted: function() { 3006 this.swiper = new Swiper('#photo_swiper', this.swiperOption); 3007 this.swiper.on('slideChange', this.slideOnChange); 3008 }, 3009 watch: { 3010 currentImageIndex: function() { 3011 this.slideToIndex(); 3012 }, 3013 currentVariant: { 3014 immediate: true, 3015 handler: function() { 3016 this.showBtn = this.mediaItems.length > 1; 3017 this.isVariantReposition = true; 3018 this.$nextTick(() => { 3019 if (this.swiper) { 3020 this.swiper.update(); 3021 this.swiper.slideToLoop(this.initialItemIndex) 3022 this.slideOnChange(); 3023 this.isVariantReposition = false; 3024 } 3025 }); 3026 }, 3027 }, 3028 }, 3029 computed: { 3030 hasImage: function() { 3031 return this.mediaItems.length > 0; 3032 }, 3033 hasVideo: function() { 3034 return this.mediaItems.findIndex(item => !!item.url) !== -1; 3035 }, 3036 variantPhotos: function() { 3037 if (this.currentVariant?.photos?.length) { 3038 return this.currentVariant.photos; 3039 } else { 3040 return null; 3041 } 3042 }, 3043 initialItemIndex: function() { 3044 if (this.hasVideo && !this.videoAfterImage) { 3045 // Focus on photo if "variant with photos" selected, video otherwise 3046 return this.variantPhotos?.length ? 1 : 0; 3047 } else { 3048 // Focus on first photo 3049 return 0; 3050 } 3051 }, 3052 }, 3053 methods: { 3054 slideOnChange: function() { 3055 themeHelper.EventBus.$emit('photoOnChange', this.swiper.realIndex, this.isVariantReposition); 3056 }, 3057 slideToIndex: function() { 3058 if(this.swiper.realIndex != this.currentImageIndex) { 3059 this.swiper.slideToLoop(this.currentImageIndex); 3060 this.swiper.update(); 3061 } 3062 }, 3063 } 3064 }; 3065 }); 3066</script>
3066 3067 3068 3069<!-- cyb_snippet components/product_modal/video_player start -->
3070<script id="video-player" type="text/x-template"> 3071 <div class="videoPlayer__wrapper" @click="handleVideoClick"> 3072 <video 3073 id='modal-video' 3074 class="videoPlayer__video qk-cursor--pointer qk-center" 3075 :poster="videoPoster" 3076 loop defaultMuted muted playsinline webkit-playsinline autoplay 3077 > 3078 <source :src="videoUrl" type="video/mp4"> 3079 <p>ä½ çç覽å¨ä¸æ¯æ´ HTML 5 video</p> 3080 </video> 3081 <button id="modal-video-button" class="videoPlayer__pauseButton"></button> 3082 </div> 3083</script>
3083 3084
3085<script> 3086 $(document).ready(function () { 3087 window.themeHelper.productModalComponents['video-player'] = { 3088 template: '#video-player', 3089 delimiters: ['${', '}'], 3090 props: { 3091 video: Object, 3092 videoPoster: String, 3093 }, 3094 data: function() { 3095 return { 3096 videoElement: null, 3097 buttonElement: null, 3098 }; 3099 }, 3100 mounted: function() { 3101 this.videoElement = $('#modal-video')[0]; 3102 this.buttonElement = $('#modal-video-button'); 3103 this.setVideoVolumeZero(); 3104 this.videoElement.addEventListener('canplay', (event) => { 3105 this.sendGtag('play'); 3106 }, { once: true }); 3107 }, 3108 computed: { 3109 videoUrl: function() { 3110 return this.video.url; 3111 } 3112 }, 3113 methods: { 3114 sendGtag: function(action) { 3115 window.productVideoView && productVideoView(action); 3116 }, 3117 setVideoVolumeZero: function() { 3118 this.videoElement.volume = 0; 3119 }, 3120 handleVideoClick: function() { 3121 if (this.videoElement.paused){ 3122 this.videoElement.play(); 3123 this.sendGtag('play'); 3124 } else { 3125 this.videoElement.pause(); 3126 this.sendGtag('paused'); 3127 } 3128 this.handleVideoButtonDisplay(this.buttonElement, this.videoElement); 3129 }, 3130 handleVideoButtonDisplay: function(button, video) { 3131 button.toggleClass('videoPlayer__playButton', video.paused); 3132 button.toggleClass('videoPlayer__pauseButton', !video.paused); 3133 }, 3134 } 3135 }; 3136 }); 3137</script>
3137 3138 3139<!-- cyb_snippet components/product_modal/video_player end --> 3140 3141<!-- cyb_snippet components/product_modal/photo_swiper end --> 3142<!-- cyb_snippet components/product_modal/swiper_thumbnails start -->
3143<script id="swiper-thumbnails" type="text/x-template"> 3144 <div 3145 v-for="(thumbnail, index) in allThumbnails" 3146 :key="index" 3147 class="product-thumbnail img-flex qk-of--hidden qk-display--il_bk qk-cursor--pointer qk-bd--default qk-bd--transparent default_scale" 3148 :class="{ focus: index === currentImageIndex }" 3149 @mouseover="updateCurrentImageIndex(index)" 3150 > 3151 <template v-if="thumbnail.isVideo"> 3152 <video class="qk-w--100 qk-h--100" :src="thumbnail.url" defaultMuted playsinline></video> 3153 <button class="videoPlayer__playButton"></button> 3154 </template> 3155 <img v-else :src="thumbnail.url" :alt="title" class="qk-w--100 qk-h--100"> 3156 </div> 3157</script>
3157 3158
3159<script type="text/javascript"> 3160 $(document).ready(function () { 3161 window.themeHelper.productModalComponents['swiper-thumbnails'] = { 3162 template: '#swiper-thumbnails', 3163 delimiters: ['${', '}'], 3164 props: { 3165 title: String, 3166 mediaItems: Array, 3167 currentImageIndex: Number, 3168 }, 3169 emits: ['updateCurrentImageIndex'], 3170 methods: { 3171 updateCurrentImageIndex: function(thumbnailIndex) { 3172 if (thumbnailIndex !== this.currentImageIndex ) { 3173 this.$emit('updateCurrentImageIndex', thumbnailIndex); 3174 } 3175 }, 3176 }, 3177 mounted() { 3178 // can be removed after replacing video thumbnail with img 3179 const thumbnailVideo = $('.product-thumbnail video')[0]; 3180 if (!!thumbnailVideo) { 3181 thumbnailVideo.volume = 0; 3182 const promise = thumbnailVideo.play(); 3183 promise.then(() => { 3184 thumbnailVideo.pause(); 3185 }) 3186 } 3187 }, 3188 computed: { 3189 allThumbnails: function() { 3190 return this.mediaItems.map(item => ({ 3191 isVideo: !!item.url, 3192 url: item.url || item.medium 3193 })); 3194 }, 3195 }, 3196 watch: { 3197 allThumbnails: { 3198 handler(){ 3199 this.updateCurrentImageIndex(this.currentImageIndex); 3200 } 3201 } 3202 } 3203 }; 3204 }); 3205</script>
3205 3206 3207<!-- cyb_snippet components/product_modal/swiper_thumbnails end --> 3208 3209 3210<!-- cyb_snippet _product_modal_js start -->
3211<script type="text/javascript"> 3212 $(document).ready(function() { 3213 var categoryLevels = []; 3214 var productCategoryLevels = null; 3215 var pageMainProductId = null; 3216 window.themeHelper.productModalComponents['product-modal'] = { 3217 template: '#product-modal', 3218 delimiters: [ 3219 '${', '}' 3220 ], 3221 props: { 3222 onlyDescription: Boolean, 3223 cartItems: Array, 3224 groupId: Number, 3225 productUrl: String, 3226 color: String, // unused 3227 collectionId: Number, 3228 categories: Array, 3229 // 夿·æ¯å¦æè²ç¥¨å±é 3230 isCollection: { 3231 type: Boolean, 3232 required: false, 3233 default: false, 3234 }, 3235 // 夿·å å ¥è³¼ç©è»çæ¹æ³ 3236 isNnCollection: Boolean, 3237 isNewNnCollection: Boolean, 3238 isBundleDiscount: Boolean, 3239 3240 // 夿·æ¯å¦é¡¯ç¤ºååæè¿° 3241 isShowDescription: { 3242 type: Boolean, 3243 default: true 3244 }, 3245 3246 // 夿·æ¯å¦çºç«å³è³¼è²· 3247 isQuickBuy: { 3248 type: Boolean, 3249 default: false 3250 }, 3251 selectedVariantId: Number, 3252 callBack: Function 3253 }, 3254 data: function() { 3255 return { 3256 styledShopMenu: "buttonType", 3257 selectOption: '', 3258 selectCurrentStr:'', 3259 isModalSelectShow: false, 3260 modalOption: {}, 3261 adding: false, 3262 currentImageIndex: 0, 3263 _navState: { variantId: null, photoIndex: 0 }, 3264 currentOption: { 3265 option1: null, 3266 option2: null, 3267 option3: null 3268 }, 3269 currentVariant: null, 3270 variantNotifications: null, 3271 currentVariantIndex: null, 3272 product: {}, 3273 isChoose: false, 3274 isLoading: true, 3275 isEmptyClickable: liquidHelper.isEmptyClickable, 3276 quantity: 1, 3277 maxUsableBonus: 0, 3278 isDiscountPrice: false, 3279 displayProductDiscountsList: true, 3280 displayPeriodicSalesPages:false, 3281 discountsList: null, 3282 hasVideoPlugin: false, 3283 videoDisplayLocation: "before", 3284 hasStockNotificationPlugin: true, 3285 isDisplayPriceRange: null, 3286 hasVariantPriceRangePlugin: true, 3287 hasHideSingleVariantOptionsPlugin: false, 3288 } 3289 }, 3290 mounted: function() { 3291 this.getProductDetail(); 3292 $('.custom-scrollbar').addCustomScrollbar(); 3293 themeHelper.EventBus.$on('photoOnChange', this.photoOnChange); 3294 }, 3295 beforeUnmount: function() { 3296 themeHelper.EventBus.$off('photoOnChange', this.photoOnChange); 3297 }, 3298 computed: { 3299 photoUrls: function() { 3300 return this.product.photoUrls.length > 0 3301 ? this.product.photoUrls 3302 : [this.featuredImage]; 3303 }, 3304 photoUrlsMap: function() { 3305 var map = {}; 3306 var urls = this.product.photoUrls; 3307 this.product.photos.forEach(function(photo, index) { 3308 map[photo.photo.id] = urls[index]; 3309 }); 3310 3311 return map; 3312 }, 3313 featuredImage: function() { 3314 return this.product.featuredImage; 3315 }, 3316 swiperPhotos: function() { 3317 if (!this.photoUrls.length) { 3318 return [this.featuredImage]; 3319 } 3320 3321 if (this.currentVariant && this.currentVariant.photos.length) { 3322 var map = this.photoUrlsMap; 3323 return this.currentVariant.photos.map(function(p) { 3324 return map[p.id]; 3325 }); 3326 } 3327 3328 return this.photoUrls; 3329 }, 3330 productVideo: function() { 3331 return this.product.video; 3332 }, 3333 videoAfterImage: function() { 3334 return this.videoDisplayLocation === 'after'; 3335 }, 3336 swiperItems: function() { 3337 const media = [...this.swiperPhotos]; 3338 if ( 3339 this.hasVideoPlugin && this.productVideo.url 3340 ) { 3341 this.videoAfterImage 3342 ? media.push(this.productVideo) 3343 : media.unshift(this.productVideo); 3344 } 3345 return media; 3346 }, 3347 firstImageIndex: function() { 3348 return this.hasVideoPlugin && this.productVideo.url && !this.videoAfterImage 3349 ? 1 3350 : 0 3351 }, 3352 otherDescriptions: function() { 3353 var descriptions = {}; 3354 this.product.otherDescriptions.forEach(function(od) { 3355 descriptions[od.settingName] = od.bodyHtml; 3356 }) 3357 return descriptions 3358 }, 3359 variantOptions: function() { 3360 return themeHelper.variantOptions(this.product); 3361 }, 3362 firstValidVariant: function() { 3363 var self = this; 3364 var result = this.product.variants.find(function(variant) { 3365 // å¢å product modal è¯çµ¡åºå®¶ property 3366 variant.imgUrl = ""; 3367 variant.productTitle = ""; 3368 3369 return variant.available; 3370 }); 3371 3372 return result 3373 ? result 3374 : null; 3375 }, 3376 selectedValidVariant: function() { 3377 var self = this; 3378 var result = this.variantOptions.find(function(variant) { 3379 return variant.id === self.selectedVariantId; 3380 }); 3381 3382 return result 3383 ? result 3384 : null; 3385 }, 3386 totalInventoryQuantity: function(product) { 3387 return themeHelper.totalInventoryQuantity(this.product) 3388 }, 3389 addCartText: function() { 3390 var variants = parseInt(""); 3391 let isRegisteredNotification = this.currentVariant && this.variantNotifications && this.variantNotifications[this.currentVariant.id] 3392 if (this.isNnCollection || this.isBundleDiscount) { 3393 if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) { 3394 if (this.currentVariant.inventoryPolicy === 'continue') { 3395 if (this.isNnCollection) { 3396 return this.isChoose && !this.isNewNnCollection 3397 ? 'å·²é è³¼' 3398 : 'é è³¼åå'; 3399 } 3400 } else { 3401 return 'å·²å®å®'; 3402 } 3403 } 3404 if (this.totalInventoryQuantity === 0) { 3405 return 'å·²å®å®'; 3406 } 3407 return this.isChoose && !this.isNewNnCollection 3408 ? 'å·²é¸è³¼' 3409 : 'é¸è³¼'; 3410 } else { 3411 if (this.isQuickBuy) { 3412 if (this.currentVariant && !themeHelper.variantIsAvailable(this.currentVariant)) { 3413 if (this.currentVariant.inventoryPolicy === 'continue'){ 3414 return 'ç«å³é è³¼' 3415 } 3416 return this.hasStockNotificationPlugin 3417 ? (isRegisteredNotification 3418 ? 'å·²ç»è¨è£è²¨éç¥' 3419 : 'å·²å®å®ï¼è²¨å°éç¥æ') 3420 : 'è¯çµ¡åºå®¶' 3421 } 3422 return 'ç«å³è³¼è²·'; 3423 } else { 3424 if (this.currentVariant) { 3425 if (!themeHelper.variantIsAvailable(this.currentVariant)) { 3426 if (this.currentVariant.inventoryPolicy === 'continue'){ 3427 return 'é è³¼åå' 3428 } 3429 return this.hasStockNotificationPlugin 3430 ? (isRegisteredNotification 3431 ? 'å·²ç»è¨è£è²¨éç¥' 3432 : 'å·²å®å®ï¼è²¨å°éç¥æ') 3433 : 'è¯çµ¡åºå®¶' 3434 } 3435 } else { 3436 if (this.totalInventoryQuantity === 0) { 3437 return 'å·²å®å®'; 3438 } 3439 } 3440 return 'å å ¥è³¼ç©è»'; 3441 } 3442 } 3443 }, 3444 cartItem: function() { 3445 if (!this.currentVariant) { 3446 return null 3447 } 3448 return { 3449 id: this.currentVariant.id, 3450 groupId: this.groupId, 3451 productId: this.product.id, 3452 title: this.product.title, 3453 photo: this.currentVariant.imgUrl || this.featuredImage.large, 3454 quantity: this.quantity, 3455 price: this.currentVariant.price, 3456 variant: this.currentVariant, 3457 product: this.product 3458 } 3459 }, 3460 options: function() { 3461 return this.product.options; 3462 }, 3463 optionTypes: function() { 3464 3465 // å æ ¹æè¨å®çvariantsä¾æåº 3466 var self = this; 3467 3468 var option1 = []; 3469 var option2 = []; 3470 var option3 = [];
3471 this.product.variants.forEach(function(item) { 3472 if (item.option1 !== null) { 3473 option1.push(item.option1); 3474 } 3475 if (item.option2 !== null) { 3476 option2.push(item.option2); 3477 } 3478 if (item.option3 !== null) { 3479 option3.push(item.option3); 3480 } 3481 }) 3482 var filteredOptionTypes = []; 3483 this.product.optionTypes.forEach(function(item, index) { 3484 filteredOptionTypes.push(self.getUniqueVariant(eval('option' + ( 3485 index + 1 3486 ))).join(',')); 3487 }); 3488 return filteredOptionTypes; 3489 }, 3490 optionInfo: function() { 3491 var self = this; 3492 3493 return self.options.map(function(option, index) { 3494 return { 3495 name: option, 3496 types: self.getOptions('option' + ( 3497 index + 1 3498 ), self.optionTypes[index].split(',')) 3499 } 3500 }); 3501 }, 3502 hasVariant: function() { 3503 return this.product.options.length > 0; 3504 }, 3505 shouldHideSingleVariantOptions: function() { 3506 return this.hasHideSingleVariantOptionsPlugin && 3507 this.product.variants && 3508 this.product.variants.length <= 1; 3509 }, 3510 variantSize: function() { 3511 if(this.product.options){ 3512 return this.product.options.length; 3513 } 3514 }, 3515 firstVariant: function() { 3516 return this.product.variants[0]; 3517 }, 3518 firstCheapestVariant: function() { 3519 return this.product.variants.find((v)=> (v.price === this.priceStats.minPrice)); 3520 }, 3521 priceStats: function() { 3522 return this.product.variants.reduce(function(acc, variant) { 3523 return { 3524 minPrice: variant.price < acc.minPrice ? variant.price : acc.minPrice, 3525 maxPrice: variant.price > acc.maxPrice ? variant.price : acc.maxPrice, 3526 }; 3527 }, { 3528 minPrice: this.firstVariant.price, 3529 maxPrice: this.firstVariant.price, 3530 }); 3531 }, 3532 hidePrice: function() { 3533 return this.product && this.product.hidePrice === true; 3534 }, 3535 salesModePurchasable: function() { 3536 return !(this.product && this.product.salesModePurchasable === false); 3537 }, 3538 // - 任鏿æ£ï¼ç´ é ç¶ ï¼ã鏿ãåªæ¯å é²è©¦ç®æ¸ å®ï¼ä¸æç´æ¥ä¸å®ï¼æ åªæèå¹åå 3539 // - å ¶ä»æ å¢ï¼ååé ã群çµé ãå¤å±¤ç´åé¡ãæå°ãé¦é åååå¡ï¼ï¼ä¸å¯è³¼è²·ï¼å«èå¹ï¼å°±æ´çµæ¶æ 3540 showPurchaseControls: function() { 3541 if (this.isNnCollection || this.isBundleDiscount) { 3542 return !this.hidePrice; 3543 } 3544 return this.salesModePurchasable; 3545 }, 3546 variantPrice: function() { 3547 if (this.hidePrice) { 3548 return ''; 3549 } 3550 var from = liquidHelper.defaultCurrency; 3551 if (this.currentVariant) { 3552 return moneySymbol(this.currentVariant.price, from); 3553 } 3554 if (this.product.variants.length === 1) { 3555 return moneySymbol(this.firstVariant.price, from); 3556 } 3557 3558 var minPrice = this.priceStats.minPrice; 3559 var maxPrice = this.priceStats.maxPrice; 3560 3561 if (minPrice !== maxPrice && (!this.hasVariantPriceRangePlugin || this.isDisplayPriceRange)) { 3562 this.isDiscountPrice = false; 3563 return moneySymbol(minPrice, from) + '~' + moneySymbol(maxPrice, from); 3564 } else { 3565 return moneySymbol(minPrice, from); 3566 } 3567 }, 3568 marketPrice: function() { 3569 if (this.hidePrice) { 3570 this.isDiscountPrice = false; 3571 return; 3572 } 3573 var from = liquidHelper.defaultCurrency; 3574 if (this.currentVariant) { 3575 this.isDiscountPrice = false; 3576 if (this.currentVariant.compareAtPrice && this.currentVariant.compareAtPrice > this.currentVariant.price) { 3577 this.isDiscountPrice = true; 3578 return moneySymbol(this.currentVariant.compareAtPrice, from); 3579 } 3580 } else { 3581 if (!_.includes(this.variantPrice, '~')) { 3582 const price = Number(this.variantPrice.replace(/[^0-9.
3582-]/g, "")) 3583 // æªé¸ææ¬¾å¼ä¹ä¸é¡¯ç¤ºåéæï¼é¡¯ç¤ºç¬¬ä¸åæä¾¿å®ç款å¼çå®å¹ 3584 if (this.firstCheapestVariant.compareAtPrice && this.firstCheapestVariant.compareAtPrice > price){ 3585 this.isDiscountPrice = true; 3586 return moneySymbol(this.firstCheapestVariant.compareAtPrice, from); 3587 } 3588 // æªé¸ææ¬¾å¼æè¦æ¹åä¸è¬å¹æ ¼é¡è² 3589 this.isDiscountPrice = false; 3590 } 3591 } 3592 }, 3593 isShowDropdownList: function() { 3594 if (this.product.options.length > 0) { 3595 return true; 3596 } 3597 return this.product.variants.length > 1 3598 }, 3599 priceTitleTag: function() { 3600 return this.marketPrice 3601 ? getDiscountPriceName() 3602 : getDiscountPriceSuggestionName(); 3603 }, 3604 isHideAddCartBtn: function() { 3605 if (this.addCartText === 'å·²å®å®') { 3606 return true; 3607 } 3608 return false; 3609 }, 3610 isSecondaryBtn: function() { 3611 if (this.addCartText === 'è¯çµ¡åºå®¶') { 3612 return true; 3613 } 3614 return false; 3615 }, 3616 variantsMaxUsableBonus: function() { 3617 var variants = this.product.variants; 3618 var maxUsableBonusArray = variants.map(function(item) { 3619 return item.maxUsableBonus 3620 }); 3621 return Math.max.apply(null, maxUsableBonusArray); 3622 }, 3623 bonusToPrice: function() { 3624 const bonus = this.currentVariant 3625 ? this.currentVariant.maxUsableBonus 3626 : this.maxUsableBonus; 3627 const price = Math.floor(bonus / window.liquidHelper.conversionBonus); 3628 const priceWithMoney = window.themeHelper.productDisplayCurrencyBlock(price); 3629 return "(ç´çæ¼ value )".replace('value', priceWithMoney); 3630 }, 3631 isMobileSize: function() { 3632 return window.innerWidth <= 580 3633 }, 3634 limitBuyText: function () { 3635 const minCount = this.product.minBuy; 3636 const maxCount = this.product.limitBuy; 3637 if (minCount > 0 && maxCount > 0) { 3638 return 'æ¤å忝çè¨å®æå°é購買 minCount ä»¶ï¼æå¤å¯è³¼è²· maxCount ä»¶'.replace('minCount', minCount).replace('maxCount', maxCount); 3639 } 3640 if (minCount > 0) { 3641 return 'æ¤å忝çè¨å®æå°é購買 minCount ä»¶'.replace('minCount', minCount); 3642 } 3643 if (maxCount > 0) { 3644 return 'æ¤å忝çè¨å®æå¤å¯è³¼è²· maxCount ä»¶'.replace('maxCount', maxCount); 3645 } 3646 return ''; 3647 } 3648 }, 3649 methods: { 3650 onClickSelectModal: function(objData, selectOptionStr) { 3651 this.isModalSelectShow = true; 3652 this.modalOption = objData; 3653 this.selectOption = selectOptionStr 3654 this.selectCurrentStr = this.currentOption && (String(this.currentOption[selectOptionStr]) || null) 3655 }, 3656 onChangeModalSelect: function(flag, isSelect) { 3657 if(!isSelect){ 3658 this.setOption(this.selectOption,this.selectCurrentStr,this.modalOption.types) 3659 } 3660 this.isModalSelectShow = flag; 3661 }, 3662 setOption: function(optionKey, type, dataArr) { 3663 let flag = true 3664 dataArr.forEach(item => { 3665 if (item.name === type) { 3666 flag = item.isValid 3667 } 3668 }) 3669 if (flag) { 3670 this.toggleCurrentOption(optionKey, type) 3671 } 3672 }, 3673 addToWishListEvent: function() { 3674 try { 3675 if (appMarketAddToWishListEvent) { 3676 var product = this.product; 3677 var currentVariant = this.currentVariant 3678 var element = $(`.btn[data-id=${product.id}]`); 3679 var index; 3680 var listName; 3681 if (element) { 3682 index = element.data('position') 3683 listName = element.data('list') 3684 } 3685 // sku_properties:é¸ä¸æ¬¾å¼ç option pairs(ç¶åèªç³»),é¡åå zip å¼ 3686 var optionValues = [currentVariant.option1, currentVariant.option2, currentVariant.option3]; 3687 var properties = [];
3688 (product.options || []).forEach(function(optionName, i) { 3689 if (optionName && optionValues[i]) { 3690 properties.push({ name: optionName, value: optionValues[i] }); 3691 } 3692 }); 3693 var dataSet = { 3694 name: product.title, 3695 category: product.productType, 3696 categories: (this.categories && this.categories.length) ? this.categories : (categoryLevels.length ? categoryLevels : (product.id === pageMainProductId ? productCategoryLevels : undefined)), 3697 sku: currentVariant.sku, 3698 price: currentVariant.price, 3699 compare_at_price: currentVariant.compareAtPrice, 3700 properties: properties, 3701 quantity: currentVariant.inventoryQuantity, 3702 variant: currentVariant.title, 3703 listName: listName || null, 3704 productId: product.id, 3705 variantId: currentVariant.id, 3706 index: Number(index) || 0, 3707 } 3708 appMarketAddToWishListEvent(dataSet) 3709 } 3710 } catch (e) { 3711 console.error(e) 3712 } 3713 }, 3714 addWishList: function() { 3715 if (this.currentVariant === null) { 3716 window.msg('è«é¸æå忬¾å¼', 'warning').show(); 3717 return; 3718 } 3719 var productVariantId = this.currentVariant.id; 3720 var addToWishListEvent = this.addToWishListEvent 3721 $.ajax({ 3722 method: 'POST', 3723 url: '/tracking_items', 3724 dataType: 'json', 3725 data: { 3726 product_variant_id: productVariantId 3727 }, 3728 success: function(response) { 3729 if (response.message) { 3730 window.msg(response.message, 'success').show(); 3731 addToWishListEvent() 3732 } 3733 3734 if (response.error) { 3735 window.msg(response.error, 'error').show(); 3736 3737 } 3738 if (response.info) { 3739 window.msg(response.info, 'info').show(); 3740 } 3741 if (response.success === false) { 3742 if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) { 3743 window.location = "/" + window.liquidHelper.language.handle + "/account/login"; 3744 } else { 3745 window.location = "/account/login"; 3746 } 3747 } 3748 } 3749 }); 3750 }, 3751 setChoose: function(currentVariant) { 3752 this.maxUsableBonus = 0; 3753 var quantity = 1; 3754 var cartItem = null; 3755 if (!this.isNnCollection && this.cartItems) { 3756 cartItem = this.normalGetChoosenItem(currentVariant); 3757 } 3758 if (this.isNnCollection) { 3759 cartItem = this.nnCollectionGetChoosenItem(currentVariant); 3760 } 3761 this.isChoose = !! cartItem; 3762 if (this.isNewNnCollection) { 3763 return 3764 } 3765 this.quantity = cartItem 3766 ? cartItem.quantity 3767 : this.quantity; 3768 3769 // product modal è¯çµ¡åºå®¶æ å¢ 3770 if (currentVariant) { 3771 var photoIndex = 0; 3772 if (! currentVariant.imgUrl) { 3773 currentVariant.imgUrl = this.swiperPhotos.length > 0 3774 ? (this.swiperPhotos[photoIndex] && this.swiperPhotos[photoIndex].large) 3775 : this.featuredImage.large; 3776 } 3777 currentVariant.productTitle = this.product.title + ' - ' + this.currentVariant.title; 3778 } 3779 }, 3780 normalGetChoosenItem: function(currentVariant) { 3781 return this.cartItems.find(function(cartItem) { 3782 return currentVariant && cartItem.id === currentVariant.id; 3783 }); 3784 }, 3785 nnCollectionGetChoosenItem: function(currentVariant) { 3786 var isSelected = null; 3787 if (! currentVariant) { 3788 return isSelected; 3789 } 3790 if (this.isNewNnCollection) { 3791 var cart = store.get(`SpecialCollectionCart_${this.collectionId}`); 3792 isSelected = cart && cart.find((item) => item.variant_id == currentVariant.id) || null; 3793 } else { 3794 store.each(function(value, key) { 3795 var productId = _.includes(key, 'Pro' + currentVariant.productId); 3796 var variantID = _.includes(key, 'Var' + currentVariant.id); 3797 if (productId && variantID) { 3798 isSelected = store.get(key); 3799 } 3800 }); 3801 } 3802 3803 return isSelected; 3804 }, 3805 // get product detail 3806 getProductDetail: function() { 3807 var self = this; 3808 3809 $.ajax({ 3810 url: self.productUrl + '.json', 3811 type: 'GET', 3812 timeout: 30000, 3813 beforeSend: function() { 3814 self.isLoading = true; 3815 }, 3816 error: function(xhr) { 3817 self.closeModal(); 3818 if (xhr.status === 429) { 3819 window.showAddCartRateLimitModal(5); 3820 return; 3821 } 3822 window.msg('網路é£ç·ç°å¸¸ï¼è«éæ°æ´ç', 'error').show(); 3823 } 3824 }).done(function(data) { 3825 if (data.id) { 3826 var productData = [themeHelper.toCamelCase(data)]; 3827 self.product = themeHelper.priceWithDiscount(productData, liquidHelper.hasPriceWithDiscountPlugin)[0]; 3828 self.maxUsableBonus = self.variantsMaxUsableBonus; 3829 if (self.product.variants.length === 1 || liquidHelper.isFirstVariantSelected || self.selectedVariantId) { 3830 self.currentVariant = self.firstValidVariant; 3831 // 妿已ç¶èªé¸ååï¼åååé 䏿»å å ¥è³¼ç©è»é¡¯ç¤ºèªé¸åå 3832 if (self.selectedVariantId) { 3833 self.currentVariant = self.selectedValidVariant; 3834 } 3835 if (self.currentVariant) { 3836 self.setChoose(self.currentVariant); 3837 self.setDefaultOption(); 3838 } 3839 } 3840 if (self.displayProductDiscountsList) { 3841 self.setUpDiscountsTag(data); 3842 } 3843 self.isLoading = false;
3844 if (self.product && self.product.variants) { 3845 self.product.variants.forEach(function(discountedVariant) { 3846 var rawVariant = data.variants.find(function(v) { return v.id === discountedVariant.id; }); 3847 if (rawVariant) { rawVariant.price = discountedVariant.price; } 3848 }); 3849 } 3850 viewItem && viewItem(data, { collectionId: '', collectionName: null, categories: (self.categories && self.categories.length) ? self.categories : (categoryLevels.length ? categoryLevels : (data.id === pageMainProductId ? productCategoryLevels : undefined)) }); 3851 3852 (function() { 3853 // Read login status from cacheable, skip GET /pv_notification if not login. 3854 if (window.store && window.store.get('customer')) { 3855 var cacheableCustomer = window.store.get('customer'); 3856 if (cacheableCustomer.notLogin) { 3857 return; 3858 } 3859 } 3860 $.ajax({ 3861 url: '/pv_notification', 3862 method: 'GET', 3863 dataType: 'json', 3864 data: { 3865 product_id: parseInt(data.id) 3866 }, 3867 success: function(response) { 3868 self.variantNotifications = response.variants; 3869 } 3870 }) 3871 })(); 3872 } else { 3873 window.msg('網路é£ç·ç°å¸¸ï¼è«éæ°æ´ç', 'error').show(); 3874 self.closeModal() 3875 } 3876 }) 3877 }, 3878 // product image btn 3879 photoOnChange: function(photoIndex, isVariantReposition) { 3880 var visiblePhotos = (this.currentVariant && this.currentVariant.photos.length) 3881 ? this.currentVariant.photos 3882 : this.product.photos.map(function(p) { return p.photo; }); 3883 var result = themeHelper.buildNavigateItemImagePayload(this._navState, { 3884 product: this.product, 3885 currentVariant: this.currentVariant, 3886 visiblePhotos: visiblePhotos, 3887 slideIndex: photoIndex, 3888 videoOffset: this.firstImageIndex, 3889 }); 3890 this._navState = result.nextState; 3891 if (result.payload && !isVariantReposition) { 3892 window.navigateItemImage(result.payload); 3893 } 3894 this.currentImageIndex = photoIndex; 3895 }, 3896 toggleCurrentOption: function(key, value) { 3897 this.currentOption[key] = 3898 (this.currentOption[key] === value || value === 'null') ? null : value; 3899 var variantIndex = this.getVariantIndex(); 3900 if (variantIndex !== -1) { 3901 this.currentVariant = this.product.variants[variantIndex]; 3902 } else { 3903 this.currentVariant = null; 3904 } 3905 this.setChoose(this.product.variants[variantIndex]); 3906 if (this.currentOption[key] !== null) { 3907 var optionIndex = parseInt(key.replace('option', '')) - 1; 3908 appStoreSelectItemEvent(this.product, this.product.options[optionIndex], this.currentOption[key], this.currentVariant); 3909 } 3910 }, 3911 toggleNotification: function() { 3912 var self = this; 3913 var variantId = this.currentVariant.id; 3914 3915 $.ajax({ 3916 url: '/toggle_pv_notification', 3917 method: 'POST', 3918 dataType: 'json', 3919 data: { 3920 product_variant_id: variantId 3921 }, 3922 success: function(response) { 3923 self.variantNotifications[variantId] = response.notice; 3924 window.msg(response.message, "success").show(); 3925 }, 3926 error: function(xhr) { 3927 var response = xhr.responseJSON; 3928 var msg = response && response.error || "網路é£ç·ç°å¸¸ï¼è«éæ°æ´ç"; 3929 window.msg(msg, "error").show(); 3930 } 3931 }) 3932 }, 3933 getOptionImageIndex: function(index) { 3934 this.currentImageIndex = index; 3935 }, 3936 quantityDecrease: function() { 3937 if (this.cartItem) { 3938 themeHelper.EventBus.$emit('quantityDecrease', this.cartItem, false); 3939 this.quantity = this.cartItem.quantity 3940 } else { 3941 window.msg("è«é¸æå忬¾å¼", 'warning').show(); 3942 } 3943 }, 3944 quantityIncrease: function() { 3945 if (this.cartItem) { 3946 themeHelper.EventBus.$emit('quantityIncrease', this.cartItem, false); 3947 this.quantity = this.cartItem.quantity 3948 } else { 3949 window.msg("è«é¸æå忬¾å¼", 'warning').show(); 3950 } 3951 }, 3952 quantityChange: function(el) { 3953 if (this.cartItem) { 3954 themeHelper.EventBus.$emit('quantityChange', parseInt(el.target.value), this.cartItem, false); 3955 this.quantity = this.cartItem.quantity; 3956 el.target.value = this.cartItem.quantity; 3957 } else { 3958 window.msg("è«é¸æå忬¾å¼", 'warning').show(); 3959 } 3960 }, 3961 addProduct: function() { 3962 if (this.addCartText === 'è¯çµ¡åºå®¶') { 3963 $('#messagebuy-Modal').data('variant', this.currentVariant); 3964 $('#messagebuy-Modal').modal('show'); 3965 $('#messagebuy-Modal').css("background-color", "rgba(0, 0, 0, .6)"); 3966 } else if ( 3967 this.addCartText === 'å·²ç»è¨è£è²¨éç¥' || 3968 this.addCartText === 'å·²å®å®ï¼è²¨å°éç¥æ' 3969 ) { 3970 this.toggleNotification(); 3971 } else { 3972 if (this.cartItem) { 3973 try { 3974 if (this.isChoose) { 3975 themeHelper.EventBus.$emit('updateStore', 'update', this.cartItem, this.callBack) 3976 } else { 3977 themeHelper.EventBus.$emit('updateStore', 'add', this.cartItem, this.callBack) 3978 } 3979 3980 this.adding = true; 3981 this.closeModal(); 3982 } catch (e) { 3983 window.msg("å忬¾å¼ç°å¸¸", 'error').show(); 3984 } 3985 } else { 3986 window.msg("è«é¸æå忬¾å¼", 'warning').show(); 3987 } 3988 } 3989 }, 3990 closeModal: function() { 3991 themeHelper.EventBus.$emit('closeProductModal'); 3992 }, 3993 setDefaultOption: function() { 3994 var self = this; 3995 Object.keys(self.currentOption).map(function(optionKey) { 3996 self.currentOption[optionKey] = self.currentVariant[optionKey]; 3997 }); 3998 }, 3999 getVariantIndex: function() { 4000 var self = this; 4001 return self.product.variants.findIndex(function(variant, index) { 4002 var isVariant = true;
4003 Object.keys(self.currentOption).forEach(function(option) { 4004 if (variant[option] !== self.currentOption[option]) { 4005 isVariant = false; 4006 } 4007 }); 4008 return isVariant; 4009 }); 4010 }, 4011 4012 // 篩é¸éè¤åé 4013 getUniqueVariant: function(variants) { 4014 return variants.filter(function(value, index, self) { 4015 return self.indexOf(value) === index; 4016 }); 4017 }, 4018 groupBy(xs, key) { 4019 return xs.reduce(function(rv, x) { 4020 (rv[x[key]] = rv[x[key]] || []).push(x); 4021 return rv; 4022 }, {}); 4023 }, 4024 setUpDiscountsTag(data) { 4025 var self = this; 4026 var languagePrefix = '/' + ((window.shopScriptHelper && window.shopScriptHelper.i18nLocale) || 'zh-TW'); 4027 $.ajax({ 4028 url: languagePrefix + self.productUrl + '/discounts_list', 4029 method: 'GET', 4030 success: function(result) { 4031 if (result.length > 0) { 4032 var discounts_list = self.groupBy(result, 'campaign_type'); 4033 self.discountsList = discounts_list; 4034 } else { 4035 self.discountsList = null; 4036 } 4037 } 4038 }); 4039 }, 4040 getOptions: function(optionKey, optionTypes) { 4041 var self = this; 4042 return optionTypes.map(function(optionType, index) { 4043 var isValid = true; 4044 4045 // é¸åºå å«ç®åtypeçvariant 4046 var matchVariants = self.product.variants.filter(function(variant) { 4047 return variant[optionKey] === optionType; 4048 }); 4049 4050 // 篩é¸å·²å¾é¸type 4051 Object.keys(self.currentOption).forEach(function(currentOptionKey) { 4052 if (currentOptionKey !== optionKey) { 4053 matchVariants = matchVariants.filter(function(variant) { 4054 if (self.currentOption[currentOptionKey]) { 4055 return variant[currentOptionKey] === self.currentOption[currentOptionKey] 4056 } else { 4057 return true; 4058 } 4059 }); 4060 } 4061 }); 4062 if (matchVariants.length === 0) { 4063 isValid = false; 4064 } 4065 if (! self.isEmptyClickable) { 4066 isValid = false; 4067 matchVariants.find(function(item) { 4068 if (item.inventoryQuantity === null || item.inventoryQuantity > 0 || item.inventoryPolicy === 'continue') { 4069 isValid = true; 4070 } 4071 }); 4072 } 4073 return {name: optionType, isValid: isValid} 4074 }); 4075 } 4076 } 4077 }; 4078 }); 4079</script>
4079 4080 4081<!-- cyb_snippet _product_modal_js end --> 4082 4083<!-- cyb_snippet components/product_modal/product_modal end --> 4084 4085<!-- cyb_snippet messagebuy_modal start --> 4086 4087 4088<!-- cyb_snippet messagebuy_modal end --> 4089<!-- cyb_snippet components/rate_limit_modal start --> 4090<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/rate_limit_modal-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 4091 4092<div class="modal fade" id="rate-limit-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> 4093 <div class="modal-dialog modal-dialog-centered" role="document"> 4094 <div class="modal-content"> 4095 <div class="modal-body"> 4096 <div class="qk-text--default_dark rate-limit-text"> 4097 <p id="rate-limit-title">ç®åæ¶è³¼äººæ½®ç¾å¤ï¼è«èå¿çå</p> 4098 <p class="qk-fs--body qk-fw--500 rate-limit-message"> 4099 <span class="qk-text--error" id="rate-limit-countdown"></span> 4100 <span id="rate-limit-desc"></span> 4101 </p> 4102 <p class="qk-fs--body qk-fw--500 rate-limit-message" id="rate-limit-warn">è¥é¢éæ¤é é¢ï¼å¯è½æå»¶é·çå¾ æéã</p> 4103 </div> 4104 <button id="rate-limit-btn" class="btn qk-btn qk-btn--primary" disabled>éæ°é²å ¥ååé </button> 4105 </div> 4106 </div> 4107 </div> 4108</div> 4109
4110<script> 4111 window.showRateLimitModal = function(countdownSec) { 4112 var countdown = countdownSec || 5; 4113 var $modal = $('#rate-limit-modal'); 4114 var $btn = $modal.find('#rate-limit-btn'); 4115 var $countdownEl = $modal.find('#rate-limit-countdown'); 4116 4117 $btn.show(); 4118 $modal.find('#rate-limit-desc').text(language["product_rate_limit_desc"]); 4119 $countdownEl.text(countdown); 4120 $btn.prop('disabled', true); 4121 $modal.modal('show'); 4122 4123 var timer = setInterval(function() { 4124 countdown--; 4125 $countdownEl.text(countdown); 4126 if (countdown <= 0) { 4127 clearInterval(timer); 4128 $btn.prop('disabled', false); 4129 } 4130 }, 1000); 4131 4132 $btn.off('click').on('click', function() { 4133 location.reload(); 4134 }); 4135 } 4136 4137 window.showAddCartRateLimitModal = function(countdownSec) { 4138 var countdown = countdownSec || 5; 4139 var $modal = $('#rate-limit-modal'); 4140 var $countdownEl = $modal.find('#rate-limit-countdown'); 4141 4142 $modal.find('#rate-limit-btn').hide(); 4143 $modal.find('#rate-limit-desc').text(language["addcart_rate_limit_desc"]); 4144 $countdownEl.text(countdown); 4145 $modal.modal('show'); 4146 4147 var timer = setInterval(function() { 4148 countdown--; 4149 $countdownEl.text(countdown); 4150 if (countdown <= 0) { 4151 clearInterval(timer); 4152 $modal.modal('hide'); 4153 } 4154 }, 1000); 4155 } 4156</script>
4156 4157 4158<!-- cyb_snippet components/rate_limit_modal end --> 4159
4160<script> 4161 $(document).ready(function() { 4162 const shouldSkipQuantityCheck = false; 4163 const newAddCartModalApp = new window.themeHelper.LiquidVueHandler({ 4164 componentNames: Object.keys(window.themeHelper.productModalComponents), 4165 mountSelector: '#new-addcart-modal', 4166 autoMount: false, 4167 }); 4168 4169 newAddCartModalApp.createApp({ 4170 el: '#new-addcart-modal', 4171 delimiters: ['${', '}'], 4172 data() { 4173 return { 4174 collectionId: 0, 4175 categories: [], 4176 color: '', // unused 4177 isCollection: true, 4178 productQuantity: 0, 4179 onlyDescription: false, 4180 showProductModal: false, 4181 popProductUrl: '', 4182 loading: false, 4183 }; 4184 }, 4185 mounted: function() { 4186 themeHelper.EventBus.$on('closeProductModal',this.closeProductModal); 4187 themeHelper.EventBus.$on('updateStore', this.addProduct); 4188 themeHelper.EventBus.$on('quantityDecrease', this.quantityDecrease); 4189 themeHelper.EventBus.$on('quantityIncrease', this.quantityIncrease); 4190 themeHelper.EventBus.$on('quantityChange', this.quantityChange); 4191 }, 4192 methods: { 4193 addProduct: function(actionType, productData, checkoutAddToCartCallback){ 4194 var self = this; 4195 var pageViewId = window.CYBERBIZ && window.CYBERBIZ.dis && window.CYBERBIZ.dis.pageViewId; 4196 $.ajax({ 4197 method: 'POST', 4198 url: '/cart/add', 4199 headers: pageViewId ? { 'X-Cyb-Page-View-Id': pageViewId } : {}, 4200 data: { 4201 id: productData.id, 4202 quantity: productData.quantity, 4203 }, 4204 dataType: 'json', 4205 beforeSend: function() { 4206 self.loading = true; 4207 themeHelper.ajaxLoadingMsg('loading'); 4208 $('.shopcart').dropdown('hide') 4209 $('.global-cart-count').hide(); 4210 $('.global-cart-loading').show(); 4211 $('.global-cart-loading').html('<i class="fa fa-spinner fa-pulse" style="vertical-align: middle;"></i>'); 4212 }, 4213 error: function(xhr) { 4214 $('.global-cart-loading').hide(); 4215 $('.global-cart-count').show(); 4216 self.loading = false; 4217 if (xhr.status === 429) { 4218 themeHelper.ajaxLoadingMsg('hide', 0); 4219 self.closeProductModal(); 4220 window.showAddCartRateLimitModal(5); 4221 return; 4222 } 4223 themeHelper.ajaxLoadingMsg('fail', 2000); 4224 } 4225 }).done(function(data, status, request){ 4226 // product modal ç«å³è³¼è²·æé 4227 window.sendAddToCartEvent && sendAddToCartEvent({ 4228 price: productData.price, 4229 quantity: productData.quantity, 4230 id: productData.product.id, 4231 name: productData.product.title, 4232 category: productData.product.productType, 4233 brand: productData.product.vendor, 4234 qc: productData.variant.qc, 4235 variant: { 4236 id: productData.variant.id, 4237 title: productData.variant.title, 4238 sku: productData.variant.sku, 4239 price: productData.variant.price, 4240 qc: productData.variant.qc, 4241 }, 4242 position: "ååå½åºè¦çª", 4243 request, 4244 }) 4245 if (self.isQuickBuy) { 4246 if (window.liquidHelper && window.liquidHelper.language && window.liquidHelper.language.handle) { 4247 window.location = "/" + window.liquidHelper.language.handle + "/cart"; 4248 } else { 4249 window.location = "/cart"; 4250 } 4251 } else { 4252 themeHelper.ajaxLoadingMsg('success'); 4253 pullNavCart(); 4254 $('.shopcart').dropdown('show') 4255 $('.global-cart-loading').hide(); 4256 self.loading = false; 4257 } 4258 if(typeof checkoutAddToCartCallback === 'function'){ 4259 var callbackData = { 4260 id: productData.id, 4261 quantity: productData.quantity, 4262 title: productData.product ? productData.product.title : productData.title || '' 4263 }; 4264 checkoutAddToCartCallback(callbackData) 4265 } 4266 peh.emit('product:add_to_cart', [{ 4267 variantId: productData.id, 4268 quantity: productData.quantity 4269 }], self.collectionId); 4270 }).fail(function(e){ 4271 if (e.status === 429) { 4272 return; 4273 } 4274 let err_msg = e.responseJSON.err_msg; 4275 err_msg && err_msg.length > 0 ? 4276 window.msg(e.responseJSON.err_msg, 'warning').show(): 4277 window.msg("å å ¥è³¼ç©è»æèª¤ï¼è«éæ°å試", 'warning').show(); 4278 }) 4279 }, 4280 quantityDecrease: function(cartItem, isAdded){ 4281 if (cartItem.quantity > 1) { 4282 cartItem.quantity -= 1; 4283 } else { 4284 window.msg("æ¸éä¸å¾çºä½æ¼ 1", 'warning').show(); 4285 } 4286 }, 4287 quantityIncrease: function(cartItem, isAdded){ 4288 const limitQuantity = cartItem.variant.inventoryQuantity; 4289 const limitBuy = cartItem.product.limitBuy 4290 if (limitBuy && cartItem.quantity >= limitBuy) { 4291 product_limit_buy = "æ¤ååéè³¼ limitBuy ä»¶".replace('limitBuy', limitBuy) 4292 window.msg(product_limit_buy, 'warning').show(); 4293 return; 4294 } else if (cartItem.quantity >= liquidHelper.cartQuantityLimit) { 4295 window.msg("æ¸éè¶ é購買ä¸é", 'warning').show(); 4296 } else if ( cartItem.quantity < limitQuantity || limitQuantity === null || 4297 cartItem.variant.inventoryPolicy == "continue" || shouldSkipQuantityCheck) { 4298 cartItem.quantity += 1; 4299 } else { 4300 this.showInventoryMessage(limitQuantity); 4301 } 4302 },
4303 quantityChange: function(quantity, cartItem, isAdded){ 4304 const limitBuy = cartItem.product.limitBuy 4305 var limitQuantity = cartItem.variant.inventoryQuantity; 4306 var inventoryPolicy = cartItem.variant.inventoryPolicy; 4307 if (Number.isInteger(quantity)) { 4308 if (quantity >= 1) { 4309 if (limitBuy && quantity >= limitBuy) { 4310 product_limit_buy = "æ¤ååéè³¼ limitBuy ä»¶".replace('limitBuy', limitBuy) 4311 window.msg(product_limit_buy, 'warning').show(); 4312 } else if (quantity > liquidHelper.cartQuantityLimit) { 4313 window.msg("æ¸éè¶ é購買ä¸é", 'warning').show(); 4314 } else if (quantity <= limitQuantity || limitQuantity === null || inventoryPolicy == "continue" || shouldSkipQuantityCheck) { 4315 cartItem.quantity = quantity; 4316 } else { 4317 cartItem.quantity = limitQuantity; 4318 this.showInventoryMessage(limitQuantity); 4319 } 4320 } else { 4321 window.msg("æ¸éä¸å¾çºä½æ¼ 1", 'warning').show(); 4322 } 4323 } else { 4324 window.msg("æ¸éè¼¸å ¥é¯èª¤", 'warning').show(); 4325 } 4326 }, 4327 popModal: function(productUrl, collectionId, color, isCollection, isShowDescription, isQuickBuy, variantId, checkoutAddToCartCallback, categories){ 4328 this.showProductModal = true; 4329 this.collectionId = collectionId; 4330 this.categories = categories || []; 4331 this.popProductUrl = productUrl; 4332 this.color = color || ''; // unused 4333 this.isCollection = isCollection || false; 4334 this.isShowDescription = isShowDescription != false; 4335 this.isQuickBuy = isQuickBuy || false; 4336 this.selectedVariantId = parseInt(variantId) || undefined; 4337 this.checkoutAddToCartCallback = checkoutAddToCartCallback; 4338 document.body.style.overflow = "hidden"; 4339 }, 4340 closeProductModal: function() { 4341 this.showProductModal = false; 4342 document.body.style.overflow = ""; 4343 }, 4344 showInventoryMessage: function(inventoryQuantity) { 4345 const stockMessage = "åå庫åå©é¤ count ä»¶".replace('count', inventoryQuantity || 0); 4346 window.msg(stockMessage, 'warning').show(); 4347 }, 4348 } 4349 }); 4350 4351 for (const componentName in window.themeHelper.productModalComponents) { 4352 newAddCartModalApp.component( 4353 componentName, 4354 window.themeHelper.productModalComponents[componentName], 4355 ); 4356 } 4357 4358 window.new_addcart_modal = newAddCartModalApp.mount(); 4359 }); 4360</script>
4360 4361 4362<!-- cyb_snippet new_addcart_modal end --> 4363
4363<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/new_cart-3a2e378145f8a165.js' type='text/javascript'></script>
4363 4364 4365</div> 4366 4367 </div> 4368 4369 <!-- Footer --> 4370 4371 4372 4373 4374 4375 4376 4377<style> 4378 4379 4380 @media(min-width: 991px) { 4381 .display_x .left-content > div { 4382 max-width: calc(100% / 4); 4383 } 4384 } 4385</style> 4386 4387<div id="index-recommendation"></div> 4388 4389<footer id="footer" class="qk-fs--body qk-bg--footer_bg"> 4390 4391 4392 <div class="qk-container display_y"> 4393 <div class="footer_content qk-mg--0 qk-display--flex qk-justify--between"> 4394 <div class="left-content qk-flex--1"> 4395 4396 4397 <div class="link-list-container"> 4398 4399 <p class="footer_title qk-fs--title qk-text--footer_text">éæ¼æå</p> 4400 4401 <div class="item horizontal qk-text--left"> 4402 <ul class="qk-display--flex qk-flex--wrap"> 4403 4404 4405 <li class="qk-display--il_bk"> 4406 4407 <a 4408 class="qk-text--footer_text" 4409 href="/search" 4410 rel="noopener noreferrer" 4411 target="_blank">æ¥è©¢</a> 4412 4413 </li> 4414 4415 <li class="qk-display--il_bk"> 4416 4417 <a 4418 class="qk-text--footer_text" 4419 href="/pages/about-us" 4420 rel="noopener noreferrer" 4421 target="_blank">éæ¼æå</a> 4422 4423 </li> 4424 4425 <li class="qk-display--il_bk"> 4426 4427 <a 4428 class="qk-text--footer_text" 4429 href="/account/index" 4430 rel="noopener noreferrer" 4431 target="_blank">æç帳æ¶</a> 4432 4433 </li> 4434 4435 <li class="qk-display--il_bk"> 4436 4437 <a 4438 class="qk-text--footer_text" 4439 href="/pages/refund" 4440 rel="noopener noreferrer" 4441 target="_blank">鿬¾æ¿ç</a> 4442 4443 </li> 4444 4445 <li class="qk-display--il_bk"> 4446 4447 <a 4448 class="qk-text--footer_text" 4449 href="/pages/privacy" 4450 rel="noopener noreferrer" 4451 target="_blank">é±ç§æ¿ç</a> 4452 4453 </li> 4454 4455 <li class="qk-display--il_bk"> 4456 4457 <a 4458 class="qk-text--footer_text" 4459 href="/pages/terms" 4460 rel="noopener noreferrer" 4461 target="_blank">æåæ¢æ¬¾</a> 4462 4463 </li> 4464 4465 <li class="qk-display--il_bk"> 4466 4467 <a 4468 class="qk-text--footer_text" 4469 href="/pages/vip-è¦å說æé é¢" 4470 rel="noopener noreferrer" 4471 target="_blank">VIPæå¡è¦å說æ</a> 4472 4473 </li> 4474 4475 4476 </ul> 4477 </div> 4478 </div> 4479 4480 4481 4482 <div id="1714971143232_2" class="rich-text-editor-container qk-text--footer_text item qk-flex--1"> 4483 4484 <p class="footer_title qk-fs--title rich-text-editor-title">å ¬å¸è³è¨</p> 4485 4486 <div class="rich-text-content-container"> 4487 <p>å ¬å¸å稱 é¦¥å¾¡è¾²ç¢æéå ¬å¸</p> 4488<p>çµ±ä¸ç·¨è 93629287</p> 4489 4490 </div> 4491 </div> 4492 4493 4494 4495 <div id="1715660083636_2" class="rich-text-editor-container qk-text--footer_text item qk-flex--1"> 4496 4497 <p class="footer_title qk-fs--title rich-text-editor-title">é£åæ¥è ç»éåè</p> 4498 4499 <div class="rich-text-content-container"> 4500 <p>
4500B-193629287-00000-5</p> 4501 4502 </div> 4503 </div> 4504 4505 4506 4507 <div class="item contact qk-text--left"> 4508 4509 <p class="footer_title qk-fs--title qk-text--footer_text">è¯çµ¡è³è¨</p> 4510 4511 <ul> 4512 4513 4514 4515 <li class="time qk-bd_r--default qk-bd--footer_text qk-display--il_bk"> 4516 <span class="qk-text--footer_text">客ææéï¼10:30-19:30</span> 4517 </li> 4518 4519 4520 <br> 4521 <li class="mail qk-bd_r--default qk-bd--footer_text qk-cursor--pointer qk-display--il_bk"> 4522 <a class="qk-text--footer_text" href="mailto:[email protected]">ä¿¡ç®±ï¼[email protected]</a> 4523 </li> 4524 4525 4526 <li class="address qk-bd_r--default qk-bd--footer_text qk-display--il_bk"> 4527 <span class="qk-text--footer_text">å°åï¼å°ä¸å¸è¥¿å±¯åæå¯è·¯6è</span> 4528 </li> 4529 4530 4531 </ul> 4532 </div> 4533 4534 4535 </div> 4536 <div class="right-content qk-display--flex qk-flex--column"> 4537 4538 <div class="fb_fanpage qk-hidden--mobile"> 4539 <div class="fb_fans_page_area"> 4540 <div 4541 class="fb-page" 4542 data-href="https://www.facebook.com/1218786851474597" 4543 data-width="500" 4544 data-adapt-container-width="true" 4545 data-hide-cover="false" 4546 data-show-facepile="true"> 4547 <blockquote cite="https://www.facebook.com/1218786851474597" class="fb-xfbml-parse-ignore"> 4548 <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/1218786851474597"></a> 4549 </blockquote> 4550 </div> 4551 </div> 4552 </div> 4553 4554 <div class="media qk-display--il"> 4555 <div class="item social_media qk-h--auto qk-float--l"> 4556 <ul> 4557 4558 <li class="qk-display--il_bk"> 4559 <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/botany.taiwan"> 4560 <svg 4561 class="facebook-svg" 4562 xmlns="http://www.w3.org/2000/svg" 4563 width="40" 4564 height="40"
4565 viewBox="0 0 40 40"> 4566 <path class="qk-svg--footer_text" d="M40 20.1208C40 30.1027 32.6767 38.3778 23.1167 39.8795V25.9409H27.765L28.65 20.1742H23.1167V16.4324C23.1167 14.8541 23.89 13.3174 26.3667 13.3174H28.8817V8.4073C28.8817 8.4073 26.5983 8.01729 24.4167 8.01729C19.86 8.01729 16.8833 10.779 16.8833 15.7774V20.1725H11.8183V25.9393H16.8833V39.8779C7.325 38.3745 0 30.101 0 20.1208C0 9.07564 8.955 0.120483 20 0.120483C31.045 0.120483 40 9.07398 40 20.1208Z" /> 4567 </svg> 4568 </a> 4569 </li> 4570 4571 4572 <li class="qk-display--il_bk"> 4573 <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/botany.yogurt/"> 4574 <svg 4575 class="instagram-svg" 4576 xmlns="http://www.w3.org/2000/svg" 4577 width="40" 4578 height="40" 4579 viewBox="0 0 40 40"> 4580 <rect class="qk-svg--footer_text" width="40" height="40" rx="20" /> 4581 <path class="qk-svg--footer_bg" d="M15.0302 8.08393C13.7534 8.14417 12.8814 8.34793 12.1192 8.64745C11.3303 8.95489 10.6616 9.36745 9.99636 10.0351C9.33107 10.7028 8.92139 11.3719 8.61611 12.162C8.32066 12.9259 8.1205 13.7986 8.0641 15.0761C8.0077 16.3536 7.99522 16.7643 8.00146 20.023C8.0077 23.2817 8.0221 23.6902 8.08402 24.9704C8.14498 26.2469 8.34802 27.1186 8.64755 27.8811C8.95547 28.67 9.36755 29.3384 10.0355 30.0039C10.7034 30.6694
458111.3721 31.0782 12.1641 31.3839C12.9273 31.6789 13.8002 31.88 15.0775 31.9359C16.3547 31.9918 16.7659 32.0048 20.0237 31.9986C23.2815 31.9923 23.6916 31.9779 24.9716 31.9172C26.2515 31.8565 27.1186 31.652 27.8813 31.3539C28.6702 31.0453 29.3391 30.6339 30.0042 29.9658C30.6692 29.2976 31.0787 28.628 31.3837 27.8374C31.6794 27.0742 31.8803 26.2013 31.9357 24.925C31.9916 23.6441 32.0048 23.2352 31.9986 19.9769C31.9923 16.7187 31.9777 16.3102 31.917 15.0305C31.8563 13.7508 31.653 12.8818 31.3537 12.1188C31.0453 11.3299 30.6337 10.662 29.966 9.99601C29.2983 9.33001 28.6282 8.92081 27.8379 8.61649C27.0742 8.32105 26.2018 8.11969 24.9245 8.06449C23.6472 8.00929 23.2361 7.99513 19.9771 8.00137C16.7181 8.00761 16.3101 8.02153 15.0302 8.08393ZM15.1703 29.7771C14.0003 29.7262 13.365 29.5318 12.9417 29.3691C12.381 29.1531 11.9817 28.892 11.5597 28.4742C11.1378 28.0563 10.8786 27.6555 10.6597 27.0961C10.4953 26.6727 10.2973 26.0381 10.2426 24.8681C10.1831 23.6036 10.1706 23.2239 10.1636 20.0201C10.1567 16.8164 10.1689 16.4372 10.2244 15.1721C10.2743 14.0031 10.4699 13.3671 10.6324 12.9439C10.8484 12.3826 11.1085 11.9839 11.5273 11.5623C11.9461 11.1406 12.3457 10.8809 12.9057 10.662C13.3286 10.4969 13.9631 10.3006 15.1327 10.2449C16.3982 10.1849 16.7774 10.1729 19.9807 10.1659C23.184 10.159 23.5642 10.171 24.8302 10.2267C25.9992 10.2775 26.6355 10.4712 27.0581 10.6347C27.619 10.8507 28.0181 11.1101 28.4398 11.5296C28.8615 11.9491 29.1214 12.3473 29.3403 12.9084C29.5057 13.3301 29.702 13.9644 29.7572 15.1347C29.8174 16.4002 29.8311 16.7796 29.8369 19.9827C29.8426 23.1857 29.8314 23.5661 29.7759 24.8307C29.7248 26.0007 29.5309 26.6362 29.3679 27.0601C29.1519 27.6205 28.8915 28.0201 28.4725 28.4415C28.0534 28.863 27.6543 29.1226 27.0941 29.3415C26.6717 29.5064 26.0364 29.7032 24.8679 29.7589C23.6023 29.8184 23.2231 29.8309 20.0186 29.8378C16.8141 29.8448 16.4361 29.8318 15.1706 29.7771M24.9531 13.5864C24.9535 13.8713 25.0385 14.1495 25.1971 14.3861C25.3558 14.6226 25.581 14.8068 25.8443 14.9154C26.1077 15.0239 26.3973 15.0519 26.6765 14.9959C26.9558 14.9398 27.2122 14.8022 27.4132 14.6004C27.6142 14.3986 27.7509 14.1418 27.806 13.8623C27.861 13.5828 27.8319 13.2933 27.7224 13.0304C27.6129 12.7675 27.4279 12.5429 27.1908 12.3851C26.9536 12.2274 26.675 12.1435 26.3902 12.144C26.0084 12.1448 25.6425 12.2972 25.373 12.5677C25.1035 12.8381 24.9524 13.2046 24.9531 13.5864ZM13.8386 20.012C13.8453 23.4152 16.6091 26.1677 20.0117 26.1613C23.4142 26.1548 26.1687 23.3912 26.1622 19.988C26.1557 16.5848 23.3911 13.8315 19.9881 13.8382C16.5851 13.8449 13.8321 16.6092 13.8386 20.012ZM16 20.0076C15.9985 19.2165 16.2315 18.4427 16.6698 17.784C17.108 17.1253 17.7317 16.6114 18.462 16.3072C19.1924 16.003 19.9965 15.9222 20.7727 16.075C21.549 16.2278 22.2625 16.6073 22.823 17.1656C23.3836 17.724 23.766 18.436 23.9218 19.2116C24.0777 19.9872 24.0001 20.7917 23.6988 21.5232C23.3975 22.2547 22.886 22.8804 22.2291 23.3213C21.5721 23.7621 20.7992 23.9983 20.0081 23.9998C19.4827 24.0009 18.9623 23.8985 18.4766 23.6985C17.9909 23.4985 17.5493 23.2047 17.1771 22.834C16.8049 22.4632 16.5094 22.0228 16.3074 21.5379C16.1054 21.0529 16.001 20.533 16 20.0076Z" /> 4582 </svg> 4583 </a> 4584 </li> 4585 4586 4587 <li class="qk-display--il_bk"> 4588 <a target="_blank" rel="noopener noreferrer" href="https://lin.ee/NIFcJDp"> 4589 <svg 4590 class="line-svg" 4591 xmlns="http://www.w3.org/2000/svg" 4592 width="40" 4593 height="40"
4594 viewBox="0 0 40 40"> 4595 <rect class="qk-svg--footer_text" width="40" height="40" rx="20" /> 4596 <path class="qk-svg--footer_bg" d="M32.5946 18.2214C32.5946 12.5857 26.9449 8 20.0002 8C13.0555 8 7.40576 12.5857 7.40576 18.2214C7.40576 23.2743 11.8873 27.5053 17.9396 28.3048C18.3506 28.392 18.908 28.575 19.0487 28.9269C19.1754 29.245 19.1303 29.7433 19.0881 30.0642C19.0881 30.0642 18.9417 30.9537 18.908 31.1423C18.8517 31.4604 18.6546 32.3866 20.0002 31.8207C21.343 31.2549 27.2545 27.5503 29.895 24.5101C31.7191 22.5058 32.5946 20.4762 32.5946 18.2214Z" /> 4597 <path class="qk-svg--footer_text" d="M17.4413 15.4965H16.5574C16.4223 15.4965 16.3125 15.6062 16.3125 15.7414V21.2279C16.3125 21.363 16.4223 21.4728 16.5574 21.4728H17.4413C17.5764 21.4728 17.6862 21.363 17.6862 21.2279V15.7414C17.6862 15.6062 17.5764 15.4965 17.4413 15.4965Z" /> 4598 <path class="qk-svg--footer_text" d="M23.5219 15.4965H22.638C22.5028 15.4965 22.3931 15.6063 22.3931 15.7414V19.0012L19.8792 15.6063C19.8736 15.5978 19.868 15.5894 19.8595 15.5809C19.8595 15.5809 19.8595 15.5809 19.8595 15.5781C19.8539 15.5725 19.8483 15.5668 19.8455 15.564C19.8426 15.564 19.8426 15.5612 19.8398 15.5584C19.8342 15.5556 19.8314 15.55 19.8258 15.5471C19.8229 15.5443 19.8229 15.5443 19.8201 15.5415C19.8173 15.5387 19.8117 15.5359 19.8089 15.5331C19.8061 15.5303 19.8032 15.5303 19.8004 15.5274C19.7948 15.5246 19.792 15.5218 19.7863 15.519C19.7835 15.519 19.7807 15.5162 19.7779 15.5162C19.7723 15.5134 19.7695 15.5105 19.7638 15.5105C19.761 15.5105 19.7582 15.5077 19.7554 15.5077C19.7498 15.5049 19.7469 15.5049 19.7413 15.5021C19.7385 15.5021 19.7357 15.5021 19.7329 15.4993C19.7272 15.4993 19.7244 15.4965 19.7188 15.4965C19.716 15.4965 19.7132 15.4965 19.7075 15.4937C19.7019 15.4937 19.6991 15.4937 19.6935 15.4908C19.6878 15.4908 19.685 15.4908 19.6822 15.4908C19.6794 15.4908 19.6766 15.4908 19.6737 15.4908H18.7898C18.6547 15.4908 18.5449 15.6006 18.5449 15.7358V21.2222C18.5449 21.3574 18.6547 21.4671 18.7898 21.4671H19.6737C19.8089 21.4671 19.9187 21.3574 19.9187 21.2222V17.9709L22.4353 21.3714C22.4522 21.3968 22.4747 21.4165 22.4972 21.4305C22.4972 21.4305 22.5 21.4305 22.5 21.4334C22.5057 21.4362 22.5113 21.439 22.5141 21.4418C22.5169 21.4418 22.5197 21.4446 22.5226 21.4446C22.5254 21.4474 22.531 21.4474 22.5338 21.4503C22.5366 21.4531 22.5423 21.4531 22.5451 21.4559C22.5479 21.4559 22.5507 21.4587 22.5535 21.4587C22.5591 21.4615 22.5648 21.4615 22.5704 21.4643H22.5732C22.5929 21.47 22.6154 21.4728 22.6352 21.4728H23.5191C23.6542 21.4728 23.764 21.363 23.764 21.2279V15.7414C23.7668 15.6063 23.657 15.4965 23.5219 15.4965Z" /> 4599 <path class="qk-svg--footer_text" d="M15.313 20.099H12.9118V15.7414C12.9118 15.6062 12.802 15.4965 12.6669 15.4965H11.783C11.6479 15.4965 11.5381 15.6062 11.5381 15.7414V21.2279C11.5381 21.2926 11.5634 21.3545 11.6056 21.3968L11.6085 21.3996L11.6113 21.4024C11.6563 21.4446 11.7154 21.4699 11.7802 21.4699H15.3102C15.4453 21.4699 15.5551 21.3602 15.5551 21.225V20.3411C15.5579 20.2116 15.4482 20.099 15.313 20.099Z" /> 4600 <path class="qk-svg--footer_text" d="M28.4001 16.8702C28.5352 16.8702 28.645 16.7604 28.645 16.6253V15.7414C28.645 15.6062 28.5352 15.4965 28.4001 15.4965H24.87C24.8053 15.4965 24.7433 15.5218 24.7011 15.5668L24.6983 15.5697C24.6983 15.5725 24.6955 15.5725 24.6955 15.5753C24.6533 15.6203 24.6279 15.6794 24.6279 15.7442V21.2307C24.6279 21.2954 24.6533 21.3573 24.6955 21.3996L24.6983 21.4024L24.7011 21.4052C24.7462 21.4474 24.8053 21.4756 24.87 21.4756H28.4001C28.5352 21.4756 28.645 21.3658 28.645 21.2307V20.3467C28.645 20.2116 28.5352 20.1018 28.4001 20.1018H25.9988V19.1757H28.4001C28.5352 19.1757 28.645 19.0659 28.645 18.9308V18.0469C28.645 17.9118 28.5352 17.802 28.4001 17.802H25.9988V16.8758H28.4001V16.8702Z" /> 4601 </svg> 4602 </a> 4603 </li> 4604 4605 4606 </ul> 4607 </div> 4608 </div> 4609 </div> 4610 </div> 4611 </div> 4612 4613 <div class="copyright qk-text--footer_text qk-bd--footer_text qk-text--left qk-bd_t--default"> 4614 <div class="qk-container container qk-fw--500">
4615 <span>Copyright ©</span> 4616 <a class="qk-text--link" href="/"> 4617 <span>Botany æ¤æå¸</span> 4618 </a> 4619 <span>All Rights Reserved.</span> 4620 <span>Designed by 4621 </span> 4622 <a 4623 class="qk-text--link" 4624 href="https://www.cyberbiz.io?utm_source=poweredbycyberbiz" 4625 target="_blank" 4626 rel="noopener noreferrer" 4627 title="Designed by CYBERBIZ">CYBERBIZ</a>. 4628 </div> 4629 </div> 4630 4631</footer>
4632<script> 4633 $(document).ready(function() { 4634 let isDynamicLoading = false; 4635 4636 let menusData = { 4637 4638 4639 "footer": { 4640 4641 "type": "items", 4642 "data": [ 4643 4644 4645 4646 { 4647 "title": "æ¥è©¢", 4648 "url": "/search", 4649 "item_type": "search" 4650 }, 4651 4652 { 4653 "title": "éæ¼æå", 4654 "url": "/pages/about-us", 4655 "item_type": "page" 4656 }, 4657 4658 { 4659 "title": "æç帳æ¶", 4660 "url": "/account/index", 4661 "item_type": "http" 4662 }, 4663 4664 { 4665 "title": "鿬¾æ¿ç", 4666 "url": "/pages/refund", 4667 "item_type": "refund" 4668 }, 4669 4670 { 4671 "title": "é±ç§æ¿ç", 4672 "url": "/pages/privacy", 4673 "item_type": "privacy" 4674 }, 4675 4676 { 4677 "title": "æåæ¢æ¬¾", 4678 "url": "/pages/terms", 4679 "item_type": "terms" 4680 }, 4681 4682 { 4683 "title": "VIPæå¡è¦å說æ", 4684 "url": "/pages/vip-è¦å說æé é¢", 4685 "item_type": "page" 4686 } 4687 4688 4689 ] 4690 4691 }, 4692 4693 4694 4695 4696 4697 4698 4699 4700 }; 4701 4702 if (isDynamicLoading) { 4703 window.DynamicLoading.setupComponent({ 4704 sectionId: '#footer', 4705 callbackData:{ 4706 section: {"type":"footer","visible":true,"settings":{"footer_link":"footer","display_facebook":true,"shop_facebook":"https://www.facebook.com/botany.taiwan","display_instagram":true,"shop_instagram":"https://www.instagram.com/botany.yogurt/","display_line":true,"shop_line":"https://lin.ee/NIFcJDp","display_youtube":false,"shop_youtube":"https://www.youtube.com/","footer_link_arrangement":"display_y","display_facebook_fan_block":true},"block_order":["default_link_list","1714971143232_2","1715660083636_2","default_contact_info"],"blocks":{"default_link_list":{"type":"link_list_setting","custom_name":"é¸å®","thumbnail":"list","draggable":true,"visible":true,"settings":{"dict_link_list_block_title":"éæ¼æå","footer_link":"footer"}},"default_contact_info":{"type":"contact_info_setting","custom_name":"è¯çµ¡è³è¨","thumbnail":"contactInfo","draggable":true,"visible":true,"settings":{"dict_contact_info_block_title":"è¯çµ¡è³è¨","display_phone":false,"dict_phone_number":"0931505090","display_fax_number":false,"dict_shop_fax_number":"0222345678","display_shop_email":"true","dict_shop_email":"[email protected]","display_shop_address":"true","dict_shop_address":"å°ä¸å¸è¥¿å±¯åæå¯è·¯6è","display_office_time":"true","dict_shop_office_time":"10:30-19:30"}},"1714971143232_2":{"type":"rich_text_editor_setting","custom_name":"èªè¨æå","visible":true,"settings":{"dict_rich_text_title":"å ¬å¸è³è¨","dict_rich_text_content":"\u003cp\u003eå ¬å¸å稱 é¦¥å¾¡è¾²ç¢æéå ¬å¸\u003c/p\u003e\n\u003cp\u003eçµ±ä¸ç·¨è 93629287\u003c/p\u003e\n"}},"1715660083636_2":{"type":"rich_text_editor_setting","custom_name":"èªè¨æå","visible":true,"settings":{"dict_rich_text_title":"é£åæ¥è ç»éåè","dict_rich_text_content":"\u003cp\u003eB-193629287-00000-5\u003c/p\u003e\n"}}},"custom_name":"é è ³"}, 4707 shop: { 4708 name: 'Botany æ¤æå¸', 4709 cyberbiz_link: 'https://www.cyberbiz.io?utm_source=poweredbycyberbiz', 4710 facebook_fan_page: 'https://www.facebook.com/1218786851474597', 4711 }, 4712 menus: menusData, 4713 is_display_facebook_fan_block: true 4714 }, 4715 entryName:'renderFooterSection', 4716 source:'//cdn1-next.cybassets.com/frontend/shop/footerSection-3a2e378145f8a165.js', 4717 }); 4718 } 4719 }); 4720</script>
4720 4721 4722<!-- cyb_snippet _tracking_code start --> 4723
4723<script> 4724 window.fbAsyncInit = function() { 4725 FB.init({ 4726 appId : '', 4727 xfbml : true, 4728 version : 'v24.0', 4729 }); 4730 }; 4731 (function(d, s, id){ 4732 var js, fjs = d.getElementsByTagName(s)[0]; 4733 if (d.getElementById(id)) {return;} 4734 js = d.createElement(s); 4735 js.id = id; 4736 js.src = 'https://connect.facebook.net/zh_TW/sdk.js'; 4737 fjs.parentNode.insertBefore(js, fjs); 4738 }(document, 'script', 'facebook-jssdk')); 4739 </script>
4739 4740 4741
4742<script> 4743 // for scupio 4744 if (document.querySelector("meta[name=\"scupio_mid\"]")) { 4745 mid = document.querySelector("meta[name=\"scupio_mid\"]").content; 4746 } else { 4747 mid = ""; 4748 } 4749 if (!window.is_scupio_sent && mid) { 4750 window._bwtm = window._bwtm || [] 4751 window._bwtm.push({ 4752 "mid": mid, 4753 "uid": "" 4754 }); 4755 } 4756</script>
4756 4757 4758<!-- cyb_snippet _tracking_code end --> 4759
4760<script> 4761 $(document).ready(function(){ 4762 if(window.location.pathname != '' && window.location.pathname != '/' ){ 4763 document.getElementById('index-recommendation').style.display = 'none' 4764 } 4765 }); 4766</script>
4766 4767 4768 4769 4770 <!-- Fast-Events --> 4771 <!-- cyb_snippet fast_events start --> 4772 4773
4774<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/fast_events-3a2e378145f8a165.js' type='text/javascript'></script>
4774 4775<link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/fast_events-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 4776 4777<!-- cyb_snippet fast_events end --> 4778 4779 <div class="bottom-right qk-pos--fixed"> 4780 <!-- gototop --> 4781 <div id="gototop" class="qk-display--none qk-text--center"> 4782 <a href="javascript:void(0)" class="qk-circle qk-circle--lg qk-pos--relative qk-text--center"> 4783 <i class="fas fa-chevron-up"></i> 4784 </a> 4785 </div> 4786 4787 <!-- popup --> 4788 4789 <link href='//cdn1-next.cybassets.com/frontend/shop/beta_theme/css/popup-3a2e378145f8a165.css' rel='stylesheet' type='text/css' media='all' /> 4790 4791 4792 4793 4794 4795 4796<div id="popup-wrapper" class="qk-display--none"></div> 4797 4798<template id="popup-template"> 4799 <div 4800 :class="status" 4801 v-if="hasContent" 4802 id="popup-section" 4803 > 4804 <transition name="backdrop"> 4805 <div 4806 v-if="shouldShowPopup" 4807 @click.capture="minifyPopup" 4808 id="popup-backdrop" 4809 class="qk-w--100vw qk-h--100vh qk-pos--fixed qk-t--0 qk-l--0 qk-tst" 4810 > 4811 </div> 4812 </transition> 4813 <transition name="onShow"> 4814 <div 4815 @click.self="showPopup" 4816 @transitionstart="updateGameStatus('start', this)" 4817 @transitionend="updateGameStatus('end', this)" 4818 class="popup-content qk-display--flex qk-align--center qk-tst qk-tst_dur--30 qk-tst_timing--ease_o" 4819 > 4820 <div 4821 v-for="block in blocks" 4822 :key="block.id" 4823 :class="[block.type, minifiedBlockClasses, block.settings.icon_size]" 4824 class="block qk-tst qk-tst_dur--30 qk-tst_timing--ease_o qk-of--auto" 4825 > 4826 <div v-if="block.type === 'image'" class="qk-pos--rel"> 4827 <img 4828 v-show="!shouldShowPopup" 4829 :src="block.settings.dict_icon_image_url" 4830 class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o" 4831 alt="popup button" 4832 > 4833 <a 4834 v-show="shouldShowPopup" 4835 :href="block.settings.dict_link" 4836 :target="block.settings.target" 4837 :rel="block.settings.rel" 4838 class="qk-display--flex qk-align--center" 4839 @click="linkClicked" 4840 > 4841 <picture> 4842 <source :srcset="block.settings.dict_mobile_image_url" media="(max-width: 576px)"> 4843 <source :srcset="block.settings.dict_tablet_image_url" media="(max-width: 992px)"> 4844 <img 4845 :src="block.settings.dict_image_url" 4846 class="qk-tst qk-tst_dur--30 qk-tst_timing--ease_o" 4847 alt="popup picture" 4848 /> 4849 </picture> 4850 </a> 4851 </div> 4852 <div v-if="block.type === 'video'"> 4853 <iframe 4854 :src="block.settings.dict_video_link" 4855 frameborder="0" 4856 class="qk-center--y qk-w--100 qk-h--100" 4857 ></iframe> 4858 </div> 4859 <div v-if="block.type === 'game'"> 4860 <div v-show="gameStatus === 'show'" :class="{ 'show-game': gameStatus === 'show' }"> 4861 <iframe 4862 class="cb-game-iframe iframe-loading" 4863 :src="getGameIframeSrc(block)" 4864 style="border: none;" 4865 > 4866 Loading 4867 </iframe> 4868 </div> 4869 <div v-show="gameStatus === 'minified'"> 4870 <img 4871 src="//cdn1-next.cybassets.com/game_assets/game_minified_new.png" 4872 class="qk-h--100 qk-w--100" 4873 alt="game minified icon" 4874 /> 4875 </div> 4876 </div> 4877 <div 4878 v-if="block.type === 'carousel'" 4879 :id="`popup-carousel-${block.id}`" 4880 > 4881 </div> 4882 </div> 4883 </div> 4884 </transition> 4885 <transition name="backdrop"> 4886 <div 4887 v-if="shouldShowPopup" 4888 @click.capture="minifyPopup" 4889 class="minify-popup qk-circle qk-circle--md qk-text--black qk-bg--white qk-bd--default qk-bd--border qk-text--center qk-cursor--pointer qk-pos--fixed" 4890 > 4891 </div> 4892 </transition> 4893 </div> 4894</template> 4895
4896<script> 4897 $(document).ready(function() { 4898 const CDN_HOST = '//cdn1-next.cybassets.com'; 4899 const section = {"type":"popup","visible":true,"blocks":{"popup_block_1":{"type":"image","visible":true,"settings":{"dict_image_url":"//cdn1-next.cybassets.com/media/W1siZiIsIjI4ODMzL2F0dGFjaGVkX3Bob3Rvcy8xNzMxMzE1NjYzX-acquWRveWQjS0xX-W3peS9nOWNgOWfnyAxLnBuZy5wbmciXV0.png?sha=96a3e0683a5a839b","icon_size":"small","dict_link":"https://www.botany.tw/account/signup"},"custom_name":"åç"}},"block_order":["popup_block_1"],"settings":{},"custom_name":"å½çªå»£å"}; 4900 var popupSection = Vue.createApp({ 4901 template: '#popup-template', 4902 delimiters: ['${', '}'], 4903 data() { 4904 const isOmniauthPage = ['omniauth_terms_agreement', 'omniauth_mobile/'] 4905 .some(path => location.pathname.includes(path)); 4906 return { 4907 status: 'minified', 4908 gameStatus: 'show', 4909 blocks: isOmniauthPage 4910 ? [] 4911 : section.block_order && section.block_order.reduce( 4912 function(acc, blockId) { 4913 const block = section.blocks[blockId]; 4914 if (block && block.visible) { 4915 acc.push({ 4916 ...block, 4917 id: blockId, 4918 }); 4919 } 4920 return acc; 4921 }, 4922 [], 4923 ), 4924 hasAddedGameScript: false, 4925 }; 4926 }, 4927 computed: { 4928 hasContent: function() { 4929 return !!(this.blocks && this.blocks.length > 0); 4930 }, 4931 minifiedBlockClasses: function() { 4932 return this.status === 'minified' ? 'qk-pointer--none qk-unselectable' : ''; 4933 }, 4934 shouldShowPopup: function() { 4935 return this.status === 'show'; 4936 } 4937 }, 4938 methods: { 4939 unhidePopup: function(storedStatus) { 4940 this.status = storedStatus; 4941 $('#popup-wrapper').removeClass('qk-display--none'); 4942 }, 4943 showPopup: function() { 4944 if (this.status !== 'show') { 4945 this.status = 'show'; 4946 this.saveStatus(this.status); 4947 } 4948 }, 4949 minifyPopup: function() { 4950 this.status = 'minified'; 4951 this.saveStatus('minified'); 4952 }, 4953 loadStatus: function() { 4954 return JSON.parse(localStorage.getItem('popupStatus')); 4955 }, 4956 saveStatus: function(status) { 4957 if (status) { 4958 localStorage.setItem('popupStatus', JSON.stringify({ 4959 status: status, 4960 setTime: new Date().getTime(), 4961 })); 4962 } 4963 }, 4964 linkClicked: function() { 4965 this.saveStatus('minified'); 4966 }, 4967 parseVideoLink: function(settings) { 4968 settings.dict_video_link = themeHelper.parseYtUrl(settings.dict_video_link); 4969 }, 4970 setupImageSrc: function (settings) { 4971 settings.dict_image_url = this.addCdnHost(settings.dict_image_url); 4972 if (settings.dict_tablet_image_url) { 4973 settings.dict_tablet_image_url = this.addCdnHost(settings.dict_tablet_image_url); 4974 } 4975 if (settings.dict_mobile_image_url) { 4976 settings.dict_mobile_image_url = this.addCdnHost(settings.dict_mobile_image_url); 4977 } 4978 settings.dict_icon_image_url = this.addCdnHost(settings.dict_icon_image_url) || settings.dict_image_url; 4979 }, 4980 addCdnHost: function(url) { 4981 if (!url) { 4982 return url; // only add cdn host if url is not empty 4983 } 4984 4985 try { 4986 new URL(url); 4987 return url; // already a valid url, cdn host not needed 4988 } catch { 4989 return `${CDN_HOST}${url}`; 4990 } 4991 }, 4992 initStatus: function() { 4993 let newStatus = 'show'; 4994 const popupStatus = this.loadStatus(); 4995 const currentTime = new Date().getTime(); 4996 const oneDay = 1000 * 60 * 60 * 24; 4997 const hasStoredStatus = popupStatus && currentTime - popupStatus.setTime < oneDay; 4998 const redirectedByGameLogin = !this.hasRedirectUrl() && this.redirectedByGameLogin(); 4999 const isLoggingIn = this.isLoggingIn(); 5000 const isCartPage = window.location.pathname.split('/').includes('carts'); 5001 5002 if (hasStoredStatus && !redirectedByGameLogin) { 5003 newStatus = popupStatus.status; 5004 } 5005 5006 if (isLoggingIn) { 5007 newStatus = 'minified'; 5008 } else { 5009 localStorage.removeItem('redirectedByPopup'); 5010 } 5011 5012 setTimeout(() => { 5013 this.status = newStatus; 5014 this.gameStatus = newStatus; 5015 this.saveStatus(newStatus); 5016 if(!isCartPage){ 5017 this.unhidePopup(newStatus); 5018 } 5019 }, 1000); 5020 }, 5021 initBlocks: function() { 5022 if (this.hasContent) { 5023 this.blocks.forEach(block => { 5024 switch(block.type) { 5025 case 'image': 5026 this.setupImageSrc(block.settings); 5027 5028 const isOpenInNewTab = block.settings.link_open_in_new_tab; 5029 if (isOpenInNewTab) { 5030 block.settings.target = '_blank'; 5031 block.settings.rel = 'noopener noreferrer'; 5032 } 5033 5034 break; 5035 case 'video': 5036 this.parseVideoLink(block.settings); 5037 break; 5038 } 5039 }) 5040 } 5041 }, 5042 getGameIframeSrc: function (block) { 5043 return `/games/${block.settings.dict_game_handle}` 5044 }, 5045 updateGameStatus: function(type, element) { 5046 if ( 5047 (type === 'start' && this.status === 'minified') 5048 || (type === 'end' && this.status === 'show') 5049 ) { 5050 this.gameStatus = this.status; 5051 } 5052 }, 5053 setupGameRedirects: function() { 5054 window.addEventListener('pagehide', () => { 5055 const isGameActive = document.body.getElementsByClassName('show-game').length; 5056 if (isGameActive) { 5057 localStorage.setItem('redirectedByPopup', 'true'); 5058 this.saveStatus('minified'); 5059 } 5060 }); 5061 }, 5062 hasRedirectUrl: function() { 5063 return (new URLSearchParams(location.search)).has('redirect_url'); 5064 }, 5065 redirectedByGameLogin: function() { 5066 return localStorage.getItem('redirectedByPopup'); 5067 }, 5068 isLoggingIn: function() { 5069 const loginRelatedPathnames = [ 5070 'account/signup', 5071 'account/login', 5072 'account/customer/password/new', 5073 'pages/terms' 5074 ]; 5075 return loginRelatedPathnames.some(path => location.pathname.includes(path)); 5076 } 5077 }, 5078 created: function() { 5079 this.initStatus(); 5080 this.initBlocks(); 5081 this.setupGameRedirects(); 5082 }, 5083 mounted: function() { 5084 this.blocks.forEach((block) => { 5085 if (block.type === 'carousel' && block.settings.dict_c
5085arousel) { 5086 renderCarousel(`#popup-carousel-${block.id}`, { 5087 title: block.settings.dict_carousel, 5088 CDN_HOST, 5089 onLinkClick: () => this.linkClicked(), 5090 }); 5091 } 5092 }); 5093 }, 5094 }); 5095 popupSection.mount('#popup-wrapper'); 5096 }); 5097</script>
5097 5098 5099 5100 5101 </div> 5102 5103 <!-- ajaxloading --> 5104 <div id="ajaxloading" class="qk-display--none qk-h--100vh qk-w--100vw qk-l--0 qk-t--0 qk-pos--fixed"> 5105 <div class="ajaxbody qk-pos--abs qk-l--50 qk-t--50 qk-text--center"> 5106 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="73.4" height="73.4" viewBox="0 0 73.4 73.4"> 5107 <circle class="circle" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="36.7" cy="36.7" r="35.2"/> 5108 <polyline class="success_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="23.7,36.8 32.4,45.4 49.7,28 "/> 5109 <path class="success_icon" fill="#898989" d="M32.5,46.9c-0.4,0-0.8-0.2-1.1-0.4l-8.6-8.6c-0.6-0.6-0.6-1.5,0-2.1s1.5-0.6,2.1,0l7.5,7.5L48.6,27c0.6-0.6,1.5-0.6,2.1,0s0.6,1.5,0,2.1L33.5,46.5C33.2,46.7,32.9,46.9,32.5,46.9L32.5,46.9z"/> 5110 <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="26.6" y1="26.6" x2="46.8" y2="46.8"/> 5111 <line class="fail_path" fill="none" stroke="#898989" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="46.8" y1="26.6" x2="26.6" y2="46.8"/> 5112 <path class="fail_icon" fill="#898989" d="M38.7,36.7l9.1-9.1c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-9.1,9.1l-9.1-9.1c-0.6-0.6-1.5-0.6-2.1,0s-0.6,1.5,0,2.1l9.1,9.1l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4l9.1-9.1l9.1,9.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L38.7,36.7z"/> 5113 </svg> 5114 <div class="success_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">å·²å å ¥è³¼ç©è»</div> 5115 <div class="success_update_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">å·²æ´æ°è³¼ç©è»</div> 5116 <div class="fail_msg title qk-display--none qk-pos--abs qk-l--0 qk-w--100 qk-text--center">網路ç°å¸¸ï¼è«éæ°æ´ç</div> 5117 </div> 5118 </div> 5119
5119<script src="//cdn1-next.cybassets.com/assets/referral-code-trace-5fcbbe026a61c36b5f09a1615a1c168688205205d9d3e7ee854181a66b64a6ed.js"></script>
5119</body> 5120 5121
5121<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/sub_vendor-3a2e378145f8a165.js' type='text/javascript'></script>
5121 5122
5122<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme_helper-3a2e378145f8a165.js' type='text/javascript'></script>
5122 5123 5124 <!-- theme assets --> 5125
5125<script src='//cdn1-next.cybassets.com/s/files/28833/theme/106153/assets/js/1713176789_44f2fd82_main.js?1713176789' type='text/javascript'></script>
5125 5126
5126<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/theme-3a2e378145f8a165.js' type='text/javascript'></script>
5126 5127 5128 <!-- for cache --> 5129
5129<script src='//cdn1-next.cybassets.com/frontend/shop/beta_theme/js/cacheable-3a2e378145f8a165.js' type='text/javascript'></script>
5129 5130</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.