您的購物車是空的
香港地區滿300港幣包郵！其他地區滿79美金包郵！
顏色: 紫色的 黑色的 藍色的 紫色的 - HK$298.00黑色的 - HK$298.00藍色的 - HK$298.00 數量: 僅0件庫存！售罄 分享 更多信息 查看圖片
僅0件庫存！
</span></p> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/1_1b1f4108-b780-4dff -b68f-ed18158444bb_2048x2048.jpg?v=1684317516"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/2_30fd6f12-3fd0-4abd -9265-8faa2f2f04ed_2048x2048.jpg?v=1684317536"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/3_9583ece3-1e0f-4783 -8c09-aad2bd5f1432_2048x2048.jpg?v=1684317549"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/4_4dde60ca-6de3-496f -9d0d-ba78dea6409e_2048x2048.jpg?v=1684317562"" alt="""" style=""邊距底部：16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/5_51d4b1b5-b757-4b12 -8957-72cc8fa94f2b_2048x2048.jpg?v=1684317575"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/6_8f04ffaa-65e2-474f -a87f-a40ce2dcbb69_2048x2048.jpg?v=1684317586"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <p><br></p>” </div> </div><style> /* Very ugly haha */ @media screen and (max-width: 640px) { #shopify-section-product-template + .shopify-section--bordered { border-top: 0; } #shopify-section-product-template + .shopify-section--bordered > .Section { padding-top: 0; } } </style><div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. Do not remove as content is dynamically added --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Main UI bar --> <div class="pswp__ui pswp__ui--hidden"> <button class="pswp__button pswp__button--prev RoundButton" data-animate-left title="上一個（左箭頭）"><svg class="Icon Icon--arrow-left" role="presentation" viewBox="0 0 11 21"> <polyline fill="none" stroke="currentColor" points="10.5 0.5 0.5 10.5 10.5 20.5" stroke-width="1.25"></polyline> </svg></button> <button class="pswp__button pswp__button--close RoundButton RoundButton--large" data-animate-bottom title="關閉 (Esc)"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <button class="pswp__button pswp__button--next RoundButton" data-animate-right title="下一步（右箭頭）"><svg class="Icon Icon--arrow-right" role="presentation" viewBox="0 0 11 21"> <polyline fill="none" stroke="currentColor" points="0.5 0.5 10.5 10.5 0.5 20.5" stroke-width="1.25"></polyline> </svg></button> </div> </div> </div></div> <div id="shopify-section-related-products" class="shopify-section shopify-section--bordered"><section class="Section Section--spacingNormal" data-section-id="related-products" data-section-type="related-products"><header class="SectionHeader SectionHeader--center"> <div class="Container"> <h3 class="SectionHeader__Heading Heading u-h3">相關產品</h3> </div> </header><div class="ProductListWrapper"> <div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": true, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "center", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh/collections/magsafe/products/iphone-16-series-titan-max-magsafe-case" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Titan-Max-2_{width}x.jpg?v=1730568948" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Titan Max Series (MagSafe - Ready)" data-image-id="71935623528676"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Titan-Max_{width}x.jpg?v=1730568942" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Titan Max Series (MagSafe - Ready)" data-image-id="71935621038308"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//oldat.myshopify.com/cdn/shop/files/Titan-Max-2_600x.jpg?v=1730568948" alt="Titan Max Series (MagSafe - Ready)"> <img class="ProductItem__Image" src="//oldat.myshopify.com/cdn/shop/files/Titan-Max_600x.jpg?v=1730568942" alt="Titan Max Series (MagSafe - Ready)"> </noscript> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label Heading Text--subdued">售罄</span> </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh/collections/magsafe/products/iphone-16-series-titan-max-magsafe-case">Titan Max 系列 MagSafe 手機殼｜iPhone 16 系列</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>HK$338</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh/collections/magsafe/products/magsafe-%E9%AD%85%E5%8A%9B-%E9%80%A3%E7%B5%90-%E5%A4%9A%E5%8A%9F%E8%83%BD%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 4500px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Glamour-Link-Versatile-Magnetic-Gadget-2_{width}x.png?v=1730568865" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Glamour Link Versatile Magnetic Gadget" data-image-id="71935600001252"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Glamour-Link-Versatile-Magnetic-Gadget_{width}x.jpg?v=1730568857" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Glamour Link Versatile Magnetic Gadget" data-image-id="71935594987748"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//oldat.myshopify.com/cdn/shop/files/Glamour-Link-Versatile-Magnetic-Gadget-2_600x.png?v=1730568865" alt="Glamour Link Versatile Magnetic Gadget"> <img class="ProductItem__Image" src="//oldat.myshopify.com/cdn/shop/files/Glamour-Link-Versatile-Magnetic-Gadget_600x.jpg?v=1730568857" alt="Glamour Link Versatile Magnetic Gadget"> </noscript> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label Heading Text--subdued">售罄</span> </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh/collections/magsafe/products/magsafe-%E9%AD%85%E5%8A%9B-%E9%80%A3%E7%B5%90-%E5%A4%9A%E5%8A%9F%E8%83%BD%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7">Glamour Link 多功能磁石小工具</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>HK$248</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh/collections/magsafe/products/%E5%85%A8%E5%90%91%E9%80%A3%E7%B5%90%E9%80%9A%E7%94%A8%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 3334px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Omni-Link-All-Purposes-Magnetic-Gadget-2_{width}x.png?v=1730567935" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Omni Link - All-Purposes Magnetic Gadget" data-image-id="71935287034084"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Omni-Link-All-Purposes-Magnetic-Gadget_{width}x.png?v=1730567925" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Omni Link - All-Purposes Magnetic Gadget" data-image-id="71935286280420"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//oldat.myshopify.com/cdn/shop/files/Omni-Link-All-Purposes-Magnetic-Gadget-2_600x.png?v=1730567935" alt="Omni Link - All-Purposes Magnetic Gadget"> <img class="ProductItem__Image" src="//oldat.myshopify.com/cdn/shop/files/Omni-Link-All-Purposes-Magnetic-Gadget_600x.png?v=1730567925" alt="Omni Link - All-Purposes Magnetic Gadget"> </noscript> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label Heading Text--subdued">售罄</span> </div><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh/collections/magsafe/products/%E5%85%A8%E5%90%91%E9%80%A3%E7%B5%90%E9%80%9A%E7%94%A8%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7">Omni Link - 多用途磁性小工具</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>HK$248</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh/collections/magsafe/products/explorer-go-8000mah-multi-way-power-hub" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 4500px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Explorer-Go-8000mAh-Multi-Way-Power-Hub-2_{width}x.png?v=1730567783" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Explorer Go 8000mAh Multi-Way Power Hub" data-image-id="71935216091364"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//oldat.myshopify.com/cdn/shop/files/Explorer-Go-8000mAh-Multi-Way-Power-Hub_{width}x.jpg?v=1730567777" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Explorer Go 8000mAh Multi-Way Power Hub" data-image-id="71935212912868"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//oldat.myshopify.com/cdn/shop/files/Explorer-Go-8000mAh-Multi-Way-Power-Hub-2_600x.png?v=1730567783" alt="Explorer Go 8000mAh Multi-Way Power Hub"> <img class="ProductItem__Image" src="//oldat.myshopify.com/cdn/shop/files/Explorer-Go-8000mAh-Multi-Way-Power-Hub_600x.jpg?v=1730567777" alt="Explorer Go 8000mAh Multi-Way Power Hub"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh/collections/magsafe/products/explorer-go-8000mah-multi-way-power-hub">Explorer Go 8000mAh 多功能電源</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>HK$488</span></div></div></div></div> </div></div> </div> </section></div> <div id="shopify-section-recently-viewed-products" class="shopify-section shopify-section--bordered shopify-section--hidden"></div> <div id="shopify-ali-review" product-id="7975398572260"> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "AMAZINGTHING", "item": "https://oldat.myshopify.com" },{ "@type": "ListItem", "position": 2, "name": "", "item": "https://oldat.myshopify.com/zh/products/thunder-pro-mag-10000mah-%e7%a3%81%e6%80%a7%e7%84%a1%e7%b7%9a%e8%a1%8c%e5%8b%95%e9%9b%bb%e6%ba%90-%e9%99%84%e6%94%af%e6%9e%b6%e5%92%8c%e5%85%a9%e5%80%8b%e9%80%a3%e6%8e%a5%e5%9f%a0" },{ "@type": "ListItem", "position": 3, "name": "Thunder Pro Mag 10000mAh 磁性無線行動電源 附支架和兩個端口", "item": "https://oldat.myshopify.com/zh/products/thunder-pro-mag-10000mah-%e7%a3%81%e6%80%a7%e7%84%a1%e7%b7%9a%e8%a1%8c%e5%8b%95%e9%9b%bb%e6%ba%90-%e9%99%84%e6%94%af%e6%9e%b6%e5%92%8c%e5%85%a9%e5%80%8b%e9%80%a3%e6%8e%a5%e5%9f%a0" }] } </script> </main> <div id="shopify-section-footer" class="shopify-section shopify-section--footer"><footer id="section-footer" class="Footer " role="contentinfo"> <div class="Container"><div class="Footer__Inner"><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">支持</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/zh/policies/terms-of-service" class="Link Link--primary">服務條款</a> </li><li class="Linklist__Item"> <a href="/zh/pages/%E6%94%AF%E4%BB%98" class="Link Link--primary">付款方式</a> </li><li class="Linklist__Item"> <a href="/zh/policies/privacy-policy" class="Link Link--primary">隱私政策</a> </li><li class="Linklist__Item"> <a href="/zh/policies/refund-policy" class="Link Link--primary">退款政策</a> </li><li class="Linklist__Item"> <a href="/zh/policies/shipping-policy" class="Link Link--primary">運輸政策</a> </li></ul></div><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Discover</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/zh/pages/%E9%97%9C%E6%96%BC%E6%88%91%E5%80%91" class="Link Link--primary">關於我們</a> </li><li class="Linklist__Item"> <a href="/zh/blogs/%E8%A8%8A%E6%81%AF" class="Link Link--primary">部落格</a> </li><li class="Linklist__Item"> <a href="/zh/pages/product-installation-tutorial" class="Link Link--primary">安裝說明</a> </li><li class="Linklist__Item"> <a href="/zh/pages/faqs" class="Link Link--primary">常見問答</a> </li></ul></div><div class="Footer__Block Footer__Block--text" ><h2 class="Footer__Title Heading u-h6">聯繫我們</h2><div class="Footer__Content Rte"> <p></p><p>尋找批發業務/訂單查詢？</p><p>請將您的電子郵件發送至： <a href="mailto:info@amazingthing.com">info@amazingthing.com</a></p> </div><ul class="Footer__Social HorizontalList HorizontalList--spacingLoose"> <li class="HorizontalList__Item"> <a href="https://www.facebook.com/AMAZINGTHING.at/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook" viewBox="0 0 9 17"> <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.instagram.com/at_amazingthing/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" role="presentation" viewBox="0 0 32 32"> <path d="M15.994 2.886c4.273 0 4.775.019 6.464.095 1.562.07 2.406.33 2.971.552.749.292 1.283.635 1.841 1.194s.908 1.092 1.194 1.841c.216.565.483 1.41.552 2.971.076 1.689.095 2.19.095 6.464s-.019 4.775-.095 6.464c-.07 1.562-.33 2.406-.552 2.971-.292.749-.635 1.283-1.194 1.841s-1.092.908-1.841 1.194c-.565.216-1.41.483-2.971.552-1.689.076-2.19.095-6.464.095s-4.775-.019-6.464-.095c-1.562-.07-2.406-.33-2.971-.552-.749-.292-1.283-.635-1.841-1.194s-.908-1.092-1.194-1.841c-.216-.565-.483-1.41-.552-2.971-.076-1.689-.095-2.19-.095-6.464s.019-4.775.095-6.464c.07-1.562.33-2.406.552-2.971.292-.749.635-1.283 1.194-1.841s1.092-.908 1.841-1.194c.565-.216 1.41-.483 2.971-.552 1.689-.083 2.19-.095 6.464-.095zm0-2.883c-4.343 0-4.889.019-6.597.095-1.702.076-2.864.349-3.879.743-1.054.406-1.943.959-2.832 1.848S1.251 4.473.838 5.521C.444 6.537.171 7.699.095 9.407.019 11.109 0 11.655 0 15.997s.019 4.889.095 6.597c.076 1.702.349 2.864.743 3.886.406 1.054.959 1.943 1.848 2.832s1.784 1.435 2.832 1.848c1.016.394 2.178.667 3.886.743s2.248.095 6.597.095 4.889-.019 6.597-.095c1.702-.076 2.864-.349 3.886-.743 1.054-.406 1.943-.959 2.832-1.848s1.435-1.784 1.848-2.832c.394-1.016.667-2.178.743-3.886s.095-2.248.095-6.597-.019-4.889-.095-6.597c-.076-1.702-.349-2.864-.743-3.886-.406-1.054-.959-1.943-1.848-2.832S27.532 1.247 26.484.834C25.468.44 24.306.167 22.598.091c-1.714-.07-2.26-.089-6.603-.089zm0 7.778c-4.533 0-8.216 3.676-8.216 8.216s3.683 8.216 8.216 8.216 8.216-3.683 8.216-8.216-3.683-8.216-8.216-8.216zm0 13.549c-2.946 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333 5.333 2.387 5.333 5.333-2.387 5.333-5.333 5.333zM26.451 7.457c0 1.059-.858 1.917-1.917 1.917s-1.917-.858-1.917-1.917c0-1.059.858-1.917 1.917-1.917s1.917.858 1.917 1.917z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.youtube.com/channel/UCxVzp0_o6CJaycz3GAJZYtA" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 33 32"> <path d="M0 25.693q0 1.997 1.318 3.395t3.209 1.398h24.259q1.891 0 3.209-1.398t1.318-3.395V6.387q0-1.997-1.331-3.435t-3.195-1.438H4.528q-1.864 0-3.195 1.438T.002 6.387v19.306zm12.116-3.488V9.876q0-.186.107-.293.08-.027.133-.027l.133.027 11.61 6.178q.107.107.107.266 0 .107-.107.213l-11.61 6.178q-.053.053-.107.053-.107 0-.16-.053-.107-.107-.107-.213z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://linkedin.com/company/amazingthing" class="Link Link--primary" target="_blank" rel="noopener" aria-label="LinkedIn"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--linkedin" role="presentation" viewBox="0 0 24 24"> <path d="M19 0H5a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5zM8 19H5V8h3v11zM6.5 6.73a1.76 1.76 0 1 1 0-3.53 1.76 1.76 0 0 1 0 3.53zM20 19h-3v-5.6c0-3.37-4-3.12-4 0V19h-3V8h3v1.76a3.8 3.8 0 0 1 7 2.48V19z"></path> </svg></span> </a> </li> </ul> </div></div><div class="Footer__Aside"> <div class="Footer__Copyright"> <a href="https://oldat.myshopify.com" class="Footer__StoreName Heading u-h7 Link Link--secondary">© 2024 AMAZINGTHING</a> </div><ul class="Footer__PaymentList HorizontalList"> <li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li><li class="HorizontalList__Item"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg></li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg></li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> </li><li class="HorizontalList__Item"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li><li class="HorizontalList__Item"><svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> </li> </ul></div> </div> </footer> </div> </div> <!-- "snippets/hulkcode_common.liquid" was not rendered, the associated app was uninstalled --> <!-- **BEGIN** Hextom FSB Integration // Main Include - DO NOT MODIFY --> <!-- **BEGIN** Hextom FSB Integration // Main - DO NOT MODIFY --> <script type="application/javascript"> window.hextom_fsb_meta = { p1: [ "kcap yrettab" , "knab rewop" ], p2: { }, p3: [ { "v1": "true" }, { "v1": "true" }, { "v1": "true" } ] }; </script> <!-- **END** Hextom FSB Integration // Main - DO NOT MODIFY --> <!-- **END** Hextom FSB Integration // Main Include - DO NOT MODIFY --> <!-- **BEGIN** Hextom TMS Translator // Main Include - DO NOT MODIFY --> <script src="//oldat.myshopify.com/cdn/shop/t/29/assets/tms-translator.js?v=168407887748687158821672037730" defer="defer"></script> <!-- **END** Hextom TMS Translator // Main Include - DO NOT MODIFY --> <!-- "snippets/gtranslate.liquid" was not rendered, the associated app was uninstalled --> <script> (function () { var s = document.createElement('script'); s.src = 'https://cdn.willdesk.com/wdc/willdesk.min.js?v='; s.src += new Date().getTime(); document.body.appendChild(s); })(); </script> <!-- langify-v2-scripts-begin --> <script> var langify = langify || {}; /** * * * @class LyHelper */ class LyHelper { constructor() { return { ajax: function(params) { return LyHelper.ajax(params); }, isIE: function() { return LyHelper.isIE(); }, extractImageObject: function(val) { return LyHelper.extractImageObject(val); }, getCurrentLanguage: function() { return LyHelper.getCurrentLanguage(); }, getCookie: function(name) { return LyHelper.getCookie(name); }, setCookie: function(name, value, days) { return LyHelper.setCookie(name, value, days); }, getVersion: function() { return LyHelper.getVersion(); }, isOutOfViewport: function(elem) { return LyHelper.isOutOfViewport(elem); }, isDomainFeatureEnabled: function() { return LyHelper.isDomainFeatureEnabled(); }, getVal: function(str) { return LyHelper.getVal(str); }, inIframe: function() { return LyHelper.inIframe(); }, shopifyAPI: function() { return LyHelper.shopifyAPI(); }, loadScript: function(url, callback) { return LyHelper.loadScript(url, callback); }, localizationRedirect: function(type, code, additionalFields, additionalParams, domain) { return LyHelper.localizationRedirect(type, code, additionalFields, additionalParams, domain); }, changeCurrency: function(code) { return LyHelper.changeCurrency(code); }, log: function(title, data, type) { return LyHelper.log(title, data, type); }, } } static ajax(params) { var data = params.data; fetch(params.url, { method: params.method, headers: { 'Content-Type': 'application/json', }, body: (data && params.method === 'POST') ? JSON.stringify(data) : null, }) .then(response => response.json()) .then(data => { params.success(data); }) .catch((error) => { console.error('Error:', error); }); } static isIE() { var ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; return is_ie; } static extractImageObject(val) { if(!val || val == '') return false; var val = val; // Handle src-sets if(val.search(/([0-9]+w?h?x?,)/gi) > -1) { val = val.split(/([0-9]+w?h?x?,)/gi)[0]; } var hostBegin = val.indexOf('//') ? val.indexOf('//') : 0; var hostEnd = val.lastIndexOf('/') + 1; var host = val.substring(hostBegin, hostEnd); var afterHost = val.substring(hostEnd, val.length); var url = val; var file = ''; var name = ''; var type = ''; afterHost = afterHost.substring(0, (afterHost.indexOf("#") == -1) ? afterHost.length : afterHost.indexOf("#")); afterHost = afterHost.substring(0, (afterHost.indexOf("?") == -1) ? afterHost.length : afterHost.indexOf("?")); name = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, ""); if(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi) > -1) { type = afterHost.substring(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi)+1, afterHost.length); } else { type = afterHost.substring(afterHost.lastIndexOf('.')+1, afterHost.length); } file = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, '.'+type); return { host: host, name: name, type: type, file: file } } static getCurrentLanguage() { return window.langify.locale.iso_code; } static setLanguage(code) { } static getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); if(v) return v[2]; else return null; } static setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); } static getVersion() { return 2; } static isOutOfViewport (elem) { var bounding = elem.getBoundingClientRect(); var out = {}; out.top = bounding.top < 0; out.left = bounding.left < 0; out.bottom = Math.ceil(bounding.bottom) >= (window.innerHeight || document.documentElement.clientHeight); out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth); out.any = out.top || out.left || out.bottom || out.right; out.inViewport = bounding.x > 0 && bounding.y > 0; return out; } static isDomainFeatureEnabled() { return window.langify.locale.domain_feature_enabled; } static getVal(str) { var v = window.location.search.match(new RegExp('(?:[?&]'+str+'=)([^&]+)')); return v ? v[1] : null; } static inIframe() { try { return window.self !== window.top; } catch (e) { return true; } } static shopifyAPI() { var root_url = window.langify.locale.root_url != '/' ? window.langify.locale.root_url : ''; return { attributeToString: function(attribute) { if((typeof attribute) !== 'string') { attribute += ''; if(attribute === 'undefined') {attribute = '';} } return attribute.trim(); }, getCart: function(callback) { LyHelper.ajax({ method: 'GET', url: root_url+'/cart.js', success: function (cart, textStatus) { if((typeof callback) === 'function') { callback(cart); } } }); }, updateCartNote: function(note, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: 'note=' + this.attributeToString(note), dataType: 'json', success: function(cart) {if((typeof callback) === 'function') {callback(cart);}}, error: this.onError }; LyHelper.ajax(params); }, updateCartAttributes: function(attributes, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: {"attributes": attributes}, dataType: 'json', success: function(cart) { if((typeof callback) === 'function') { callback(cart); } }, error: this.onError }; LyHelper.ajax(params); }, onError: function(XMLHttpRequest, textStatus) { } } } static loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function () { if(script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } static localizationRedirect(type, code, additionalFields, additionalParams, domain) { if(domain) { var newDomain = domain; if(domain.indexOf('redirected=true') === -1 && type === 'language_code') { if(domain.indexOf('?') >= 0) { newDomain += '&redirected=true'; } else { newDomain += '?redirected=true'; } } window.location.href = newDomain; return true; } if(type !== 'country_code' && type !== 'language_code') { return false; } if(!additionalParams) { var additionalParams = ''; } var params = [ { name: type, value: code }, { name: 'return_to', value: window.location.pathname + window.location.search + additionalParams + window.location.hash }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; if(additionalFields) { for(var i=0; i<additionalFields.length; i++) { params.push(additionalFields[i]); } } const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static changeCurrency(code) { let returnToUrl = window.location.pathname + window.location.search; if(window.location.search.indexOf('?') >= 0) { returnToUrl += '¤cy_code='; } else { returnToUrl += '?currency_code='; } returnToUrl += code; returnToUrl += window.location.hash; const params = [ { name: 'currency_code', value: code }, { name: 'return_to', value: returnToUrl }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static log(title, data, type) { if(langify.settings.debug) { if(!data) { var data = ''; } var css = 'color: green; font-weight: bold;'; if(type === 'error') { css = 'color: red; font-weight: bold;'; } console.log(`%c ${title}: \n`, css, data); } } }; /** * * * @class TranslationObserver */ class TranslationObserver { constructor() { LyHelper.log('TranslationObserver instantiation') } init() { if(langify.settings.observe && !LyHelper.isIE()) { var langifyObserver = this.langifyObserverCore(); langifyObserver.init(); // HOTFIX: translation observer sometimes refuses to trigger on page load_ langifyObserver.triggerCustomContents(); langify.api = { observer: { start: langifyObserver.init, stop: langifyObserver.stopObserver, trigger: langifyObserver.triggerCustomContents, translateLink: langifyObserver.translateLink, translateTextNode: langifyObserver.translateTextNode, translateNodeAttrs: langifyObserver.translateNodeAttrs, translateImage: langifyObserver.translateImage, translateCssImage: langifyObserver.translateCssImage } }; } return this; } langifyObserverCore() { var observedNodes = []; var intersectionObs = null; var mutationCount = 0; var mutationObs = null; var mutationObsConfig = { characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true, childList: true, subtree: true, }; var customContents_html = {}; var customContents_text = {}; var customContents_attr = {}; function init() { if(langify.settings.observe) { spreadCustomContents(); if (window.MutationObserver) { if (langify.settings.lazyload && window.IntersectionObserver) { startIntersectionObserver(); } else { startMutationObserver(null); } } else { startMutationEvents(); } } } // Intersection Observer function startIntersectionObserver() { intersectionObs = new IntersectionObserver(callbackIntersectionChange); var elementNodes = document.getElementsByClassName('shopify-section'); Array.prototype.slice.call(elementNodes).forEach(function(node) { intersectionObs.observe(node); }); } function callbackIntersectionChange(intersections) { intersections.forEach(function(intersection) { var target = intersection.target; var targetIsIntersecting = Boolean(target.getAttribute('ly-is-intersecting') === "true" ? true : false); if(typeof targetIsIntersecting == 'undefined' || targetIsIntersecting == null) { target.setAttribute('ly-is-intersecting', intersection.isIntersecting); targetIsIntersecting = intersection.isIntersecting; } // On Screen if(targetIsIntersecting == false && intersection.isIntersecting == true) { if(!target.getAttribute('ly-is-observing')) { startMutationObserver(target); intersectionObs.unobserve(target); // As the mutation observer didn't see the "add" of the elememts, trigger the initial translation manually var elementNodes = getNodesUnder(target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // Off Screen //else if(targetIsIntersecting == true && intersection.isIntersecting == false) { // stopMutationObserver(target); //} target.setAttribute('ly-is-intersecting', intersection.isIntersecting); }); } // Mutation Observer function startMutationObserver(observerTarget) { if (!observerTarget) { var target = document.documentElement || document.body; // main window } else { if (observerTarget.nodeName === 'IFRAME') { try { var target = observerTarget.contentDocument || observerTarget.contentWindow.document; } catch { return false; } } else { var target = observerTarget; } } mutationObs = new MutationObserver(callbackDomChange); mutationObs.observe(target, mutationObsConfig); observedNodes.push(target); try { target.setAttribute('ly-is-observing', 'true'); } catch(e) {} } function stopMutationObserver(target) { if(observedNodes.indexOf(target) > -1) { observedNodes.splice(observedNodes.indexOf(target), 1); } var mutations = mutationObs.takeRecords(); mutationObs.disconnect(); observedNodes.forEach(node => { mutationObs.observe(node, mutationObsConfig); }); try { target.removeAttribute('ly-is-observing'); } catch(e) {} } function callbackDomChange(mutations, mutationObs) { for (var i = 0, length = mutations.length; i < length; i++) { var mutation = mutations[i]; var target = mutation.target; // Links-Hook if (mutation.type === 'attributes' && (mutation.attributeName === 'href' || mutation.attributeName === 'action')) { var target = mutation.target; translateLink(target.getAttribute(mutation.attributeName), target); } // Images-Hook else if (mutation.type === 'attributes' && (mutation.attributeName === 'src' || mutation.attributeName === 'data-src' || mutation.attributeName === 'srcset' || mutation.attributeName === 'data-srcset')) { translateImage(target, mutation.attributeName); } else if (mutation.type === 'attributes' && mutation.attributeName === 'style') { translateCssImage(target); } // Subtree Events else if (mutation.type === 'childList') { // Added Nodes if(mutation.addedNodes.length > 0) { var elementNodes = getNodesUnder(mutation.target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(mutation.target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // CharacterData Events else if (mutation.type === 'characterData') { var target = mutation.target; translate(target, 'mutation -> characterData'); } } } function translate(node, info) { if((node.nodeType === 1 && node.hasAttribute('data-ly-locked')) || (node.nodeType === 3 && node.parentNode && node.parentNode.hasAttribute('data-ly-locked'))) { return; } // CC-Hook if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { if (node.nodeType === 3) { translateTextNode(node, info); } var attributes = ['placeholder','title'] attributes.forEach(attribute => translateNodeAttrs(node,attribute)); } // Links-Hook if (node.nodeName === 'A' || node.nodeName === 'FORM' || node.nodeName === 'IMG') { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} var url = node.getAttribute(attrName); translateLink(url, node); } // Images-Hook if (node.nodeName === 'IMG' || node.nodeName === 'SOURCE') { translateImage(node, ['src', 'data-src', 'srcset', 'data-srcset']); } if (node.attributes && node.getAttribute('style')) { translateCssImage(node); } // Iframe Observation if (node.nodeName === 'IFRAME') { // Todo: handle srcdoc iframe content observing if (node.getAttribute('ly-is-observing') == null && node.getAttribute('src') == null && !node.hasAttribute('srcdoc')) { node.setAttribute('ly-is-observing', 'true'); startMutationObserver(node); } } } function translateNodeAttrs(node,attribute) { if (node.attributes && node.getAttribute(attribute)) { var src = node.getAttribute(attribute).trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); if(customContents_text[src] && node.getAttribute(attribute) !== customContents_text[src]) { node.setAttribute(attribute, customContents_text[src]); } } } function translateTextNode(node, info) { if(langify.settings.observeCustomContents === false || !node.textContent || node.textContent.trim().length === 0) { return; } var oldSrc = node.textContent.trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); var src = node.textContent.trim().replace(/(\r\n|\n|\r)/gim," ").replace(/\s+/g," ").toLowerCase(); if(customContents_text[oldSrc]) { src = oldSrc; } if(customContents_text[src] && node.textContent !== customContents_text[src]) { var newContent = node.textContent.replace(node.textContent.trim(), customContents_text[src]); if (newContent != node.textContent) { if(!node.parentNode.hasAttribute('data-ly-mutation-count') || parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) < langify.settings.maxMutations) { var count = node.parentNode.hasAttribute('data-ly-mutation-count') ? parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) : 0; node.parentNode.setAttribute('data-ly-mutation-count', count+1); node.textContent = newContent; mutationCount = mutationCount + 1; LyHelper.log('REPLACED (TEXT)', { oldValue: src, newValue: customContents_text[src], mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatetext', { bubbles: true, detail: { target: node, original: src, translation: customContents_text[src] } }); node.dispatchEvent(event); } } } } function translateLink(url, node, force) { if(langify.settings.observeLinks === false || isLocalizationForm(node) || node.hasAttribute('data-ly-locked') || !url || (url.indexOf('mailto:') !== -1 || url.indexOf('javascript:') !== -1 || url.indexOf('tel:') !== -1 || url.indexOf('file:') !== -1 || url.indexOf('ftp:') !== -1 || url.indexOf('sms:') !== -1 || url.indexOf('market:') !== -1 || url.indexOf('fax:') !== -1 || url.indexOf('callto:') !== -1 || url.indexOf('ts3server:') !== -1)) { return; } var isLocalized = ( url.indexOf('/'+ langify.locale.iso_code +'/') === 0 || url === '/'+ langify.locale.iso_code || url.indexOf('/'+ langify.locale.iso_code.toLowerCase() +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase() || url.indexOf('/'+ langify.locale.iso_code.toLowerCase().substring(0,2) +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase().substring(0,2) || url.indexOf(langify.locale.root_url + '/') === 0 || url === langify.locale.root_url || url.indexOf(langify.locale.shop_url + langify.locale.root_url) === 0 || url === langify.locale.shop_url + langify.locale.root_url ); var cleanUrl = url.replace(langify.locale.shop_url, ''); var re = new RegExp(`\/\\b${langify.locale.iso_code.replace('-', '\-')}\\b\/`, 'gi'); var link = cleanUrl.replace(re, '/'); var isUrlAbsolute = (link.indexOf('://') > 0 || link.indexOf('//') === 0); var blacklist = ['#', '/'+ langify.locale.iso_code +'#'].concat(langify.settings.linksBlacklist); var isUrlBlacklisted = blacklist.find(x => url.indexOf(x) === 0); if (!isUrlAbsolute && !isUrlBlacklisted && link.indexOf('/') != 0) {link = '/' + link;} if(!isLocalized && !isUrlAbsolute && !isUrlBlacklisted && langify.locale.root_url != '/' || force) { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} if(link === '/' || link == langify.locale.root_url) link = ''; var newLink = langify.locale.root_url + link; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attrName, newLink); if(node.hasAttribute('data-'+attrName)) node.setAttribute('data-'+attrName, newLink); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (LINK)', { attrName, oldValue: url, newValue: newLink, mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatelink', { bubbles: true, detail: { target: node, attribute: attrName, original: url, translation: newLink } }); node.dispatchEvent(event); } } } function translateImage(node, attr) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0) { return } var attrs = []; if(typeof attr === 'string') attrs.push(attr); else if(typeof attr === 'object') attrs = attr; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); attrs.forEach(function(attr) { if(node.hasAttribute(attr)) { var imgObject = LyHelper.extractImageObject(node.getAttribute(attr)); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; if(customContents_image[imgKey]) { // Replace var oldValue = node.getAttribute(attr); var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { node.setAttribute(attr, translation); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (IMAGE)', { attrName: attr, oldValue: oldValue, newValue: translation, mutationCount, }, 'success'); var event = new CustomEvent('langify.observer.aftertranslateimage', { bubbles: true, detail: { target: node, attribute: attr, original: oldValue, translation: translation } }); node.dispatchEvent(event); } } } }); } } function translateCssImage(node) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0 || !node.getAttribute('style')) { return } var imgMatches = node.getAttribute('style').match(/url\(("|')?(.*)("|')?\)/gi); if(imgMatches !== null) { var imgSource = imgMatches[0].replace(/url\(("|')?|("|')?\)/, ''); var imgObject = LyHelper.extractImageObject(imgSource); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; var attr = 'style'; if(customContents_image[imgKey]) { // Replace var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; } } } } } function findAndLocalizeLinks(target, parent) { if(target.parentNode && parent) var allLinks = target.parentElement.querySelectorAll('[href],[action]'); else var allLinks = target.querySelectorAll('[href],[action]'); allLinks.forEach(link => { if(link.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = link.getAttribute(attrName); translateLink(url, link); }); } function isLocalizationForm(node) { if(node.querySelector('input[name="form_type"][value="localization"]')){ return true; } return false; } function getNodesUnder(el, show){ var n, a=[], walk=document.createTreeWalker(el, NodeFilter[show] , null, false); while(n=walk.nextNode()) a.push(n); return a; } function spreadCustomContents() { var getFileName = function(url) { if(!url || url == '') return; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); url = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); return '/' + url; } Object.entries(customContents).forEach(function(entry) { //if(/<\/?[a-z][\s\S]*>/i.test(entry[0])) customContents_html[entry[0]] = entry[1]; //else if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png)/.test(entry[0])) customContents_image[getFileName(entry[0])] = getFileName(entry[1]); if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png|webp)/.test(entry[0])) customContents_image[LyHelper.extractImageObject(entry[0]).file] = LyHelper.extractImageObject(entry[1]); else customContents_text[entry[0]] = entry[1]; }); LyHelper.log('CUSTOM CONTENTS:', {customContents, customContents_text, customContents_image}, 'info') } // Polyfill for old browsers function startMutationEvents() { var target = document.querySelector('body'); target.addEventListener("DOMAttrModified", function (event) { if(event.attrName === 'href' || event.attrName === 'action') { if(event.prevValue != event.newValue) { translateLink(event.newValue, event.target); } } }, false); target.addEventListener("DOMSubtreeModified", function (event) { //findAndLocalizeLinks(event.target, false); //matchCustomContent(event.target); }, false); } function triggerCustomContents() { var rootnode = document.getElementsByTagName('body')[0] var walker = document.createTreeWalker(rootnode, NodeFilter.SHOW_ALL, null, false) while (walker.nextNode()) { //LyHelper.log(walker.currentNode.tagName) translate(walker.currentNode, null); } } function stopObserver() { mutationObs.takeRecords(); mutationObs.disconnect(); } //init(); return { init: init, triggerCustomContents: triggerCustomContents, stopObserver: stopObserver, translateLink: translateLink, translateTextNode: translateTextNode, translateNodeAttrs: translateNodeAttrs, translateImage: translateImage, translateCssImage: translateCssImage } }; } /** * * * @class Switcher */ class Switcher { constructor(switcherSettings) { LyHelper.log('Switcher instantiation'); this.lyForceOff = location.search.split('ly-force-off=')[1]; this.switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-switcher-wrapper')); } init() { // Initial cart.attributes update LyHelper.shopifyAPI().getCart(function (cart) { var currentLanguage = langify.locale.iso_code; if(!cart.attributes.language || cart.attributes.language != currentLanguage) { LyHelper.shopifyAPI().updateCartAttributes({"language": currentLanguage}, function(data){}); } }); if(langify.locale.languages.length === 1) { console.info(`%c LANGIFY INFO:\n`, 'font-weight: bold;', 'The language switcher is hidden! This can have one of the following reasons: \n * All additional languages are disabled in the "Langify -> Dashboard -> Languages" section. \n * If you are using different domains for your additional languages, ensure that "Cross Domain Links" are enabled inside the "Langify -> Dashboard -> Switcher Configurator -> Domains" section.'); return false; } this.setCustomPosition(); this.initCustomDropdown(); this.bindCountrySwitchers(); this.bindCurrencySwitchers(); this.bindLanguageSwitchers(); var event = new CustomEvent('langify.switcher.initialized', { bubbles: true, detail: {} }); } initCustomDropdown() { // Custom Dropdown var root = this; var switcher = document.getElementsByClassName('ly-custom-dropdown-switcher'); for(var a = 0; a < switcher.length; a++) { switcher[a].classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(switcher[a]); if(isOut.bottom && isOut.inViewport) { switcher[a].classList.add('ly-is-dropup'); var arrows = switcher[a].querySelectorAll('.ly-arrow'); for(var b = 0; b < arrows.length; b++) { arrows[b].classList.add('ly-arrow-up'); } } switcher[a].classList.toggle('ly-is-open'); switcher[a].onclick = function(event) { root.toggleSwitcherOpen(this); } } document.addEventListener('click', function(event) { if(!event.target.closest('.ly-custom-dropdown-switcher')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } }); } bindLanguageSwitchers() { var root = this; var links = document.getElementsByClassName('ly-languages-switcher-link'); for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this.getAttribute('href') !== '#' && !this.getAttribute('data-country-code')) { var domain = this.getAttribute('href'); } LyHelper.setCookie('ly-lang-selected', this.getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this.getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }); } // Native select event handling var nativeLangifySelects = document.querySelectorAll('select.ly-languages-switcher'); for(var i = 0; i < nativeLangifySelects.length; i++) { nativeLangifySelects[i].onchange = function() { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this[this.selectedIndex].getAttribute('data-domain') !== '#' && this[this.selectedIndex].getAttribute('data-country-code')) { var domain = this[this.selectedIndex].getAttribute('data-domain'); } LyHelper.setCookie('ly-lang-selected', this[this.selectedIndex].getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this[this.selectedIndex].getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }; } } bindCountrySwitchers() { var countrySelectSwitcher = document.querySelectorAll('select.ly-country-switcher'); var countryCustomSwitcher = document.querySelectorAll('div.ly-country-switcher a'); for(var i=0; i<countryCustomSwitcher.length; i++) { countryCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.localizationRedirect('country_code', this.getAttribute('data-country-code')); }); } for(var a=0; a<countrySelectSwitcher.length; a++) { countrySelectSwitcher[a].addEventListener('change', function(){ LyHelper.localizationRedirect('country_code', this[this.selectedIndex].getAttribute('data-country-code')); }); } } bindCurrencySwitchers() { var currencySelectSwitcher = document.querySelectorAll('select.ly-currency-switcher'); var currencyCustomSwitcher = document.querySelectorAll('div.ly-currency-switcher a'); for(var i=0; i<currencyCustomSwitcher.length; i++) { currencyCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.changeCurrency(this.getAttribute('data-currency-code')); }); } for(var a=0; a<currencySelectSwitcher.length; a++) { currencySelectSwitcher[a].addEventListener('change', function(){ LyHelper.changeCurrency(this[this.selectedIndex].getAttribute('data-currency-code')); }); } } setCustomPosition() { for(var i = 0; i < this.switcherElements.length; i++) { if(this.lyForceOff !== 'true') { if(langify.locale.languages.length <= 1) { this.switcherElements[i].querySelector('.ly-languages-switcher').classList.add('ly-hide'); } this.switcherElements[i].classList.remove('ly-hide'); } if(this.switcherElements[i].classList.contains('ly-custom') && (document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')) || document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')).length )) { var targets = Array.from(document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint'))); var target = document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')); if(target) targets.push(target); for(var c = 0; c < targets.length; c++) { var clone = this.switcherElements[i].cloneNode(true); if(this.switcherElements[i].parentNode) { this.switcherElements[i].remove(); } targets[c].innerHTML = clone.outerHTML; } this.switcherElements[i].classList.add('ly-hide'); } } } toggleSwitcherOpen(e) { var target = e; if(!target.classList.contains('ly-is-open')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'true'); } else { target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'false'); } target.classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(target); if(isOut.bottom) { target.classList.add('ly-is-dropup'); } } togglePopupOpen(e) { e.closest('.ly-popup-switcher').classList.toggle('ly-is-open'); } _getCountryCodeFromHreflang(language_code) { var hreflangTags = document.querySelectorAll('link[hreflang]'); var languageDomains = {}; var countryCode = false; for(var i = 0; i < hreflangTags.length; i++) { if(hreflangTags[i].getAttribute('hreflang').indexOf(language_code) === 0) { if(!languageDomains[hreflangTags[i].getAttribute('href')]) { languageDomains[hreflangTags[i].getAttribute('href')] = hreflangTags[i]; } } } if(Object.keys(languageDomains).length > 0) { countryCode = Object.values(languageDomains)[0].getAttribute('hreflang'); countryCode = countryCode.split('-'); if(countryCode[1]) { countryCode = countryCode[1] } else { } } return countryCode; } _dataAttrToAdditionalFields(elem) { var additionalFields = []; if(elem.hasAttribute('data-country-code')) { additionalFields.push({ name: 'country_code', value: elem.getAttribute('data-country-code') }); } if(elem.hasAttribute('data-currency-code')) { additionalFields.push({ name: 'currency_code', value: elem.getAttribute('data-currency-code') }); } return additionalFields; } } /** * * * @class LanguageDetection */ class LanguageDetection { constructor() { this.hreflangList = null; LyHelper.log('LanguageDetection instantiation'); } init() { if(LyHelper.inIframe() || window.location.pathname.indexOf('preview_key=') > 0) { return null; } var currentLang = langify.locale.iso_code.toLowerCase(); //var localizationData = this.getLocalizationData(); this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var bot = /bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|Chrome-Lighthouse/i.test(navigator.userAgent); var blockedRoutes = window.lyBlockedRoutesList || []; var blockedRoute = blockedRoutes.find(x => window.location.pathname.indexOf(x) === 0); var is404 = document.getElementsByClassName('template-404').length; if(LyHelper.getVal('redirected') === 'true') { LyHelper.setCookie('ly-lang-selected', currentLang, 365); var _href = window.location.href; history.replaceState(null, '', _href.replace(/(\?|&)(redirected=true)/i, '')); return null; } if(!is404 && !bot && !blockedRoute && LyHelper.getVal('ly-lang-detect') !== 'off') { if(userLang && !LyHelper.getCookie('ly-lang-selected')) { var hasMatch = this.matchHreflangList(userLang); if(currentLang !== this._hreflangToLanguageCode(hasMatch)) { if(hasMatch) { this.redirectMatched(userLang); } else if (!hasMatch && langify.settings.switcher.languageDetectionDefault) { // Redirect to default language this.redirectMatched(langify.settings.switcher.languageDetectionDefault); } } } else { if(LyHelper.getCookie('ly-lang-selected') && LyHelper.getCookie('ly-lang-selected') !== currentLang) { // Only save cookie when the domain feature is active if(LyHelper.isDomainFeatureEnabled()) { LyHelper.setCookie('ly-lang-selected', currentLang, 365); } this.redirectMatched(LyHelper.getCookie('ly-lang-selected')); } } } this._geolocationAppSupport(); } redirectMatched(userLang) { var match = this.matchHreflangList(userLang); if(match) { this.redirectHref(match.href, match.lang); } return match; } matchHreflangList(userLang) { var matchedHreflang = false; var browserLang = userLang; // Find candidates var candidates = this.hreflangList.filter(item => item.lang === browserLang); if(candidates.length === 0) { browserLang = userLang.toLowerCase(); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } if(candidates.length === 0) { browserLang = userLang.toLowerCase().substring(0, 2); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } // Handle candidates if(candidates.length === 1) { return({href: candidates[0].href, lang: browserLang}); } else if(candidates.length > 1) { var preferedCandidate = candidates.find(item => item.href.indexOf(window.location.host) >= 0) if(preferedCandidate) { return({href: preferedCandidate.href, lang: browserLang}); } else { return({href: candidates[0].href, lang: browserLang}); } } return false; } redirectHref(href, userLang) { var queryString = window.location.search; var url = href.split('?')[0]; if(queryString === '') { queryString = '?redirected=true'; } else { queryString += '&redirected=true'; } window.location.replace(url + queryString); } getHreflangList() { var hreflangTags = document.querySelectorAll('link[hreflang]'); var hreflangList = []; var countryCode = false; // Cross Domain Links option if(LyHelper.isDomainFeatureEnabled()) { for(var i = 0; i < langify.locale.languages.length; i++) { let newHref = 'https://' + langify.locale.languages[i].domain + window.location.pathname + window.location.search + window.location.hash; // When cross-domain link is pointing to the same domain with subfolders, window.location.pathname would have to be unlocalized before it can be merged into the url if(new String(langify.locale.languages[i].domain).indexOf(window.location.hostname) === 0) { let unlocalizedPathname = langify.locale.root_url !== '/' ? window.location.pathname.replace(langify.locale.root_url, '') : window.location.pathname; newHref = 'https://' + langify.locale.languages[i].domain + unlocalizedPathname + window.location.search + window.location.hash } hreflangList.push({ href: newHref, lang: langify.locale.languages[i].iso_code, }); } } for(var i = 0; i < hreflangTags.length; i++) { var hreflang = hreflangTags[i].getAttribute('hreflang').toLowerCase(); hreflang = hreflang.replace('zh-hans', 'zh-cn').replace('zh-hant', 'zh-tw'); // Chinese special cases hreflangList.push({ href: hreflangTags[i].getAttribute('href'), lang: hreflang }); } return hreflangList; } _langToHreflang(userLang) { var hreflang = ''; this.hreflangList.map(function(item) { if(item.lang === userLang) { hreflang = userLang; } }); if(hreflang === '') { this.hreflangList.map(function(item) { var browserLang = userLang.toLowerCase(); if(item.lang.toLowerCase().indexOf(browserLang) === 0) { hreflang = browserLang; } else if(item.lang.toLowerCase().indexOf(browserLang.substring(0, 2)) === 0) { hreflang = browserLang.substring(0, 2); } }); } return hreflang || userLang; } _hreflangToLanguageCode(hreflangTag) { if(!hreflangTag || !hreflangTag.lang) return false; var languageCode = false; langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.toLowerCase()) { languageCode = item.iso_code; } }); if(!languageCode) { langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.substring(0, 2).toLowerCase()) { languageCode = item.iso_code; } }); } return languageCode; } _geolocationAppSupport() { var target = document.querySelector('body'); var config = { childList: true, subtree: true }; var geolocationObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { var target = mutation.target.getElementsByClassName('locale-bar__form'); if(target[0]) { target[0].onsubmit = function() { var locale_code = target[0].elements['locale_code'].value; var selector = target[0].getElementsByClassName('locale-bar__selector'); if(selector.length >= 1) { locale_code = selector[0].options[selector[0].selectedIndex].value; } LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } var selectors = mutation.target.getElementsByClassName('locale-selectors__selector'); if(selectors.length > 0) { for(var selector of selectors) { if(selector.getAttribute('name') === 'locale_code') { selector.onchange = function() { var locale_code = selector.options[selector.selectedIndex].value; LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } } } } }); }); geolocationObserver.observe(target, config); setTimeout(function() { geolocationObserver.disconnect(); }, 10000); } } /** * * * @class Recommendation */ class Recommendation extends LanguageDetection { constructor() { super(); LyHelper.log('Recommendation instantiation'); } init() { this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var recommendation = this.matchHreflangList(userLang); var recommendationLanguageCode = this._hreflangToLanguageCode(recommendation); if(recommendationLanguageCode && recommendationLanguageCode !== langify.locale.iso_code && !LyHelper.getCookie('ly-lang-selected')) { this.recommended_language_code = recommendationLanguageCode; this.recommended_country_code = null; this.recommended_currency_code = null; this._translateStrings(recommendationLanguageCode); this._bindings(); } else { return false; } } _translateStrings(languageCode) { var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var strings = langify.settings.switcher.recommendation_strings[languageCode]; var recommendationStr = 'Looks like your browser is set to [[language]]. Change the language?'; var buttonStr = 'Change'; var matchedLanguageCode = this._langToHreflang(languageCode).toLowerCase(); var languageStr = langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode) ? langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode).name : languageCode.toUpperCase(); if(strings) { recommendationStr = strings.recommendation ? strings.recommendation : recommendationStr; buttonStr = strings.button ? strings.button : buttonStr; languageStr = strings.language ? strings.language : languageStr; } var newCode = recommendationElement.innerHTML; newCode = newCode.replaceAll('[[recommendation]]', recommendationStr).replaceAll('[[button]]', buttonStr).replaceAll('[[language]]', languageStr); recommendationElement.innerHTML = newCode; } _bindings() { var _this = this; var lyForceOff = location.search.split('ly-force-off=')[1]; var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var form = recommendationElement.querySelectorAll('.ly-recommendation-form')[0]; var links = recommendationElement.getElementsByClassName('ly-custom-dropdown-list-element'); var customDropdown = recommendationElement.querySelectorAll('.ly-custom-dropdown-switcher'); var nativeSelects = recommendationElement.getElementsByClassName('ly-native-select'); form.addEventListener('submit', function(e) { e.preventDefault(); if(_this.recommended_country_code || _this.recommended_currency_code) { // When a country or currency is involved, use old redirection var additionalFields = []; if(_this.recommended_country_code) { additionalFields.push({ name: 'country_code', value: _this.recommended_country_code }); } if(_this.recommended_currency_code) { additionalFields.push({ name: 'currency_code', value: _this.recommended_currency_code }); } LyHelper.setCookie('ly-lang-selected', _this.recommended_language_code, 365); LyHelper.localizationRedirect('language_code', _this.recommended_language_code, additionalFields); } else { //...or use new hreflang redirection _this.redirectMatched(_this.recommended_language_code); } }); // Overwrite switchers for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); // When clicked from within a custom dropdown var parentCustomDropdown = event.currentTarget.closest('.ly-custom-dropdown-switcher'); if(parentCustomDropdown) { _this._selectCustomDropdownEntry(parentCustomDropdown, this); } else { _this.recommended_language_code = this.getAttribute('data-language-code'); } }); } for(var i = 0; i < nativeSelects.length; i++) { nativeSelects[i].onchange = _this._selectNativeDropdownEntry.bind(this); if(nativeSelects[i].classList.contains('ly-languages-switcher')) { nativeSelects[i].value = _this.recommended_language_code; } } for(var i = 0; i < customDropdown.length; i++) { if(recommendationElement.className.indexOf('bottom') > -1) { customDropdown[i].classList.add('ly-is-dropup'); } if(customDropdown[i].classList.contains('ly-languages-switcher')) { _this._selectCustomDropdownEntry(customDropdown[i], customDropdown[i].querySelector('.ly-custom-dropdown-list a[data-language-code="'+ _this.recommended_language_code +'"]')); } } if(!lyForceOff) { recommendationElement.classList.add('ly-is-open'); } } _selectNativeDropdownEntry(event) { event.preventDefault(); var element = event.currentTarget; var _this = this; if(element[element.selectedIndex].hasAttribute('data-language-code')) { _this.recommended_language_code = element[element.selectedIndex].getAttribute('data-language-code'); } if(element[element.selectedIndex].hasAttribute('data-country-code')) { _this.recommended_country_code = element[element.selectedIndex].getAttribute('data-country-code'); } if(element[element.selectedIndex].hasAttribute('data-currency-code')) { _this.recommended_currency_code = element[element.selectedIndex].getAttribute('data-currency-code'); } } _selectCustomDropdownEntry(element, entry) { if(!entry) return; var _this = this; var currentElem = element.querySelector('.ly-custom-dropdown-current'); var currentIcon = currentElem.querySelector('.ly-icon'); var currentLabel = currentElem.querySelector('span'); var valueToSelect = ''; if(entry.hasAttribute('data-language-code')) { _this.recommended_language_code = entry.getAttribute('data-language-code'); valueToSelect = _this.recommended_language_code; } if(entry.hasAttribute('data-country-code')) { _this.recommended_country_code = entry.getAttribute('data-country-code'); valueToSelect = _this.recommended_country_code; } if(entry.hasAttribute('data-currency-code')) { _this.recommended_currency_code = entry.getAttribute('data-currency-code'); valueToSelect = _this.recommended_currency_code; } if(entry.hasAttribute('data-country-code') && entry.hasAttribute('data-currency-code')) { valueToSelect = _this.recommended_country_code + '-' + _this.recommended_currency_code; } if(element.querySelector('.ly-custom-dropdown-list li.current')) { element.querySelector('.ly-custom-dropdown-list li.current').classList.remove('current'); element.querySelector('.ly-custom-dropdown-list li[key="'+ valueToSelect +'"]').classList.add('current'); } if(element.querySelector('.ly-custom-dropdown-list li.current span')) currentLabel.innerHTML = element.querySelector('.ly-custom-dropdown-list li.current span').innerHTML; if(element.querySelector('.ly-custom-dropdown-list li.current .ly-icon')) currentIcon.classList = element.querySelector('.ly-custom-dropdown-list li.current .ly-icon').classList; } toggleOpen(e) { e.closest('.ly-recommendation').classList.toggle('ly-is-open'); if(!e.closest('.ly-recommendation').classList.contains('ly-is-open')) { LyHelper.setCookie('ly-lang-selected', this.recommended_language_code, 365); } } } /** * * * @class Langify */ class Langify { constructor(settings, locale) { LyHelper.log('Langify instantiation') var translationObserver = new TranslationObserver().init(); langify.helper = new LyHelper(); LyHelper.log(langify.helper); var lyForceOff = location.search.split('ly-force-off=')[1]; if(lyForceOff === 'true') { document.getElementById('preview-bar-iframe').classList.add('ly-hide'); return false; } if(settings.theme && ((settings.theme.loadJquery && settings.theme.loadJquery === true) || typeof settings.theme.loadJquery === 'undefined')) { if(typeof jQuery === 'undefined') { LyHelper.loadScript('//cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() {}); } } //document.addEventListener("DOMContentLoaded", function() { langify.switcher = new Switcher(); langify.switcher.init(); if(settings.switcher) { if(settings.switcher.recommendation && settings.switcher.recommendation_enabled) { langify.recommendation = new Recommendation(); langify.recommendation.init(); } else { if(settings.switcher.languageDetection) { langify.languageDetection = new LanguageDetection(); langify.languageDetection.init(); } } } //}); } } // Polyfills (function(){var t;null==window.MutationObserver&&(t=function(){function t(t){this.callBack=t}return t.prototype.observe=function(t,n){return this.element=t,this.interval=setInterval((e=this,function(){var t;if((t=e.element.innerHTML)!==e.oldHtml)return e.oldHtml=t,e.callBack.apply(null)}),200);var e},t.prototype.disconnect=function(){return window.clearInterval(this.interval)},t}(),window.MutationObserver=t)}).call(this); !function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,o=i(e);o;)o=i(e=o.ownerDocument);return e}(),e=[],o=null,n=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return o||(o=function(t,o){n=t&&o?l(t,o):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach(function(t){t._checkForIntersections()})}),o},s._resetCrossOriginUpdater=function(){o=null,n=null},s.prototype.observe=function(t){if(!this._observationTargets.some(function(e){return e.element==t})){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(t,e,o){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==o[e-1]})},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map(function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}});return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var o=e.defaultView;if(o&&-1==this._monitoringDocuments.indexOf(e)){var n=this._checkForIntersections,r=null,s=null;this.POLL_INTERVAL?r=o.setInterval(n,this.POLL_INTERVAL):(h(o,"resize",n,!0),h(e,"scroll",n,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in o&&(s=new o.MutationObserver(n)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push(function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",n,!0)),c(e,"scroll",n,!0),s&&s.disconnect()});var u=this.root&&(this.root.ownerDocument||this.root)||t;if(e!=u){var a=i(e);a&&this._monitorIntersections(a.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var o=this._monitoringDocuments.indexOf(e);if(-1!=o){var n=this.root&&(this.root.ownerDocument||this.root)||t;if(!this._observationTargets.some(function(t){var o=t.element.ownerDocument;if(o==e)return!0;for(;o&&o!=n;){var r=i(o);if((o=r&&r.ownerDocument)==e)return!0}return!1})){var r=this._monitoringUnsubscribes[o];if(this._monitoringDocuments.splice(o,1),this._monitoringUnsubscribes.splice(o,1),r(),e!=n){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!o||n){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach(function(n){var i=n.element,s=u(i),h=this._rootContainsTarget(i),c=n.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=null;this._rootContainsTarget(i)?o&&!this.root||(l=e):l={top:0,bottom:0,left:0,right:0,width:0,height:0};var f=n.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:l,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,f)&&this._queuedEntries.push(f):c&&c.isIntersecting&&this._queuedEntries.push(f):this._queuedEntries.push(f)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),b=!1;!b&&_;){var w=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(b=!0,_==this.root||_==t)o&&!this.root?!n||0==n.width&&0==n.height?(_=null,w=null,v=null):w=n:w=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,w=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(w=u(_))}if(w&&(s=w,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root&&!d(this.root))e=u(this.root);else{var o=d(this.root)?this.root:t,n=o.documentElement,i=o.body;e={top:0,left:0,right:n.clientWidth||i.clientWidth,width:n.clientWidth||i.clientWidth,bottom:n.clientHeight||i.clientHeight,height:n.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(e,o){return"px"==e.unit?e.value:e.value*(o%2?t.width:t.height)/100}),o={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},s.prototype._hasCrossedThreshold=function(t,e){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(o!==n)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==o||r==n||r<o!=r<n)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){var o=this.root&&(this.root.ownerDocument||this.root)||t;return f(o,e)&&(!this.root||o==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,o=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;this.intersectionRatio=o?Number((i/o).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var o,n,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType&&9!=r.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=(o=this._checkForIntersections.bind(this),n=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout(function(){o(),i=null},n))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(t){return t.value+t.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,o,n){"function"==typeof t.addEventListener?t.addEventListener(e,o,n||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,o)}function c(t,e,o,n){"function"==typeof t.removeEventListener?t.removeEventListener(e,o,n||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,o)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var o=e.top-t.top,n=e.left-t.left;return{top:o,left:n,height:e.height,width:e.width,bottom:o+e.height,right:n+e.width}}function f(t,e){for(var o=e;o;){if(o==t)return!0;o=p(o)}return!1}function p(e){var o=e.parentNode;return 9==e.nodeType&&e!=t?i(e):(o&&o.assignedSlot&&(o=o.assignedSlot.parentNode),o&&11==o.nodeType&&o.host?o.host:o)}function d(t){return t&&9===t.nodeType}}(); !function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(n,t){t=t||{bubbles:!1,cancelable:!1,detail:null};var e=document.createEvent("CustomEvent");return e.initCustomEvent(n,t.bubbles,t.cancelable,t.detail),e}}(); var langify = window.langify || {}; var customContents = {}; var customContents_image = {}; var langifySettingsOverwrites = {}; var defaultSettings = { debug: false, // BOOL : Enable/disable console logs observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) observeLinks: false, observeImages: true, observeCustomContents: true, maxMutations: 5, timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element linksBlacklist: [], }; if(langify.settings) { langifySettingsOverwrites = Object.assign({}, langify.settings); langify.settings = Object.assign(defaultSettings, langify.settings); } else { langify.settings = defaultSettings; }langify.settings = Object.assign(langify.settings, {"debug":false,"lazyload":true,"observe":true,"observeLinks":false,"observeImages":true,"observeCustomContents":true,"linksBlacklist":[],"loadJquery":false,"nonStrict":false}, langifySettingsOverwrites); langify.settings.theme = {"debug":false,"lazyload":true,"observe":true,"observeLinks":false,"observeImages":true,"observeCustomContents":true,"linksBlacklist":[],"loadJquery":false,"nonStrict":false}; langify.settings.switcher = {"customCSS":"","languageDetection":false,"languageDetectionDefault":"en","enableDefaultLanguage":false,"breakpoints":[{"key":0,"label":"0px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":81,"arrow_width":1,"arrow_filled":true,"h_space":0,"v_space":48,"h_item_space":0,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":10,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons","button_bg_color":"#999","button_text_color":"#fff"}},{"key":1000,"label":"1000px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":100,"arrow_width":1,"arrow_filled":true,"h_space":19,"v_space":57,"h_item_space":4,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":16,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons","button_bg_color":"#999","button_text_color":"#fff"}},{"key":1500,"label":"1500px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":false,"square_icons":false,"round_icons":true,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":100,"arrow_width":2,"arrow_filled":true,"h_space":20,"v_space":17,"h_item_space":0,"v_item_space":1,"h_item_padding":0,"v_item_padding":0,"text_color":"#ffffff","link_color":"#000","arrow_color":"#000","bg_color":"#000000","border_color":"#000","border_width":0,"border_radius":0,"fontsize":13,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"round_icons","button_bg_color":"#999","button_text_color":"#fff","use_submit_button":false,"show_country_selector_inside_popup":false,"show_currency_selector_inside_popup":false,"links_color":"#ffffff"}}],"languages":[{"iso_code":"en","root_url":"\/","name":"English","primary":true,"domain":"amazingthing.com","published":true,"custom_name":false},{"iso_code":"zh-TW","root_url":"\/zh-TW","name":"Chinese (Traditional)","primary":false,"domain":false,"published":true,"custom_name":"Hong Kong"},{"iso_code":"ms","root_url":"\/ms","name":"Malay","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Malay"},{"iso_code":"ar","root_url":"\/ar","name":"Arabic","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Arabic"},{"iso_code":"fr","root_url":"\/fr","name":"French","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"French"},{"iso_code":"th","root_url":"\/th","name":"Thai","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Thai"}],"marketLanguages":[],"recommendation_enabled":false,"recommendation_type":"popup","recommendation_switcher_key":1000,"recommendation_strings":{},"recommendation":{"recommendation_backdrop_show":true,"recommendation_corner":"center_center","recommendation_banner_corner":"top","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000"}}; langify.locale = langify.locale || { primary: false, iso_code: "zh-TW", root_url: "\/zh", language_id: "ly186361", shop_url: "https:\/\/oldat.myshopify.com", domain_feature_enabled: null, languages: [{ iso_code: "en", root_url: "\/", domain: null, },{ iso_code: "ms", root_url: "\/ms", domain: null, },{ iso_code: "zh-TW", root_url: "\/zh", domain: null, },{ iso_code: "fr", root_url: "\/fr", domain: null, },{ iso_code: "th", root_url: "\/th", domain: null, },{ iso_code: "ar", root_url: "\/ar", domain: null, },],}; // Disable link correction ALWAYS on languages with mapped domains if(langify.locale.root_url == '/') { langify.settings.observeLinks = false; } window.addEventListener('DOMContentLoaded', function() { langify.helper = new LyHelper(); // Custom Contents Section // Images Section customContents_image[langify.helper.extractImageObject("https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/0116\/2408\/collections\/10.jpg?v=1693290836".toLowerCase()).file] = langify.helper.extractImageObject("https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/0116\/2408\/collections\/10.jpg?v=1693290836"); var langifyInstance = new Langify(langify.settings, langify.locale); }); </script> <div data-breakpoint="0" class="ly-switcher-wrapper ly-breakpoint-1 absolute top_right ly-hide" style="font-size: 10px; margin: 48px 0px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 8.1px; height: 8.1px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.1 8.1" height="8.1px" width="8.1px" style="position: absolute;"> <path d="M1 3.025 L4.05 6.075 L7.1 3.025" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: HKD" aria-expanded="false" aria-controls="currencySwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 8.1px; height: 8.1px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.1 8.1" height="8.1px" width="8.1px" style="position: absolute;"> <path d="M1 3.025 L4.05 6.075 L7.1 3.025" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="INR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="INR"><span class="ly-inner-text"><span class="ly-iso-code">INR</span> <span class="ly-symbol">₹</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <div data-breakpoint="1000" class="ly-switcher-wrapper ly-breakpoint-2 absolute top_right ly-hide" style="font-size: 16px; margin: 57px 19px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 4px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 16.0px; height: 16.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.0 16.0" height="16.0px" width="16.0px" style="position: absolute;"> <path d="M1 5.0 L8.0 12.0 L15.0 5.0" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 4px;"> <span role="button" tabindex="0" aria-label="Selected currency: HKD" aria-expanded="false" aria-controls="currencySwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 16.0px; height: 16.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.0 16.0" height="16.0px" width="16.0px" style="position: absolute;"> <path d="M1 5.0 L8.0 12.0 L15.0 5.0" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="INR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="INR"><span class="ly-inner-text"><span class="ly-iso-code">INR</span> <span class="ly-symbol">₹</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <div data-breakpoint="1500" class="ly-switcher-wrapper ly-breakpoint-3 absolute top_right ly-hide" style="font-size: 13px; margin: 17px 20px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 1px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-3" class="ly-custom-dropdown-current" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW ly-flag-rounded"></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 13.0px; height: 13.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.0 13.0" height="13.0px" width="13.0px" style="position: absolute;"> <path d="M2 5.25 L6.5 9.75 L11.0 5.25" fill="#ffffff" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-3" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 1px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: HKD" aria-expanded="false" aria-controls="currencySwitcherList-3" class="ly-custom-dropdown-current" style="background: #000000; color: #ffffff; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 13.0px; height: 13.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.0 13.0" height="13.0px" width="13.0px" style="position: absolute;"> <path d="M2 5.25 L6.5 9.75 L11.0 5.25" fill="#ffffff" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-3" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="INR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="INR"><span class="ly-inner-text"><span class="ly-iso-code">INR</span> <span class="ly-symbol">₹</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <style>.ly-languages-switcher ul > li[key="en"] { order: -1 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="en"], .ly-languages-switcher.ly-links a[data-language-code="en"] { order: 1 !important; }.ly-languages-switcher ul > li[key="zh-TW"] { order: -2 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="zh-TW"], .ly-languages-switcher.ly-links a[data-language-code="zh-TW"] { order: 2 !important; }.ly-languages-switcher ul > li[key="ms"] { order: -3 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ms"], .ly-languages-switcher.ly-links a[data-language-code="ms"] { order: 3 !important; }.ly-languages-switcher ul > li[key="ar"] { order: -4 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ar"], .ly-languages-switcher.ly-links a[data-language-code="ar"] { order: 4 !important; }.ly-languages-switcher ul > li[key="fr"] { order: -5 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="fr"], .ly-languages-switcher.ly-links a[data-language-code="fr"] { order: 5 !important; }.ly-languages-switcher ul > li[key="th"] { order: -6 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="th"], .ly-languages-switcher.ly-links a[data-language-code="th"] { order: 6 !important; } .ly-flag-icon-en { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730'); } .ly-flag-icon-ms { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317'); } .ly-flag-icon-zh-TW { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730'); } .ly-flag-icon-fr { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617'); } .ly-flag-icon-th { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074'); } .ly-flag-icon-ar { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?v=1897'); } .ly-breakpoint-1 { display: none; } @media (min-width:0px) and (max-width: 999px ) { .ly-breakpoint-1 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-1 .ly-flag-icon-en { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730') !important; } .ly-breakpoint-1 .ly-flag-icon-ms { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317') !important; } .ly-breakpoint-1 .ly-flag-icon-zh-TW { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730') !important; } .ly-breakpoint-1 .ly-flag-icon-fr { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617') !important; } .ly-breakpoint-1 .ly-flag-icon-th { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074') !important; } .ly-breakpoint-1 .ly-flag-icon-ar { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?v=1897') !important; } .ly-breakpoint-2 { display: none; } @media (min-width:1000px) and (max-width: 1499px ) { .ly-breakpoint-2 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-2 .ly-flag-icon-en { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730') !important; } .ly-breakpoint-2 .ly-flag-icon-ms { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317') !important; } .ly-breakpoint-2 .ly-flag-icon-zh-TW { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730') !important; } .ly-breakpoint-2 .ly-flag-icon-fr { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617') !important; } .ly-breakpoint-2 .ly-flag-icon-th { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074') !important; } .ly-breakpoint-2 .ly-flag-icon-ar { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?v=1897') !important; } .ly-breakpoint-3 { display: none; } @media (min-width:1500px) { .ly-breakpoint-3 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-3 .ly-flag-icon-en { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-en_1x1.svg?v=115769669583621851721672037730') !important; } .ly-breakpoint-3 .ly-flag-icon-ms { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms_1x1.svg?v=63279317781855426311680234318') !important; } .ly-breakpoint-3 .ly-flag-icon-zh-TW { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW_1x1.svg?v=80770156098163592941672037730') !important; } .ly-breakpoint-3 .ly-flag-icon-fr { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr_1x1.svg?v=64441612079414758631695806618') !important; } .ly-breakpoint-3 .ly-flag-icon-th { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-th_1x1.svg?v=27318751916442904171695971075') !important; } .ly-breakpoint-3 .ly-flag-icon-ar { background-image: url('//oldat.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar_1x1.svg?v=1897') !important; } .ly-switcher-wrapper { } .ly-switcher-wrapper.fixed { position: fixed; z-index: 1000; } .ly-switcher-wrapper.absolute { position: absolute; z-index: 1000; } .ly-switcher-wrapper.fixed.top_left, .ly-switcher-wrapper.absolute.top_left { top: 0; left: 0; } .ly-switcher-wrapper.fixed.top_right, .ly-switcher-wrapper.absolute.top_right { top: 0; right: 0; } .ly-switcher-wrapper.fixed.bottom_left, .ly-switcher-wrapper.absolute.bottom_left { bottom: 0; left: 0; } .ly-switcher-wrapper.fixed.bottom_right, .ly-switcher-wrapper.absolute.bottom_right { bottom: 0; right: 0; } .ly-switcher-wrapper .shopify-currency-form { display: inline-block; } .ly-currency-switcher { font-size: 1em; } .ly-inner-text { margin: 0 0.2em; white-space: nowrap; } .ly-flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .ly-flag-icon:before { content: ''; display: inline-block; } .ly-flag-icon.ly-flag-squared { width: 1em; } .ly-flag-icon.ly-flag-rounded { width: 1em; border-radius: 50%; } .ly-languages-switcher { white-space: nowrap; list-style-type: none; display: flex; font-size: 1em; } .ly-languages-switcher-link { margin: 0 0.2em; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; } .ly-languages-switcher.ly-list { margin: 0; padding: 0; display: block; } .ly-languages-switcher.ly-native-select { } .ly-icon { margin: 0 0.2em; } .ly-arrow { display: inline-block; position: relative; vertical-align: middle; direction: ltr !important; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; margin: 0 0.2em; } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-arrow.ly-arrow-up { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up { transform: rotate(0deg); } .ly-custom-dropdown-switcher { text-align: left; display: inline-block; position: relative; user-select: none; cursor: pointer; } .ly-custom-dropdown-current { display: block; vertical-align: middle; } .ly-custom-dropdown-current-inner { display: inline-block; vertical-align: middle; } .ly-custom-dropdown-current-inner-image { margin-right: 0.25em; } .ly-custom-dropdown-current-inner-text { margin: 0 0.2em; } .ly-custom-dropdown-list { display: none !important; list-style: none; position: absolute; left: 0; padding: inherit !important; padding: 0 !important; margin: 0; z-index: 99999; text-align: left; width: 100%; font-size: 1em; } .ly-custom-dropdown-list-element { color: inherit !important; display: block; } .ly-custom-dropdown-list > li { margin: 0 !important; display: block; } .ly-custom-dropdown-list-element-left { margin-right: 0.5em; } .ly-custom-dropdown-list-element-right { text-align: left; } .ly-custom-dropdown-list-element-left, .ly-custom-dropdown-list-element-right { vertical-align: middle; } .ly-custom-dropdown-switcher .ly-languages-switcher-link { margin: 0; } .ly-languages-switcher-dropdown { display: inline-block; } .ly-languages-links-switcher { display: inline-block; } .ly-languages-links-switcher > .ly-languages-link { /*margin-right: 0.5em;*/ padding: inherit !important; color: inherit !important; } .ly-custom-dropdown-list-element { /*padding: inherit !important;*/ text-decoration: none; } .ly-is-uppercase { text-transform: uppercase; } .ly-is-transparent.ly-links, .ly-is-transparent.ly-list, .ly-is-transparent.ly-currency-switcher, .ly-is-transparent.ly-custom-dropdown-switcher, .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list { background: transparent !important; } .ly-arrow-up { transform: rotateZ(180deg); } .ly-custom-dropdown-switcher .ly-custom-dropdown-list li.current{ display: none; } .ly-custom-dropdown-switcher.ly-is-open .ly-custom-dropdown-list { display: flex !important; min-width: 100%; width: 100%; flex-direction: column-reverse; right: 0; left: auto; overflow: auto; max-height: 350px; max-height: 50vh; } .ly-is-dropup .ly-custom-dropdown-list { bottom: 100%; } .ly-hide { display: none !important; } body.ly-force-off #preview-bar-iframe, body.ly-force-off .ly-languages-switcher { display: none !important; } .ly-close { position: absolute; opacity: 0.3; right: 0; top: 0; width: 3em; height: 3em; display: inline-block !important; background: rbga(0,0,0,0); padding: 1em; } .ly-close:hover { opacity: 1; } .ly-close .inner { transform: translateX(-50%); position: relative; width: 100%; height: 100%; display: inline-block; } .ly-close .inner:before, .ly-close .inner:after { position: absolute; left: 1em; content: ' '; height: 1em; width: 2px; background-color: #333; } .ly-close .inner:before { transform: rotate(45deg); } .ly-close .inner:after { transform: rotate(-45deg); } .ly-popup-switcher {} .ly-popup-switcher .ly-popup-current { cursor: pointer; background: transparent; } .ly-popup-switcher .ly-popup-modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .ly-popup-switcher.ly-is-open .ly-popup-modal { display: flex; } .ly-popup-switcher .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); cursor: pointer; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content { padding: 1em; position: absolute; z-index: 1000; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul { padding: 0; margin: 12px 0 0 0; list-style: none; display: flex; flex-direction: column; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link { margin: 0; border: solid 1px; padding: 1em; display: block; min-width: 225px; margin-top: 1em; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link.current_lang { display: none; } /* Recommendation */ .ly-recommendation { display: none; } .ly-recommendation.ly-is-open { display: inline-block; } .ly-recommendation form { display: inline-block; } .ly-recommendation .ly-arrow, .ly-arrow.recommendation { display: none; } .ly-recommendation .ly-arrow.recommendation { display: inline-block; } .ly-recommendation .ly-switcher-wrapper { font-size: 1em !important; } .ly-recommendation .ly-popup-modal .ly-popup-switcher .ly-popup-modal .ly-popup-modal-backdrop { display: none; } .ly-recommendation-form button[type="submit"] { cursor: pointer; } /* Recommendation Banner */ .ly-recommendation .ly-banner { position: fixed; z-index: 100000; width: 100%; } .ly-recommendation .ly-banner .ly-banner-content { width: 100%; padding: 1em 30px 1em 1em; box-shadow: 0 0 20px rgba(0,0,0,.25); } .ly-recommendation .ly-banner.top { top: 0; } .ly-recommendation .ly-banner.bottom { bottom: 0; } .ly-recommendation .ly-banner .ly-banner-content .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-banner .ly-recommendation-form button[type="submit"] { margin-left: 10px; } /* Recommendation Popup */ .ly-recommendation .ly-popup-modal { position: fixed; z-index: 10000; } .ly-recommendation .ly-popup-modal .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); } .ly-recommendation .ly-popup-modal .ly-popup-modal-content { padding: 1em 30px 1em 1em; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content .ly-languages-switcher { position: relative !important; margin: 0 !important; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content h3 { margin: 0 2em 1em 0; font-size: inherit; position: relative; } .ly-recommendation .ly-popup-modal.top_left { top: 0; left: 0; margin-right: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important;} .ly-recommendation .ly-popup-modal.top_center { top: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;} .ly-recommendation .ly-popup-modal.top_right { top: 0; right: 0; margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .ly-recommendation .ly-popup-modal.center_center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 !important; padding: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_left { bottom: 0; left: 0; margin-right: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_right { bottom: 0; right: 0; margin-left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } </style><!-- langify-v2-scripts-end --><style> .xo-gallery img {width: 215px; height: 215px; object-fit: cover; /* Assure que l'image remplisse bien le cadre 215x215px sans être déformée */} </style> <div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: ecomsend-app --><script type="text/javascript"> //SendWILL APPS COMMON JS CODE window.EcomSendApps = window.EcomSendApps || {} window.EcomSendApps.design_mode = false window.EcomSendApps.common = window.EcomSendApps.common || {} window.EcomSendApps.common.shop = { permanent_domain: 'atamazingthing.myshopify.com', currency: "HKD", money_format: "HK${{amount}}", id: 45201162408, } window.EcomSendApps.common.customer = { id: null, tags: null, email: null, accepts_marketing: null, first_name: null, } window.EcomSendApps.common.template = 'product' </script> <!-- END app snippet --> <script> window.EcomSendApps = window.EcomSendApps || {} /** @description shared localStorage key used by web-pixel sandbox to read storefront GDPR mode */ const ECOMSEND_GDPR_ENABLED_STORAGE_KEY = "ECOMSEND:GDPR_ENABLED" /** @description storefront main bundle asset url */ const ECOMSEND_MAIN_SCRIPT_URL = 'https://cdn.shopify.com/extensions/01a18bb2-9cd5-7540-9bea-ef16c3436d8c/ecomsend-216/assets/ecomsend.js' /** @description storefront style asset url */ const ECOMSEND_MAIN_STYLE_URL = 'https://cdn.shopify.com/extensions/01a18bb2-9cd5-7540-9bea-ef16c3436d8c/ecomsend-216/assets/style.css' /** @description storefront wasm asset url for runtime signature module */ const ECOMSEND_WASM_ASSET_URL = 'https://cdn.shopify.com/extensions/01a18bb2-9cd5-7540-9bea-ef16c3436d8c/ecomsend-216/assets/client_safe.wasm' /** @description fallback delay when requestIdleCallback is unavailable */ const ECOMSEND_IDLE_TIMEOUT_MS = 800 /** @description user interaction events used to trigger lazy init earlier */ const ECOMSEND_INTERACTION_EVENTS = ["pointerdown", "keydown", "touchstart"] /** @description global flag key for emergency immediate loading */ const ECOMSEND_FORCE_IMMEDIATE_FLAG = window.EcomSendApps?.forceImmediateLoad === true /** @description default GDPR mode comes from block setting and can be overridden on window.EcomSendApps.GDPR */ const ECOMSEND_DEFAULT_GDPR_FLAG = false /** @description default CWTracks mode comes from block setting and can be overridden on window.EcomSendApps.CWTracksEnabled */ const ECOMSEND_DEFAULT_CWTRACKS_ENABLED = false /** @description normalize merchant-provided GDPR switch into a strict boolean value */ function normalizeEcomsendBooleanFlag(rawValue) { if (typeof rawValue === "boolean") { return rawValue } if (typeof rawValue === "number") { return rawValue === 1 } if (typeof rawValue === "string") { const normalizedValue = rawValue.trim().toLowerCase() return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes" } return false } /** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */ function lockEcomsendReadonlyFlag(flagName, flagValue) { try { Object.defineProperty(window.EcomSendApps, flagName, { value: flagValue, writable: false, configurable: false, enumerable: true, }) return } catch (error) {} window.EcomSendApps[flagName] = flagValue } /** @description resolve storefront GDPR mode from merchant theme override */ function resolveEcomsendGdprMode() { if (typeof window.EcomSendApps.GDPR === "undefined") { window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG } const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR) window.EcomSendApps.GDPR = gdprEnabled return gdprEnabled } /** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */ function resolveEcomsendCwTracksMode() { if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") { window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED } const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled) window.EcomSendApps.CWTracksEnabled = cwTracksEnabled return cwTracksEnabled } /** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */ function syncEcomsendGdprModeToStorage(gdprEnabled) { if (!window.localStorage) { return } if (gdprEnabled) { window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true") return } window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY) } /** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */ const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode() /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */ const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode() lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED) lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED) try { syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED) } catch (error) {} /** @description create main stylesheet node for storefront runtime */ function createEcomSendMainStyleEle() { const ecomsendMainStyleEle = document.createElement("link") ecomsendMainStyleEle.rel = "stylesheet" ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL ecomsendMainStyleEle.dataset.ecomsendTag = "main-style" return ecomsendMainStyleEle } /** @description append runtime stylesheet exactly once */ function ensureEcomSendMainStyleLoaded() { if (document.querySelector('link[data-ecomsend-tag="main-style"]')) { return } const ecomsendMainStyleEle = createEcomSendMainStyleEle() document.head.appendChild(ecomsendMainStyleEle) } /** @description remove interaction listeners after first lazy-init trigger */ function clearInteractionListeners() { ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { window.removeEventListener(eventName, scheduleMainBundleLoad) }) } /** @description run low-priority task via idle callback with timeout fallback */ function scheduleLowPriorityTask(taskRunner, timeoutMs) { if (window.requestIdleCallback) { window.requestIdleCallback(() => { taskRunner() }, { timeout: timeoutMs }) return } window.setTimeout(() => { taskRunner() }, timeoutMs) } /** @description load main storefront bundle once and keep rollback override */ function loadEcomsendMainBundle() { if (window.__ecomsendMainBundleLoaded) { return } window.__ecomsendMainBundleLoaded = true clearInteractionListeners() /** @description ensure storefront runtime css is loaded together with main bundle */ ensureEcomSendMainStyleLoaded() const ecomsendMainScriptEle = document.createElement("script") ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL ecomsendMainScriptEle.async = true ecomsendMainScriptEle.dataset.ecomsendTag = "main-script" document.body.appendChild(ecomsendMainScriptEle) } /** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */ function scheduleMainBundleLoad() { if (window.__ecomsendMainBundleLoadScheduled) { return } /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */ window.__ecomsendMainBundleLoadScheduled = true if (ECOMSEND_FORCE_IMMEDIATE_FLAG) { loadEcomsendMainBundle() return } scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS) } /** @description cache marketing params for pixel/report flows before heavy bundle starts */ function cacheMarketingParams() { const urlParams = new URLSearchParams(window.location.search) const marketingId = urlParams.get("ec_marketing_id") const ecEmailId = urlParams.get("ec_email_id") const ecMarketingSign = urlParams.get("ec_marketing_sign") if (marketingId && window.localStorage) { window.localStorage.setItem("ec_marketing_id", marketingId) } if (ecEmailId && window.localStorage) { window.localStorage.setItem("ec_email_id", ecEmailId) } if (ecMarketingSign && window.localStorage) { window.localStorage.setItem("ec_marketing_sign", ecMarketingSign) } } /** @description check whether marketing storage is allowed under Shopify customer privacy state */ function isMarketingStorageAllowedByCustomerPrivacy() { const customerPrivacy = window?.Shopify?.customerPrivacy if (!customerPrivacy) { return false } const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed() if (marketingAllowed) { return true } if (typeof customerPrivacy.currentVisitorConsent === "function") { const consent = customerPrivacy.currentVisitorConsent() return consent?.marketing === "yes" } return false } /** @description check whether analytics storage is allowed under Shopify customer privacy state */ function isAnalyticsStorageAllowedByCustomerPrivacy() { const customerPrivacy = window?.Shopify?.customerPrivacy if (!customerPrivacy) { return false } const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed() if (analyticsAllowed) { return true } if (typeof customerPrivacy.currentVisitorConsent === "function") { const consent = customerPrivacy.currentVisitorConsent() return consent?.analytics === "yes" } return false } /** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */ function cacheMarketingParamsWithGdprGuard() { if (!ECOMSEND_GDPR_ENABLED) { cacheMarketingParams() return } if (isMarketingStorageAllowedByCustomerPrivacy()) { cacheMarketingParams() } } /** @description cache shop id used by pixel report branches */ function cacheShopIdForPixel() { if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) { return } window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id) } /** * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle: * bootstrapFlowClientConfig → POST /api/automation/v2/clientFlowConfig (API Sign) * → localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId → read by web-pixel. * Keep new C-end Flow config on this path; do not scatter fetches in liquid. */ /** @description execute shop id caching with GDPR guard and shared consent policy */ function cacheShopIdWithGdprGuard() { if (!ECOMSEND_GDPR_ENABLED) { cacheShopIdForPixel() return } if (isAnalyticsStorageAllowedByCustomerPrivacy()) { cacheShopIdForPixel() } } /** @description load Shopify consent-tracking API before GDPR-gated cache writes */ function withCustomerPrivacyApiReady(onReady) { if (!ECOMSEND_GDPR_ENABLED) { onReady() return } if (window?.Shopify?.customerPrivacy) { onReady() return } if (typeof window?.Shopify?.loadFeatures !== "function") { return } window.Shopify.loadFeatures( [{ name: "consent-tracking-api", version: "0.1" }], (error) => { if (error) { return } onReady() } ) } try { withCustomerPrivacyApiReady(() => { cacheMarketingParamsWithGdprGuard() cacheShopIdWithGdprGuard() }) if (ECOMSEND_GDPR_ENABLED) { document.addEventListener("visitorConsentCollected", () => { cacheMarketingParamsWithGdprGuard() cacheShopIdWithGdprGuard() }) } } catch (e) {} /** @description inject wasm asset url into shared namespace before main bundle executes */ window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true }) }) if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true }) } else { scheduleMainBundleLoad() } </script> <style id="ecomsend-custom-style"></style> <script>window.shopLocale = 'zh-TW'</script> <script> /** @description timeout used for deferred discount request scheduling */ const ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS = 1500 /** @description apply discount code from url query only when parameter exists */ function applyWillDiscountCode() { const urlParams = new URLSearchParams(window.location.search) const willDiscountCode = urlParams.get("willDiscountCode") if (!willDiscountCode || /[\u0000-\u001F\u007F]/.test(willDiscountCode)) { return } fetch("/cart/update.js", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ discount: willDiscountCode, }), }) } try { if (!window.__ecomsendDeferredTasksScheduled) { /** @description global guard to avoid duplicate deferred task scheduling */ window.__ecomsendDeferredTasksScheduled = true if (window.requestIdleCallback) { window.requestIdleCallback(() => { applyWillDiscountCode() }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS }) } else { window.setTimeout(() => { applyWillDiscountCode() }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS) } } } catch (error) {} </script> </div><div id="shopify-block-Aa0tHZnduNlRNNjcxU__14684659138027382045" class="shopify-block shopify-app-block"><!-- XO Gallery: https://apps.shopify.com/xo-gallery --> <link href="https://cdn.shopify.com/extensions/01a12fe2-7095-7672-ae8d-3e1d7502d1d3/xo-gallery-155/assets/xo-gallery.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://cdn.xotiny.com/assets/shop/atamazingthing/gallery/main.min.css?v=1699240760890" rel="stylesheet" type="text/css" media="all" /> <script> var xoUpdate =1699240760890;var xoMultiLang =true; var xoDfLang ="en"; var xogMoneyFormat = `HK\${{amount}}`;</script> <script src="https://cdn.shopify.com/extensions/01a12fe2-7095-7672-ae8d-3e1d7502d1d3/xo-gallery-155/assets/xo-gallery.js" defer="defer" type="module"></script> <!-- End: XO Gallery --> </div><div id="shopify-block-AQ0hSTFhDdGdTUFFrW__17564293679270429316" class="shopify-block shopify-app-block"><!-- XO Sections scripts: https://apps.shopify.com/xo-sections --> <script src="https://cdn.shopify.com/extensions/234099b6-8646-4858-813f-5348f6fa517a/xo-sections-7/assets/xo-sections.js" type="module"></script> <!-- End: XO Sections scripts --> </div><div id="shopify-block-AMERRai8wT3l1akdoa__9443034808924953064" class="shopify-block shopify-app-block"></div></body> <script type="text/javascript"> _linkedin_partner_id = "6175644"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6175644&fmt=gif" /> </noscript> </html>
