PageSourceSearch

https://www.diadorataiwan.com.tw/pages/store-%E5%8C%97%E5%8D%80

html diadorataiwan.com.tw collected 2026-09-30 21:10:42 UTC 241,096 bytes, 4,281 lines download raw bytes

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