Get 15% off your first order on the BFA app
Free Shipping On Orders Over £100/€140/$140. Exclusions Apply
Join our loyalty scheme for exclusive offers and discounts
Become an Ambassador
Partner with Us
Create an Account
Rewards
Not sure where to start?Try these collections:
If you have any questions, you are always welcome to contact us. We'll get back to you as soon as possible, within 24 hours on weekdays.
Achetez maintenant</a> </div></div> </div> </div> </div> </main> <footer-group class="footer-group block w-full"><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--26701576438143__multicolumn-with-icons" class="shopify-section shopify-section-group-footer-group"><style> #shopify-section-sections--26701576438143__multicolumn-with-icons { --section-padding-top: 60px; --section-padding-bottom: 60px;} </style> <div class="section section--padding section--divider"> <div class="page-width relative"><carousel-element class="text-with-icons block lg:grid grid--4 relative z-1" watch-css><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-star icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill" d="M10.5689 3.86217C11.0295 2.94096 11.2598 2.48035 11.5715 2.33254C11.8427 2.20391 12.1573 2.20392 12.4285 2.33254C12.7402 2.48035 12.9705 2.94096 13.4311 3.86217L14.9953 6.99068C15.1376 7.27512 15.2087 7.41734 15.3127 7.52623C15.4048 7.62262 15.5152 7.69962 15.6375 7.75271C15.7756 7.81268 15.9337 7.83024 16.2497 7.86536L19.5282 8.22963C20.6323 8.35231 21.1844 8.41365 21.4339 8.66819C21.6507 8.8894 21.7527 9.19858 21.7102 9.50539C21.6613 9.85844 21.2543 10.2364 20.4402 10.9923L17.845 13.4022C17.5671 13.6602 17.4282 13.7892 17.3479 13.9456C17.2769 14.0838 17.2391 14.2366 17.2375 14.3919C17.2356 14.5677 17.2984 14.7466 17.4239 15.1044L18.5896 18.4264C18.9986 19.5921 19.2031 20.1749 19.0673 20.5208C18.9495 20.8208 18.6943 21.0456 18.3818 21.1247C18.0216 21.2159 17.4691 20.9397 16.3643 20.3873L12.7155 18.5629C12.4532 18.4317 12.322 18.3661 12.1844 18.3403C12.0625 18.3175 11.9375 18.3175 11.8156 18.3403C11.678 18.3661 11.5468 18.4317 11.2845 18.5629L7.63573 20.3873C6.53086 20.9397 5.97842 21.2159 5.61819 21.1247C5.30572 21.0456 5.05054 20.8208 4.93275 20.5208C4.79695 20.1749 5.00144 19.5921 5.41043 18.4264L6.57606 15.1044C6.7016 14.7466 6.76438 14.5677 6.76253 14.3919C6.7609 14.2366 6.7231 14.0838 6.65213 13.9456C6.57183 13.7892 6.4329 13.6602 6.15502 13.4022L3.55977 10.9923C2.7457 10.2364 2.33867 9.85844 2.28977 9.50539C2.24726 9.19858 2.34933 8.8894 2.56615 8.66819C2.81563 8.41365 3.36769 8.35231 4.4718 8.22963L7.75027 7.86536C8.06633 7.83024 8.22436 7.81268 8.3625 7.75271C8.48478 7.69962 8.59521 7.62262 8.6873 7.52623C8.79133 7.41734 8.86244 7.27512 9.00466 6.99069L10.5689 3.86217Z"/> <path d="M10.5689 3.86217C11.0295 2.94096 11.2598 2.48035 11.5715 2.33254C11.8427 2.20392 12.1573 2.20392 12.4285 2.33254C12.7402 2.48035 12.9705 2.94096 13.4311 3.86217L14.9953 6.99069C15.1376 7.27512 15.2087 7.41734 15.3127 7.52623C15.4048 7.62262 15.5152 7.69962 15.6375 7.75271C15.7756 7.81268 15.9337 7.83024 16.2497 7.86536L19.5282 8.22963C20.6323 8.35231 21.1844 8.41365 21.4339 8.66819C21.6507 8.8894 21.7527 9.19858 21.7102 9.50539C21.6613 9.85844 21.2543 10.2364 20.4402 10.9923L17.845 13.4022C17.5671 13.6602 17.4282 13.7892 17.3479 13.9456C17.2769 14.0838 17.2391 14.2366 17.2375 14.3919C17.2356 14.5677 17.2984 14.7466 17.4239 15.1044L18.5896 18.4264C18.9986 19.5921 19.2031 20.1749 19.0673 20.5208C18.9495 20.8208 18.6943 21.0456 18.3818 21.1247C18.0216 21.2159 17.4691 20.9397 16.3643 20.3873L12.7155 18.5629C12.4532 18.4317 12.322 18.3661 12.1844 18.3403C12.0625 18.3175 11.9375 18.3175 11.8156 18.3403C11.678 18.3661 11.5468 18.4317 11.2845 18.5629L7.63573 20.3873C6.53086 20.9397 5.97842 21.2159 5.61819 21.1247C5.30572 21.0456 5.05054 20.8208 4.93275 20.5208C4.79695 20.1749 5.00144 19.5921 5.41043 18.4264L6.57606 15.1044C6.70161 14.7466 6.76438 14.5677 6.76253 14.3919C6.7609 14.2366 6.7231 14.0838 6.65213 13.9456C6.57183 13.7892 6.4329 13.6602 6.15502 13.4022L3.55977 10.9923C2.7457 10.2364 2.33867 9.85844 2.28977 9.50539C2.24726 9.19858 2.34933 8.8894 2.56615 8.66819C2.81563 8.41365 3.36769 8.35231 4.4718 8.22963L7.75027 7.86536C8.06633 7.83024 8.22436 7.81268 8.3625 7.75271C8.48478 7.69962 8.59521 7.62262 8.6873 7.52623C8.79133 7.41734 8.86244 7.27512 9.00466 6.99069L10.5689 3.86217Z" stroke-linecap="round" stroke-linejoin="round"/> </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"> Mens Fitness Recommended Backpack 2025</p></div> </div><div class="column flex gap-5 w-full flex-col xl:flex-row xl:text-left text-center" ><div class="column__icon"><svg class="icon icon-trophy icon-lg inline-block" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill" d="M5 6.5C5 5.10218 5 4.40327 5.22836 3.85195C5.53284 3.11687 6.11687 2.53285 6.85195 2.22837C7.40326 2 8.10218 2 9.5 2H14.5C15.8978 2 16.5967 2 17.1481 2.22837C17.8831 2.53285 18.4672 3.11687 18.7716 3.85195C19 4.40327 19 5.10218 19 6.5V7C19 8.86129 19 9.79193 18.7553 10.5451C18.2607 12.0673 17.0673 13.2607 15.5451 13.7553C14.7919 14 13.8613 14 12 14C10.1387 14 9.20808 14 8.45492 13.7553C6.93273 13.2607 5.73931 12.0673 5.24472 10.5451C5 9.79193 5 8.86129 5 7V6.5Z"/> <path d="M5 5H3C2.53501 5 2.30252 5 2.11177 5.05112C1.59413 5.18982 1.18981 5.59414 1.05111 6.11178C1 6.30253 1 6.53502 1 7V7C1 7.92998 1 8.39496 1.10222 8.77646C1.37962 9.81174 2.18827 10.6204 3.22354 10.8978C3.60504 11 4.07003 11 5 11V11M19 5H21C21.465 5 21.6975 5 21.8882 5.05112C22.4059 5.18982 22.8102 5.59414 22.9489 6.11178C23 6.30253 23 6.53502 23 7V7C23 7.92998 23 8.39496 22.8978 8.77646C22.6204 9.81174 21.8117 10.6204 20.7765 10.8978C20.395 11 19.93 11 19 11V11M12 14V18M9.09091 22H14.9091C15.5116 22 16 21.5116 16 20.9091V20.9091C16 19.3024 14.6976 18 13.0909 18H10.9091C9.30244 18 8 19.3024 8 20.9091V20.9091C8 21.5116 8.48842 22 9.09091 22ZM12 14V14C13.8613 14 14.7919 14 15.5451 13.7553C17.0673 13.2607 18.2607 12.0673 18.7553 10.5451C19 9.79193 19 8.86129 19 7V6.5C19 5.10218 19 4.40327 18.7716 3.85195C18.4672 3.11687 17.8831 2.53285 17.1481 2.22837C16.5967 2 15.8978 2 14.5 2H9.5C8.10218 2 7.40326 2 6.85195 2.22837C6.11687 2.53285 5.53284 3.11687 5.22836 3.85195C5 4.40327 5 5.10218 5 6.5V7C5 8.86129 5 9.79193 5.24472 10.5451C5.73931 12.0673 6.93273 13.2607 8.45492 13.7553C9.20808 14 10.1387 14 12 14Z" stroke-linecap="round" stroke-linejoin="round"/> </svg></div><div class="column__content"><p class="column__title heading font-medium leading-tight tracking-none"> Trusted By 200k+ Athletes</p></div> </div></carousel-element> </div> </div> </div><div id="shopify-section-sections--26701576438143__footer" class="shopify-section shopify-section-group-footer-group"><style data-shopify>#shopify-section-sections--26701576438143__footer { --section-padding-top: 72px; --section-padding-bottom: 72px;--color-background: 31 31 31;--color-foreground: 255 255 255; --color-border: var(--color-foreground)/ 0.1; --color-border-dark: var(--color-foreground)/ 0.4; --color-border-light: var(--color-foreground)/ 0.06;--color-button-background: 255 255 255; --color-button-border: 255 255 255;--color-button-text: 0 0 0;}</style><div class="section section--padding"> <footer class="footer page-width relative grid"><div class="footer__left flex flex-col md:flex-row gap-10"><div class="footer__accordions flex flex-wrap flex-col md:flex-row md:grow md:gap-12"><details class="footer__item--link_list-1 details active" is="footer-details" > <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer"> <span class="text-base-2xl font-medium">Quick links</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path> </svg></summary><div class="details__content"> <ul class="flex flex-col gap-3"><li class="inline-flex"> <a href="/fr/pages/track-my-order" class="block reversed-link text-sm-lg leading-tight">Suivre ma commande</a> </li><li class="inline-flex"> <a href="/fr/pages/delivery" class="block reversed-link text-sm-lg leading-tight">Frais de livraison et informations sur l'expédition</a> </li><li class="inline-flex"> <a href="/fr/pages/clothing-size-guide" class="block reversed-link text-sm-lg leading-tight">Guide des tailles de vêtements</a> </li><li class="inline-flex"> <a href="/fr/pages/what-size-backpack-is-right-for-me" class="block reversed-link text-sm-lg leading-tight">Guide des tailles de sac à dos</a> </li><li class="inline-flex"> <a href="/fr/pages/returns" class="block reversed-link text-sm-lg leading-tight">Retours</a> </li><li class="inline-flex"> <a href="/fr/pages/studentdiscount" class="block reversed-link text-sm-lg leading-tight">Student & Senior Discount</a> </li><li class="inline-flex"> <a href="/fr/pages/keyworker-discount" class="block reversed-link text-sm-lg leading-tight">Réductions pour le NHS et les Keyworkers</a> </li><li class="inline-flex"> <a href="/fr/pages/discounts-promotions" class="block reversed-link text-sm-lg leading-tight">Codes de réduction et promotions</a> </li><li class="inline-flex"> <a href="/fr/pages/contact-us" class="block reversed-link text-sm-lg leading-tight">Nous contacter</a> </li></ul> </div> <style> @media (min-width: 1280px) { .footer__item--link_list-1 { width: calc(50% - var(--sp-12)); } } </style></details><details class="footer__item--link_list_9DKMQN details active" is="footer-details" > <summary class="details__summary flex items-center justify-between gap-2 cursor-pointer"> <span class="text-base-2xl font-medium">Information</span><svg class="icon icon-chevron-up icon-md" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 15L12 9L18 15"></path> </svg></summary><div class="details__content"> <ul class="flex flex-col gap-3"><li class="inline-flex"> <a href="/fr/pages/join-our-community" class="block reversed-link text-sm-lg leading-tight">Rejoindre notre communauté</a> </li><li class="inline-flex"> <a href="https://builtforathletes.com/pages/b2b" class="block reversed-link text-sm-lg leading-tight">Inscription B2B et commerce de gros</a> </li><li class="inline-flex"> <a href="/fr/pages/warranty-details-registration" class="block reversed-link text-sm-lg leading-tight">Garantie</a> </li><li class="inline-flex"> <a href="/fr/blogs/news" class="block reversed-link text-sm-lg leading-tight">Journal de formation</a> </li><li class="inline-flex"> <a href="/fr/policies/terms-of-service" class="block reversed-link text-sm-lg leading-tight">Conditions d'utilisation</a> </li><li class="inline-flex"> <a href="/fr/pages/privacy" class="block reversed-link text-sm-lg leading-tight">Politique de confidentialité</a> </li><li class="inline-flex"> <a href="/fr/pages/job-application-privacy-policy" class="block reversed-link text-sm-lg leading-tight">Politique de confidentialité des candidatures</a> </li><li class="inline-flex"> <a href="/fr/pages/cookie-consent-options" class="block reversed-link text-sm-lg leading-tight">Formulaire de consentement à l'utilisation de cookies</a> </li><li class="inline-flex"> <a href="/fr/pages/social-competitions" class="block reversed-link text-sm-lg leading-tight">Concours sociaux</a> </li><li class="inline-flex"> <a href="/fr/pages/rewards" class="block reversed-link text-sm-lg leading-tight">Loyalty & Rewards</a> </li><li class="inline-flex"> <a href="/fr/pages/about-us" class="block reversed-link text-sm-lg leading-tight">À propos de nous</a> </li></ul> </div> <style> @media (min-width: 1280px) { .footer__item--link_list_9DKMQN { width: calc(50% - var(--sp-12)); } } </style></details></div> </div><div class="footer__right grid gap-10"><div class="footer__newsletter grid gap-6"> <p class="h3 text-xl leading-none tracking-none font-medium lg:font-bold">Save 10% OFF when you join our Newsletter</p> <div class="klaviyo-form-VErB4R"></div> <div class="klaviyo-form-RMDiwv"></div> </div><div class="footer__socials flex justify-start md:justify-end xl:justify-start"><ul class="flex flex-wrap items-center gap-7"><li><a href="https://www.facebook.com/builtforathletes/" class="social_platform block relative" is="magnet-link" title="Built for Athletes™ sur Facebook"><svg class="icon icon-facebook icon-lg" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M9.03153 23L9 13H5V9H9V6.5C9 2.7886 11.2983 1 14.6091 1C16.1951 1 17.5581 1.11807 17.9553 1.17085V5.04948L15.6591 5.05052C13.8584 5.05052 13.5098 5.90614 13.5098 7.16171V9H18.75L16.75 13H13.5098V23H9.03153Z"/> </svg><span class="sr-only">Facebook</span> </a> </li><li><a href="https://www.instagram.com/builtforathletes/" class="social_platform block relative" is="magnet-link" title="Built for Athletes™ sur Instagram"><svg class="icon icon-instagram icon-lg" viewBox="0 0 24 24" stroke="none" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2.98C14.94 2.98 15.28 2.99 16.44 3.04C17.14 3.04 17.83 3.18 18.48 3.42C18.96 3.6 19.39 3.88 19.75 4.24C20.12 4.59 20.4 5.03 20.57 5.51C20.81 6.16 20.94 6.85 20.95 7.55C21 8.71 21.01 9.06 21.01 12C21.01 14.94 21 15.28 20.95 16.44C20.95 17.14 20.81 17.83 20.57 18.48C20.39 18.95 20.11 19.39 19.75 19.75C19.39 20.11 18.96 20.39 18.48 20.57C17.83 20.81 17.14 20.94 16.44 20.95C15.28 21 14.93 21.01 12 21.01C9.07 21.01 8.72 21 7.55 20.95C6.85 20.95 6.16 20.81 5.51 20.57C5.03 20.39 4.6 20.11 4.24 19.75C3.87 19.4 3.59 18.96 3.42 18.48C3.18 17.83 3.05 17.14 3.04 16.44C2.99 15.28 2.98 14.93 2.98 12C2.98 9.07 2.99 8.72 3.04 7.55C3.04 6.85 3.18 6.16 3.42 5.51C3.6 5.03 3.88 4.6 4.24 4.24C4.59 3.87 5.03 3.59 5.51 3.42C6.16 3.18 6.85 3.05 7.55 3.04C8.71 2.99 9.06 2.98 12 2.98ZM12 1C9.01 1 8.64 1.01 7.47 1.07C6.56 1.09 5.65 1.26 4.8 1.58C4.07 1.86 3.4 2.3 2.85 2.85C2.3 3.41 1.86 4.07 1.58 4.8C1.26 5.65 1.09 6.56 1.07 7.47C1.02 8.64 1 9.01 1 12C1 14.99 1.01 15.36 1.07 16.53C1.09 17.44 1.26 18.35 1.58 19.2C1.86 19.93 2.3 20.6 2.85 21.15C3.41 21.7 4.07 22.14 4.8 22.42C5.65 22.74 6.56 22.91 7.47 22.93C8.64 22.98 9.01 23 12 23C14.99 23 15.36 22.99 16.53 22.93C17.44 22.91 18.35 22.74 19.2 22.42C19.93 22.14 20.6 21.7 21.15 21.15C21.7 20.59 22.14 19.93 22.42 19.2C22.74 18.35 22.91 17.44 22.93 16.53C22.98 15.36 23 14.99 23 12C23 9.01 22.99 8.64 22.93 7.47C22.91 6.56 22.74 5.65 22.42 4.8C22.14 4.07 21.7 3.4 21.15 2.85C20.59 2.3 19.93 1.86 19.2 1.58C18.35 1.26 17.44 1.09 16.53 1.07C15.36 1.02 14.99 1 12 1ZM12 6.35C10.88 6.35 9.79 6.68 8.86 7.3C7.93 7.92 7.21 8.8 6.78 9.84C6.35 10.87 6.24 12.01 6.46 13.1C6.68 14.2 7.22 15.2 8.01 15.99C8.8 16.78 9.81 17.32 10.9 17.54C12 17.76 13.13 17.65 14.16 17.22C15.19 16.79 16.07 16.07 16.7 15.14C17.32 14.21 17.65 13.12 17.65 12C17.65 10.5 17.05 9.06 16 8.01C14.94 6.95 13.5 6.36 12.01 6.36L12 6.35ZM12 15.67C11.27 15.67 10.57 15.45 9.96 15.05C9.36 14.65 8.89 14.07 8.61 13.4C8.33 12.73 8.26 11.99 8.4 11.28C8.54 10.57 8.89 9.92 9.4 9.4C9.91 8.88 10.57 8.54 11.28 8.4C11.99 8.26 12.73 8.33 13.4 8.61C14.07 8.89 14.64 9.36 15.05 9.96C15.45 10.56 15.67 11.27 15.67 12C15.67 12.97 15.28 13.91 14.6 14.59C13.91 15.28 12.98 15.66 12.01 15.66L12 15.67ZM17.87 7.45C18.6 7.45 19.19 6.86 19.19 6.13C19.19 5.4 18.6 4.81 17.87 4.81C17.14 4.81 16.55 5.4 16.55 6.13C16.55 6.86 17.14 7.45 17.87 7.45Z"/> </svg><span class="sr-only">Instagram</span> </a> </li></ul></div></div></footer></div> </div><div id="shopify-section-sections--26701576438143__footer-copyright" class="shopify-section shopify-section-group-footer-group"><style data-shopify>#shopify-section-sections--26701576438143__footer-copyright { --gradient-background: #171717; --color-background: 23 23 23; --color-foreground: 255 255 255; }</style><div class="section"> <div class="footer-copyright page-width page-width--full w-full flex flex-col items-center justify-between gap-4 lg:gap-0 lg:flex-row relative"> <div class="rte credits text-center">© 2026 Built for Athletes™<ul class="flex flex-wrap gap-3 justify-center lg:justify-start"><li> <small> <a href="/fr/policies/refund-policy" class="block reversed-link">Politique de remboursement</a> </small> </li><li> <small> <a href="/fr/policies/privacy-policy" class="block reversed-link">Politique de confidentialité</a> </small> </li><li> <small> <a href="/fr/policies/terms-of-service" class="block reversed-link">Conditions d’utilisation</a> </small> </li><li> <small> <a href="/fr/policies/shipping-policy" class="block reversed-link">Politique d’expédition</a> </small> </li></ul></div><div class="localization flex items-center justify-center flex-col md:flex-row"><div class="grid gap-2"><form method="post" action="/fr/localization" id="localization_country_form_footer" accept-charset="UTF-8" class="localization__form flex items-center relative" enctype="multipart/form-data" is="localization-form"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/fr/pages/inside-the-hero-backpack" /><label class="sr-only" for="LocalizationCountryFormFooter">Pays/région</label><svg class="icon icon-currency icon-xs stroke-1 absolute pointer-events-none" viewBox="0 0 16 16" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 2.66675V5.33341C0.666687 6.43808 2.45735 7.33341 4.66669 7.33341C6.87602 7.33341 8.66669 6.43808 8.66669 5.33341V2.66675"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 5.3335V8.00016C0.666687 9.10483 2.45735 10.0002 4.66669 10.0002C5.69135 10.0002 6.62535 9.80683 7.33335 9.49016"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M0.666687 8V10.6667C0.666687 11.7713 2.45735 12.6667 4.66669 12.6667C5.69135 12.6667 6.62602 12.474 7.33335 12.1573"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M4.66669 4.66675C6.87583 4.66675 8.66669 3.77132 8.66669 2.66675C8.66669 1.56218 6.87583 0.666748 4.66669 0.666748C2.45755 0.666748 0.666687 1.56218 0.666687 2.66675C0.666687 3.77132 2.45755 4.66675 4.66669 4.66675Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 8V10.6667C7.33337 11.7713 9.12404 12.6667 11.3334 12.6667C13.5427 12.6667 15.3334 11.7713 15.3334 10.6667V8"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M7.33337 10.6667V13.3334C7.33337 14.4381 9.12404 15.3334 11.3334 15.3334C13.5427 15.3334 15.3334 14.4381 15.3334 13.3334V10.6667"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M11.3334 10C13.5425 10 15.3334 9.10457 15.3334 8C15.3334 6.89543 13.5425 6 11.3334 6C9.12424 6 7.33337 6.89543 7.33337 8C7.33337 9.10457 9.12424 10 11.3334 10Z"></path> </svg><select class="localization__item cursor-pointer leading-tight w-full" name="country_code" id="LocalizationCountryFormFooter"> <option value="AF">Afghanistan (GBP £) </option> <option value="ZA">Afrique du Sud (ZAR R) </option> <option value="AL">Albanie (ALL L) </option> <option value="DZ">Algérie (DZD د.ج) </option> <option value="DE">Allemagne (EUR €) </option> <option value="AD">Andorre (EUR €) </option> <option value="AO">Angola (AOA Kz) </option> <option value="AI">Anguilla (XCD $) </option> <option value="AG">Antigua-et-Barbuda (XCD $) </option> <option value="SA">Arabie saoudite (SAR ر.س) </option> <option value="AR">Argentine (ARS $) </option> <option value="AM">Arménie (AMD դր.) </option> <option value="AW">Aruba (AWG ƒ) </option> <option value="AU">Australie (AUD $) </option> <option value="AT">Autriche (EUR €) </option> <option value="AZ">Azerbaïdjan (AZN ₼) </option> <option value="BS">Bahamas (BSD $) </option> <option value="BH">Bahreïn (USD $) </option> <option value="BD">Bangladesh (BDT ৳) </option> <option value="BB">Barbade (BBD $) </option> <option value="BE">Belgique (EUR €) </option> <option value="BZ">Belize (BZD $) </option> <option value="BJ">Bénin (XOF Fr) </option> <option value="BM">Bermudes (USD $) </option> <option value="BT">Bhoutan (USD $) </option> <option value="BY">Biélorussie (GBP £) </option> <option value="BO">Bolivie (BOB Bs.) </option> <option value="BA">Bosnie-Herzégovine (BAM КМ) </option> <option value="BW">Botswana (BWP P) </option> <option value="BR">Brésil (BRL R$) </option> <option value="BN">Brunei (BND $) </option> <option value="BG">Bulgarie (EUR €) </option> <option value="BF">Burkina Faso (GBP £) </option> <option value="BI">Burundi (GBP £) </option> <option value="KH">Cambodge (KHR ៛) </option> <option value="CM">Cameroun (GBP £) </option> <option value="CA">Canada (CAD $) </option> <option value="CV">Cap-Vert (CVE $) </option> <option value="CL">Chili (CLP $) </option> <option value="CN">Chine (CNY ¥) </option> <option value="CY">Chypre (EUR €) </option> <option value="CO">Colombie (COP $) </option> <option value="KM">Comores (KMF Fr) </option> <option value="CG">Congo-Brazzaville (GBP £) </option> <option value="CD">Congo-Kinshasa (GBP £) </option> <option value="KR">Corée du Sud (KRW ₩) </option> <option value="CR">Costa Rica (CRC ₡) </option> <option value="CI">Côte d’Ivoire (GBP £) </option> <option value="HR">Croatie (EUR €) </option> <option value="CW">Curaçao (USD $) </option> <option value="DK">Danemark (DKK kr.) </option> <option value="DJ">Djibouti (DJF Fdj) </option> <option value="DM">Dominique (XCD $) </option> <option value="EG">Égypte (EGP ج.م) </option> <option value="AE">Émirats arabes unis (AED د.إ) </option> <option value="EC">Équateur (USD $) </option> <option value="ER">Érythrée (GBP £) </option> <option value="ES">Espagne (EUR €) </option> <option value="EE">Estonie (EUR €) </option> <option value="SZ">Eswatini (SZL E) </option> <option value="VA">État de la Cité du Vatican (EUR €) </option> <option value="US">États-Unis (USD $) </option> <option value="ET">Éthiopie (ETB Br) </option> <option value="FJ">Fidji (FJD $) </option> <option value="FI">Finlande (EUR €) </option> <option value="FR">France (EUR €) </option> <option value="GA">Gabon (GBP £) </option> <option value="GM">Gambie (GBP £) </option> <option value="GE">Géorgie (GEL ₾) </option> <option value="GS">Géorgie du Sud-et-les Îles Sandwich du Sud (GBP £) </option> <option value="GH">Ghana (GBP £) </option> <option value="GI">Gibraltar (GBP £) </option> <option value="GR">Grèce (EUR €) </option> <option value="GD">Grenade (XCD $) </option> <option value="GL">Groenland (DKK kr.) </option> <option value="GP">Guadeloupe (EUR €) </option> <option value="GT">Guatemala (GTQ Q) </option> <option value="GG">Guernesey (GBP £) </option> <option value="GN">Guinée (GNF Fr) </option> <option value="GQ">Guinée équatoriale (GBP £) </option> <option value="GW">Guinée-Bissau (XOF Fr) </option> <option value="GY">Guyana (GYD $) </option> <option value="GF">Guyane française (EUR €) </option> <option value="HT">Haïti (HTG G) </option> <option value="HN">Honduras (HNL L) </option> <option value="HU">Hongrie (HUF Ft) </option> <option value="CX">Île Christmas (GBP £) </option> <option value="NF">Île Norfolk (GBP £) </option> <option value="IM">Île de Man (GBP £) </option> <option value="AC">Île de l’Ascension (GBP £) </option> <option value="AX">Îles Åland (GBP £) </option> <option value="KY">Îles Caïmans (KYD $) </option> <option value="CC">Îles Cocos (GBP £) </option> <option value="CK">Îles Cook (NZD $) </option> <option value="FO">Îles Féroé (DKK kr.) </option> <option value="FK">Îles Malouines (FKP £) </option> <option value="PN">Îles Pitcairn (GBP £) </option> <option value="SB">Îles Salomon (SBD $) </option> <option value="TC">Îles Turques-et-Caïques (USD $) </option> <option value="VG">Îles Vierges britanniques (USD $) </option> <option value="UM">Îles mineures éloignées des États-Unis (GBP £) </option> <option value="IN">Inde (INR ₹) </option> <option value="ID">Indonésie (IDR Rp) </option> <option value="IQ">Irak (GBP £) </option> <option value="IE">Irlande (EUR €) </option> <option value="IS">Islande (ISK kr) </option> <option value="IL">Israël (ILS ₪) </option> <option value="IT">Italie (EUR €) </option> <option value="JM">Jamaïque (JMD $) </option> <option value="JP">Japon (JPY ¥) </option> <option value="JE">Jersey (GBP £) </option> <option value="JO">Jordanie (USD $) </option> <option value="KZ">Kazakhstan (KZT ₸) </option> <option value="KE">Kenya (KES KSh) </option> <option value="KG">Kirghizstan (KGS som) </option> <option value="KI">Kiribati (USD $) </option> <option value="XK">Kosovo (GBP £) </option> <option value="KW">Koweït (USD $) </option> <option value="RE">La Réunion (EUR €) </option> <option value="LA">Laos (LAK ₭) </option> <option value="LS">Lesotho (LSL L) </option> <option value="LV">Lettonie (EUR €) </option> <option value="LB">Liban (LBP ل.ل) </option> <option value="LR">Liberia (GBP £) </option> <option value="LY">Libye (GBP £) </option> <option value="LI">Liechtenstein (CHF CHF) </option> <option value="LT">Lituanie (EUR €) </option> <option value="LU">Luxembourg (EUR €) </option> <option value="MK">Macédoine du Nord (MKD ден) </option> <option value="MG">Madagascar (USD $) </option> <option value="MY">Malaisie (MYR RM) </option> <option value="MW">Malawi (MWK MK) </option> <option value="MV">Maldives (MVR MVR) </option> <option value="ML">Mali (GBP £) </option> <option value="MT">Malte (EUR €) </option> <option value="MA">Maroc (MAD د.م.) </option> <option value="MQ">Martinique (EUR €) </option> <option value="MU">Maurice (MUR ₨) </option> <option value="MR">Mauritanie (USD $) </option> <option value="YT">Mayotte (GBP £) </option> <option value="MX">Mexique (MXN $) </option> <option value="MD">Moldavie (MDL L) </option> <option value="MC">Monaco (EUR €) </option> <option value="MN">Mongolie (MNT ₮) </option> <option value="ME">Monténégro (EUR €) </option> <option value="MS">Montserrat (XCD $) </option> <option value="MZ">Mozambique (MZN MTn) </option> <option value="MM">Myanmar (Birmanie) (GBP £) </option> <option value="NA">Namibie (NAD $) </option> <option value="NR">Nauru (AUD $) </option> <option value="NP">Népal (NPR Rs.) </option> <option value="NI">Nicaragua (NIO C$) </option> <option value="NE">Niger (GBP £) </option> <option value="NG">Nigeria (NGN ₦) </option> <option value="NU">Niue (NZD $) </option> <option value="NO">Norvège (NOK kr) </option> <option value="NC">Nouvelle-Calédonie (XPF Fr) </option> <option value="NZ">Nouvelle-Zélande (NZD $) </option> <option value="OM">Oman (USD $) </option> <option value="UG">Ouganda (GBP £) </option> <option value="UZ">Ouzbékistan (UZS so'm) </option> <option value="PK">Pakistan (PKR ₨) </option> <option value="PA">Panama (USD $) </option> <option value="PG">Papouasie-Nouvelle-Guinée (PGK K) </option> <option value="PY">Paraguay (PYG ₲) </option> <option value="NL">Pays-Bas (EUR €) </option> <option value="BQ">Pays-Bas caribéens (USD $) </option> <option value="PE">Pérou (PEN S/) </option> <option value="PH">Philippines (PHP ₱) </option> <option value="PL">Pologne (PLN zł) </option> <option value="PF">Polynésie française (XPF Fr) </option> <option value="PT">Portugal (EUR €) </option> <option value="QA">Qatar (QAR ر.ق) </option> <option value="HK">R.A.S. chinoise de Hong Kong (HKD $) </option> <option value="MO">R.A.S. chinoise de Macao (MOP P) </option> <option value="CF">République centrafricaine (GBP £) </option> <option value="DO">République dominicaine (DOP $) </option> <option value="RO">Roumanie (RON Lei) </option> <option value="GB" selected>Royaume-Uni (GBP £) </option> <option value="RU">Russie (GBP £) </option> <option value="RW">Rwanda (GBP £) </option> <option value="EH">Sahara occidental (GBP £) </option> <option value="BL">Saint-Barthélemy (EUR €) </option> <option value="KN">Saint-Christophe-et-Niévès (XCD $) </option> <option value="SM">Saint-Marin (EUR €) </option> <option value="MF">Saint-Martin (EUR €) </option> <option value="SX">Saint-Martin (partie néerlandaise) (GBP £) </option> <option value="PM">Saint-Pierre-et-Miquelon (GBP £) </option> <option value="VC">Saint-Vincent-et-les Grenadines (GBP £) </option> <option value="SH">Sainte-Hélène (GBP £) </option> <option value="LC">Sainte-Lucie (XCD $) </option> <option value="SV">Salvador (USD $) </option> <option value="WS">Samoa (WST T) </option> <option value="ST">Sao Tomé-et-Principe (STD Db) </option> <option value="SN">Sénégal (XOF Fr) </option> <option value="RS">Serbie (RSD РСД) </option> <option value="SC">Seychelles (SCR ₨) </option> <option value="SL">Sierra Leone (GBP £) </option> <option value="SG">Singapour (SGD $) </option> <option value="SK">Slovaquie (EUR €) </option> <option value="SI">Slovénie (EUR €) </option> <option value="SO">Somalie (GBP £) </option> <option value="SD">Soudan (GBP £) </option> <option value="SS">Soudan du Sud (GBP £) </option> <option value="LK">Sri Lanka (LKR ₨) </option> <option value="SE">Suède (SEK kr) </option> <option value="CH">Suisse (CHF CHF) </option> <option value="SR">Suriname (SRD $) </option> <option value="SJ">Svalbard et Jan Mayen (GBP £) </option> <option value="TJ">Tadjikistan (GBP £) </option> <option value="TW">Taïwan (TWD $) </option> <option value="TZ">Tanzanie (TZS Sh) </option> <option value="TD">Tchad (GBP £) </option> <option value="CZ">Tchéquie (CZK Kč) </option> <option value="TF">Terres australes françaises (GBP £) </option> <option value="IO">Territoire britannique de l’océan Indien (GBP £) </option> <option value="PS">Territoires palestiniens (GBP £) </option> <option value="TH">Thaïlande (THB ฿) </option> <option value="TL">Timor oriental (USD $) </option> <option value="TG">Togo (GBP £) </option> <option value="TK">Tokelau (GBP £) </option> <option value="TO">Tonga (TOP T$) </option> <option value="TT">Trinité-et-Tobago (TTD $) </option> <option value="TA">Tristan da Cunha (GBP £) </option> <option value="TN">Tunisie (USD $) </option> <option value="TM">Turkménistan (USD $) </option> <option value="TR">Turquie (GBP £) </option> <option value="TV">Tuvalu (AUD $) </option> <option value="UA">Ukraine (GBP £) </option> <option value="UY">Uruguay (UYU $U) </option> <option value="VU">Vanuatu (VUV Vt) </option> <option value="VE">Venezuela (USD $) </option> <option value="VN">Viêt Nam (VND ₫) </option> <option value="WF">Wallis-et-Futuna (XPF Fr) </option> <option value="YE">Yémen (GBP £) </option> <option value="ZM">Zambie (ZMW K) </option> <option value="ZW">Zimbabwe (USD $) </option></select><svg class="icon icon-chevron-down icon-xs absolute pointer-events-none" viewBox="0 0 24 24" stroke="currentColor" fill="none" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 9L12 15L18 9"></path> </svg></form><noscript> <button class="button button--primary button--small w-full" type="submit" form="localization_country_form_footer">Mettre à jour le pays/la région</button> </noscript> </div></div><ul class="payment-icons flex flex-wrap justify-center gap-2 xl:gap-3"><li><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" 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" opacity=".07"/><path fill="#006FCF" 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-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li><li><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><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</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 d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></li><li><svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</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 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-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg></li><li><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><svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><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"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg></li><li><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</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"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</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"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><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><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><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><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</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 d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li></ul></div> </div> </div> <!-- END sections: footer-group --></footer-group> </div> <ul hidden> <li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li> <li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li> </ul> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "SUckDc", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button", product_page_text_align: "center", product_page_margin: "0px", alternate_anchor: "klaviyo-bis-anchor", replace_anchor: false, replace_sold_out: false }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');", drop_background_color: "#000", background_color: "#fff", text_color: "#222", button_text_color: "#fff", button_background_color: "#439fdb", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script> <!-- Remove third party HREFLANG tags that are being injected in favour of ours --> <script> document.addEventListener("DOMContentLoaded", function() { // Remove existing hreflang tags const hreflangTags = document.querySelectorAll('link[rel="alternate"][hreflang]'); hreflangTags.forEach(tag => tag.parentNode.removeChild(tag)); // Function to create and append a new hreflang tag function createHreflangTag(hreflang, href) { const link = document.createElement('link'); link.setAttribute('rel', 'alternate'); link.setAttribute('hreflang', hreflang); link.setAttribute('href', href); document.head.appendChild(link); } // Get current locale const locale = document.documentElement.lang || 'en'; // Add custom hreflang tags based on the current locale if (locale === 'en') { createHreflangTag('fr', 'https://builtforathletes.com/fr' + window.location.pathname); createHreflangTag('de', 'https://builtforathletes.com/de' + window.location.pathname); } else if (locale === 'fr') { createHreflangTag('en', 'https://builtforathletes.com' + window.location.pathname); createHreflangTag('de', 'https://builtforathletes.com/de' + window.location.pathname); } else if (locale === 'de') { createHreflangTag('en', 'https://builtforathletes.com' + window.location.pathname); createHreflangTag('fr', 'https://builtforathletes.com/fr' + window.location.pathname); } }); </script> <script> window.addEventListener('load', function () { var _learnq = window._learnq || []; var klAjax = true; function addedToCart(item) { fetch(window.location.origin + '/cart.js') .then(res => res.json()) .then(data => { var cart = { total_price: data.total_price / 100, $value: data.total_price / 100, original_total_price: data.original_total_price / 100, total_discount: data.total_discount / 100, items: data.items }; // Attach product info if available if (item) { cart = Object.assign(cart, { ProductID: item.id, Name: item.title, Quantity: item.quantity, Price: item.price / 100 }); } if (klAjax) { _learnq.push(['track', 'Added to Cart', cart]); klAjax = false; // Reset flag after short delay (prevents duplicate firing) setTimeout(() => { klAjax = true; }, 500); } }); } // Intercept AJAX add-to-cart calls (function (ns, originalFetch) { ns.fetch = function () { return originalFetch.apply(this, arguments).then(res => { try { if ( res.url && res.url.includes('/cart/add.js') ) { res.clone().json().then(item => { addedToCart(item); }); } } catch (e) { console.warn('Klaviyo ATC tracking error:', e); } return res; }); }; })(window, window.fetch); // Fallback for non-AJAX add-to-cart (form submit) document.querySelectorAll("form[action*='/cart/add']").forEach(form => { form.addEventListener('submit', function () { if (!klAjax) return; var formData = new FormData(form); var item = { ProductID: formData.get('id'), Quantity: formData.get('quantity') || 1 }; _learnq.push(['track', 'Added to Cart', item]); klAjax = false; setTimeout(() => { klAjax = true; }, 500); }); }); }); </script> <div id="shopify-block-ATk45N1dmN05jM05yU__4061484991452085298" class="shopify-block shopify-app-block"> <script> console.log('===== SHOPIFY WIDGET DEBUG START ====='); </script> <script> console.log('>>> ENTERING SINGLE-STORE MODE SCRIPT (fallback) <<<'); window.chatwootSettings = { "position": "right", "type":"standard", "launcherTitle":"Chat with us", "locale": "fr" }; // Store base URL globally for cart tracking window.COMMSLAYER_BASE_URL = "https://app.commslayer.com"; var idName = 'commslayer-widget-toggle'; var clickableElement = document.getElementById(idName); (function(d,t) { var BASE_URL = window.COMMSLAYER_BASE_URL; var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=BASE_URL+"/packs/js/sdk.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g,s); g.onload=function(){ window.chatwootSDK.run({ websiteToken: 'Mwjriqe4g7BuLXHt7vgwzGej', baseUrl: BASE_URL }) } })(document,"script"); if (clickableElement) { window.addEventListener("chatwoot:ready", function () { window.$chatwoot.toggleBubbleVisibility('hide'); }); // click to toggle chat widget clickableElement.addEventListener('click', function() { // toggle widget visibility window.$chatwoot.toggle(); if (window.$chatwoot.isOpen) { // show chat bubble if widget is visible window.$chatwoot.toggleBubbleVisibility('show'); } else { // hide chat bubble if widget is not visible window.$chatwoot.toggleBubbleVisibility('hide'); } }); } </script> <script> // Only run common functionality if widget was initialized if (window.COMMSLAYER_BASE_URL) { // =============================================== // CUSTOMER IDENTIFICATION - IDENTIFY LOGGED IN CUSTOMERS // =============================================== // Guest user - optionally set some attributes to indicate guest status window.addEventListener('chatwoot:ready', function() { try { window.$chatwoot.setCustomAttributes({ logged_in: false, is_guest: true }); } catch (error) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Error setting guest attributes:', error); } } }); // =============================================== // CART STATE TRACKING - SEND ON WIDGET LOAD // =============================================== (function() { 'use strict'; // Configuration - use the global BASE_URL set by widget initialization const COMMSLAYER_BASE_URL = window.COMMSLAYER_BASE_URL || 'https://app.commslayer.com'; // --- Cart state cache --- let cachedCart = null; let lastSentToken = null; let refreshDebounceTimer = null; let forceNextRefresh = false; // Post cached cart state to widget iframe (no network request) function postCartToWidget() { if (!cachedCart) return; const iframe = document.querySelector('iframe[src*="' + COMMSLAYER_BASE_URL + '"]'); if (!iframe) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Widget iframe not found yet'); } return; } try { if (!iframe.contentWindow) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Iframe contentWindow not ready'); } return; } iframe.contentWindow.postMessage({ type: 'SHOPIFY_CART_STATE', action: 'cartUpdated', cart: cachedCart, ajax_token: cachedCart.token }, COMMSLAYER_BASE_URL); lastSentToken = cachedCart.token; if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Sent cart token to widget:', cachedCart.token); } } catch (e) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] PostMessage failed (iframe not ready):', e.message); } } } // Fetch /cart.js once, update cache, and post to widget only if needed async function refreshCart(force) { try { const response = await fetch('/cart.js'); const cart = await response.json(); const tokenChanged = !cachedCart || cart.token !== cachedCart.token; cachedCart = cart; if (force || tokenChanged || lastSentToken === null) { if (window.COMMSLAYER_DEBUG && tokenChanged && lastSentToken !== null) { console.log('[CommSlayer] Cart token changed from', lastSentToken, 'to', cart.token); } postCartToWidget(); } } catch (error) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Error fetching cart:', error); } } } // Debounced refresh — collapses rapid calls into a single /cart.js fetch. // If any call within the debounce window sets force=true, it sticks. function scheduleRefresh(force) { if (force) forceNextRefresh = true; clearTimeout(refreshDebounceTimer); refreshDebounceTimer = setTimeout(function() { const shouldForce = forceNextRefresh; forceNextRefresh = false; refreshCart(shouldForce); }, 300); } // Start cart tracking: one initial fetch + infrequent fallback poll function startCartTracking() { refreshCart(true); // Fallback poll every 60s for themes that don't emit cart events setInterval(function() { refreshCart(false); }, 60000); } // Get sections that need updating when cart changes function getCartSectionsToRender() { const sections = []; // Find all shopify-section elements that contain cart-related UI // These are the sections that typically need updating when cart changes document.querySelectorAll('.shopify-section').forEach(section => { if (section.id) { // Check if this section contains cart-related elements const hasCartElements = section.querySelector('.cart-count, .cart-count-bubble, [data-cart-count], .cart-icon, .cart-drawer, #cart-icon-bubble'); if (hasCartElements) { // Extract the section ID (e.g., 'shopify-section-header' -> 'header') const sectionId = section.id.replace('shopify-section-', ''); if (sectionId && !sections.includes(sectionId)) { sections.push(sectionId); } } } }); // Limit to 5 sections as per Shopify's API limit return sections.slice(0, 5); } // Ajax cart functions using Shopify's bundled section rendering async function addToCart(items) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Adding items to cart:', items); } try { // Get sections to update with bundled rendering const sectionsToRender = getCartSectionsToRender(); let lastResponse = null; // Add items to cart for (const item of items) { const formData = { id: item.variant_id, quantity: item.quantity || 1 }; // Include sections parameter for bundled section rendering (Shopify official approach) // This updates the cart and returns updated section HTML in one request if (sectionsToRender.length > 0) { formData.sections = sectionsToRender.join(','); formData.sections_url = window.location.pathname; } const response = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify(formData) }); if (!response.ok) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Failed to add item:', item, response); } } else { lastResponse = await response.json(); if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Successfully added item:', item, lastResponse); } } } // Update sections if we got them in the response if (lastResponse && lastResponse.sections) { updatePageSections(lastResponse.sections); } // Dispatch cart update events for theme compatibility dispatchCartEvents(lastResponse); // Send updated cart state to widget scheduleRefresh(true); return true; } catch (error) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Error adding to cart:', error); } return false; } } // Update page sections with HTML from bundled section rendering response function updatePageSections(sections) { if (!sections) return; Object.entries(sections).forEach(([sectionId, html]) => { if (html !== null) { // null means section failed to render const sectionElement = document.getElementById(`shopify-section-${sectionId}`); if (sectionElement) { // Create temporary element to parse HTML const temp = document.createElement('div'); temp.innerHTML = html; // Find the shopify-section content const newContent = temp.querySelector('.shopify-section'); if (newContent) { // Replace the inner HTML to preserve event listeners on the section element itself sectionElement.innerHTML = newContent.innerHTML; } else { // If no .shopify-section wrapper, use the HTML directly sectionElement.innerHTML = html; } if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Updated section:', sectionId); } } } }); } // Dispatch cart events for theme compatibility function dispatchCartEvents(cartData) { if (!cartData) return; // Standard cart update events document.dispatchEvent(new CustomEvent('cart:updated', { detail: { cart: cartData } })); document.dispatchEvent(new CustomEvent('cart:change', { detail: { cart: cartData } })); // Theme-specific compatibility if (window.Shopify && window.Shopify.onCartUpdate) { window.Shopify.onCartUpdate(cartData); } // jQuery events for older themes if (window.jQuery) { jQuery(document).trigger('cart.requestComplete', [cartData]); jQuery(document.body).trigger('added.ajaxProduct'); } } async function updateCartItems(items) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Updating cart items:', items); } try { // Build updates object with line item IDs as keys const updates = {}; items.forEach(item => { if (item.line_item_id) { // Line item ID is the 1-based index position in cart updates[item.line_item_id] = item.quantity; } }); // Get sections to update with bundled rendering const sectionsToRender = getCartSectionsToRender(); const requestBody = { updates: updates }; // Include sections for bundled section rendering if (sectionsToRender.length > 0) { requestBody.sections = sectionsToRender.join(','); requestBody.sections_url = window.location.pathname; } const response = await fetch('/cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify(requestBody) }); if (!response.ok) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Failed to update cart:', response); } return false; } const cart = await response.json(); if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Cart updated successfully:', cart); } // Update sections if bundled rendering returned them if (cart.sections) { updatePageSections(cart.sections); } // Dispatch cart events dispatchCartEvents(cart); // Send updated cart state to widget scheduleRefresh(true); return true; } catch (error) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Error updating cart:', error); } return false; } } async function changeCartQuantity(lineItemId, quantity) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Changing quantity for line item:', lineItemId, 'to:', quantity); } try { // Get sections to update with bundled rendering const sectionsToRender = getCartSectionsToRender(); const requestBody = { line: lineItemId, quantity: quantity }; // Include sections for bundled section rendering if (sectionsToRender.length > 0) { requestBody.sections = sectionsToRender.join(','); requestBody.sections_url = window.location.pathname; } const response = await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify(requestBody) }); if (!response.ok) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Failed to change quantity:', response); } return false; } const cart = await response.json(); if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Quantity changed successfully:', cart); } // Update sections if bundled rendering returned them if (cart.sections) { updatePageSections(cart.sections); } // Dispatch cart events dispatchCartEvents(cart); // Send updated cart state to widget scheduleRefresh(true); return true; } catch (error) { if (window.COMMSLAYER_DEBUG) { console.error('[CommSlayer] Error changing quantity:', error); } return false; } } // Message handler for widget communication function handleWidgetMessage(event) { // Log all messages for debugging if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Received message:', event.data, 'from:', event.origin); } // Only accept messages from CommSlayer if (!event.origin.includes(COMMSLAYER_BASE_URL.replace(/^https?:\/\//, ''))) { if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Ignoring message from non-CommSlayer origin'); } return; } // Handle cart sync requests from backend (via widget) if (event.data && (event.data.type === 'CART_SYNC' || event.data.type === 'cart_sync')) { const { action, items, operation } = event.data; if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Received cart sync request:', action, operation, items); } switch (operation) { case 'add': addToCart(items); break; case 'update': if (items && items.length > 0) { // Check if we have line item IDs for update if (items.some(item => item.line_item_id)) { updateCartItems(items); } else { // If no line item IDs, treat as add addToCart(items); } } break; case 'change': // Handle single item quantity change if (items && items.length > 0) { const item = items[0]; if (item.line_item_id) { changeCartQuantity(item.line_item_id, item.quantity); } } break; } } // Handle cart state requests if (event.data && event.data.type === 'COMMSLAYER_CART_UPDATE') { const { action } = event.data; switch (action) { case 'getCart': if (window.COMMSLAYER_DEBUG) { console.log('[CommSlayer] Sending cart state to widget'); } // Send current cart state to widget refreshCart(true); break; case 'openCheckout': // Navigate to checkout if requested if (event.data.data && event.data.data.checkoutUrl) { window.location.href = event.data.data.checkoutUrl; } break; } } } // Initialize cart monitoring function initCartMonitoring() { // Listen for messages from widget window.addEventListener('message', handleWidgetMessage); // Start cart tracking startCartTracking(); // Listen for manual cart updates document.addEventListener('cart:updated', () => { scheduleRefresh(); }); // Listen for Shopify cart events instead of overriding fetch // This is a cleaner approach that doesn't interfere with other scripts // Listen for standard Shopify cart events document.addEventListener('cart:change', () => { scheduleRefresh(); }); document.addEventListener('cart:add', () => { scheduleRefresh(); }); // Listen for common theme-specific events document.addEventListener('ajaxCart:success', () => { scheduleRefresh(); }); document.addEventListener('product:added', () => { scheduleRefresh(); }); // Listen for jQuery cart events if jQuery is available if (window.jQuery) { jQuery(document).on('cart.requestComplete', () => { scheduleRefresh(); }); jQuery(document.body).on('added.ajaxProduct', () => { scheduleRefresh(); }); } // Use MutationObserver to detect cart count changes in the DOM // This is more reliable than overriding fetch and works with any implementation const observeCartChanges = () => { // Find cart count elements const cartCountSelectors = [ '.cart-count', '.cart-count-bubble', '[data-cart-count]', '.cart-item-count', '#CartCount', '.js-cart-item-count' ]; const cartCountElements = []; cartCountSelectors.forEach(selector => { document.querySelectorAll(selector).forEach(el => { if (!cartCountElements.includes(el)) { cartCountElements.push(el); } }); }); if (cartCountElements.length > 0) { const observer = new MutationObserver((mutations) => { // Debounce notifications to avoid too many updates clearTimeout(window.commslayerCartObserverTimeout); window.commslayerCartObserverTimeout = setTimeout(() => { scheduleRefresh(); }, 500); }); // Observe each cart count element for changes cartCountElements.forEach(element => { observer.observe(element, { childList: true, characterData: true, subtree: true, attributes: true, attributeFilter: ['data-cart-count', 'aria-label'] }); }); } }; // Start observing cart changes after a short delay setTimeout(observeCartChanges, 1000); } // Wait for DOM and widget to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCartMonitoring); } else { initCartMonitoring(); } // Also initialize when widget is ready window.addEventListener('chatwoot:ready', () => { scheduleRefresh(true); }); })(); } </script> </div><div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block"> <script> window.Rebuy = window.Rebuy || {}; window.Rebuy.customer = window.Rebuy.customer || {}; </script> <script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=metcon-store.myshopify.com"></script> </div><!-- Failed to render app block "7885500093077574326": app block path "shopify://apps/videowise-video-commerce/blocks/script_embed/b48d6c0c-3e3f-4791-a9ab-a5ab7ec82f4d" does not exist --><div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block"> <script> window.SwymCollectionsConfig = { 'CollectionsSelectors': [], 'CollectionsPosition': "top-right", 'CollectionsIcon': "heart", 'CollectionsButtonSize': 25, 'CollectionsVerticalOffset': 0, 'CollectionsHorizontalOffset': 0, 'CollectionsProductLinkSelector': ".product-card--card .media-container > a", 'CollectionsProductTileSelector': ".product-card--card", 'CollectionsVariantSelector': "false", 'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist", 'CollectionsCreateListTitle': "Name Your Wishlist", 'CollectionsCreateListPlaceholder': "Enter wishlist name", 'CollectionsCustomIconAdd': "", 'CollectionsCustomIconAdded': "", 'CollectionsIconColor': "#000000", 'CollectionsIconThickness': "1.7", } </script> <style> .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; min-width: 25px; height: 25px!important;} .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;} .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;} </style> <script> // Send heartbeat for collections button (function() { let collectionsButtonHeartbeatData = ''; try { collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {}; } catch (e) { collectionsButtonHeartbeatData = {}; } const ShopifyTheme = window.Shopify.theme; const themeId = ShopifyTheme.id; let heartbeatMetadata = { schema_name: ShopifyTheme?.schema_name, schema_version: ShopifyTheme?.schema_version, theme_store_id: ShopifyTheme?.theme_store_id, role: ShopifyTheme?.role }; const isDesignMode = !!window.swymDesignMode; if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push((swat) => { if (!swat || !themeId) { return; } const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId]; const themeContext = isDesignMode ? 'editor' : themeId; const extensionData = { extensionName: "add-to-wishlist-collections-button", extensionType: "app-embed", metadata: heartbeatMetadata, themeId: themeContext, extensionSource: "default" }; /** Stop heartbeat triggerHeartbeat(extensionData, lastHeartbeat); */ }); })(); // IIFE to prevent polluting global scope </script> <style> .swym-advanced-wishlist-collections-container { display: none; } </style> </div><div id="shopify-block-AcW0zVTFTNTlsNDJGY__17617377941155185484" class="shopify-block shopify-app-block"> <!-- BEGIN app snippet: swymVersion --><script>var __SWYM__VERSION__ = '5.0.4';</script><!-- END app snippet --> <script> (function () { // Get CompanyLocation Metadata for B2B customer scenerios (SFS) // Put metafields in window variable const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#000000","secondaryColor":"#ffffff","storefrontLayoutType":"as-drawer","buttonType":{"displayIcon":true,"displayText":false,"style":"solid"},"collectionsButtonPosition":{"position":"top-right","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"product_image_top_right","verticalOffset":0,"horizontalOffset":0},"enableStorefrontLayoutNotification":true,"storefrontLayoutDrawerWidth":400}}'; try { const parsedSettings = JSON.parse(commonCustomizationSettings); if (parsedSettings) { window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; } else { window.SwymWishlistCommonCustomizationSettings = {}; } } catch (e) { window.SwymWishlistCommonCustomizationSettings = {}; } let enabledCommonFeatures = '{"add-to-wishlist-collections-button":true,"add-to-wishlist-pdp-button":true,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopRight","enabled":true},"sfl-popup-v2":true,"control-centre":true,"multiple-wishlist":false,"social-count":{"enabledOnCollections":false}}'; try { enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; } catch (e) { enabledCommonFeatures = {}; } // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. window.SwymEnabledCommonFeatures = enabledCommonFeatures; // Ghost-Intent Configuration // Defaults to disabled (false). Only enabled when metafields explicitly set to "true". try { let ghostIntentConfig = { isExplicitConsentNeeded: false, isExplicitConsentNeededEvenForLocalStorage: false, askForPermissionOnFirstClick: true }; window.SwymGhostIntentConfig = ghostIntentConfig; } catch(e) { window.SwymGhostIntentConfig = { isExplicitConsentNeeded: false, isExplicitConsentNeededEvenForLocalStorage: false, askForPermissionOnFirstClick: true }; } // Education Layer Configuration // Defaults to enabled (true). Only disabled when metafield explicitly set to "false". window.SwymEducationLayerEnabled = true; // Login Nudge Configuration // Defaults to enabled (true). Only disabled when metafield explicitly set to "false". window.SwymLoginNudgeEnabled = true; // Initialize or ensure SwymViewProducts exists if (!window.SwymViewProducts) { window.SwymViewProducts = {}; } })(); </script> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/swym-consent-manager.js" defer></script> <script id="wishlist-embed-init" defer async > (function () { window.swymWishlistEmbedLoaded = true; var fullAssetUrl = "https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/apps.bundle.js"; var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); var swymJsPath = '//procdn.swymrelay.com/code/swym-shopify.js'; var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); window.SwymCurrentJSPath = baseJsPath; window.SwymAssetBaseUrl = assetBaseUrl; window.SwymCurrentStorePath = "//swymstore-v3pro-01.swymrelay.com"; function loadSwymShopifyScript() { var element = ""; var scriptSrc = ""; element = "swym-ext-shopify-script"; window.SwymShopifyCdnInUse = true; scriptSrc = "https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/swym-ext-shopify.js"; if (document.getElementById(element)) { return; } var s = document.createElement("script"); s.id = element; s.type = "text/javascript"; s.async = true; s.defer = true; s.src = scriptSrc; s.onerror = function() { console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); // Fallback logic here element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; var fallbackJsPathVal = "\/\/procdn.swymrelay.com\/code\/swym-shopify.js"; var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; var fallbackScript = document.createElement("script"); fallbackScript.id = element; fallbackScript.type = "text/javascript"; fallbackScript.async = true; fallbackScript.defer = true; fallbackScript.src = scriptSrc; var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(fallbackScript, y); }; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } var consentAPICallbackInvoked = false; function checkConsentAndLoad() { // Allow app to load in design mode (theme editor) regardless of consent if (window.Shopify?.designMode) { loadSwymShopifyScript(); return; } // Ghost-Intent: If merchant enabled explicit consent, block SDK until // consent is given through our Ghost-Intent flow (sync nudge accept). // This works on any store regardless of region (EU or non-EU). var ghostConfig = window.SwymGhostIntentConfig || {}; if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) { try { var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || ''); if (localStorage.getItem(consentKey) === 'true') { // Consent was given through our flow — load SDK loadSwymShopifyScript(); return; } } catch(e) {} // Check if Shopify native cookie consent was given via the cookie banner. // If user accepted cookies through Shopify's banner, load SDK normally // (Ghost-Intent is only needed when NO consent mechanism has been used). var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); if (shopifyConsentGiven) { loadSwymShopifyScript(); return; } console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given"); return; } var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); if(!isCookieBannerVisible) { loadSwymShopifyScript(); return; } var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); if (shouldLoadSwymScript) { loadSwymShopifyScript(); } else { console.warn("No customer consent to load Swym Wishlist Plus"); } } function initialiseConsentCheck() { document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); window.Shopify?.loadFeatures?.( [{name: 'consent-tracking-api', version: '0.1'}], error => { consentAPICallbackInvoked = true; if (error) { if(!window.Shopify?.customerPrivacy) { loadSwymShopifyScript(); return; } } checkConsentAndLoad(); } ); } function consentCheckFallback(retryCount) { if(!consentAPICallbackInvoked) { if (window.Shopify?.customerPrivacy) { checkConsentAndLoad(); } else if (retryCount >= 1) { console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected checkConsentAndLoad(); } else { setTimeout(() => consentCheckFallback(retryCount + 1), 1000); } } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initialiseConsentCheck); window.addEventListener("load", () => consentCheckFallback(0)); } else { initialiseConsentCheck(); } })(); </script> <!-- BEGIN app snippet: swymSnippet --><script defer> (function () { const currentSwymJSPath = '//procdn.swymrelay.com/code/swym-shopify.js'; const currentSwymStorePath = 'https://swymstore-v3pro-01.swymrelay.com'; const dnsPrefetchLink = `<link rel="dns-prefetch" href="https://${currentSwymStorePath}" crossorigin>`; const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; const swymSnippet = document.getElementById('wishlist-embed-init'); if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} })() </script> <script id="swym-snippet" type="text"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"GBP","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function() { window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var unknown = {et: 0}; window.SwymPageData = unknown; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } };})();} window.swymCustomerId =null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "Op7MeDIZyQFtOrfWcVq1t\/zBdck88IbowDwmLS1bkNk=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify();} } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker) { tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { var x = function() { SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); });}; setTimeout(x, 10); });});} window.SwymOverrideMoneyFormat = "£{{amount}}"; </script> <style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> <script id="swymSnippetCheckAndActivate" > (function () { function postDomLoad() { var element = document.querySelector('script#swym-snippet:not([type="text"])'); if (!element) { var script = document.querySelector('script#swym-snippet[type="text"]'); if (script) { script.type = 'text/javascript'; new Function(script.textContent)(); } } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', postDomLoad); } else { postDomLoad(); } })(); </script> <script> (function () { const themeSchemaName = window.Shopify.theme.schema_name; if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(swat => { if (!swat) { return; } // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) { window.SwymLocalWishlist.syncToCloud(swat); } if (window._SwymSDKOnlyMode) { return; } // ENABLE COMMON FEATURES let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; Object.keys(swymEnabledCommonFeatures).forEach(key => { if (!swymEnabledCommonFeatures[key]) return; switch (key) { case 'add-to-wishlist-collections-button': // Check if app block is already handling the collections button if (window.SwymCollectionsConfig) { return; } // Check if v2 default collections is handling it if (window.SwymAdvancedCollectionsWishlistConfig) { return; } // Fallback to old v1 behavior if v2 config is not present swat?.collectionsApi?.setDefaultCustomizationOptions(); swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); break; case 'add-to-wishlist-pdp-button': // Check if app block is already handling the PDP button if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') { return; } if (!(window.SwymPageData && window.SwymPageData.et === 1)) { // Not initiating pdp button as it is not a product page return; } // Inject addtowishlist.css into the document's <head> var head = document.head; var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/addtowishlistbutton.css"; var pdpButtonStylesheetTag = document.createElement('link'); pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; pdpButtonStylesheetTag.rel = 'stylesheet'; pdpButtonStylesheetTag.href = pdpButtonStylesheet; if (!document.getElementById('swym-pdp-button-stylesheet')) { head.appendChild(pdpButtonStylesheetTag); } var x = document.getElementsByTagName('script')[0]; function createAndInsertScript(id, src, onLoadCallback) { var scriptTag = document.createElement('script'); scriptTag.id = id; scriptTag.type = 'text/javascript'; scriptTag.src = src; scriptTag.onload = onLoadCallback; x.parentNode.insertBefore(scriptTag, x); } var pdpButtonScript = "https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/addtowishlistbutton.js"; createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () { const pdpBtnApi = window.WishlistPlusPDPButtonAPI; if (pdpBtnApi) { pdpBtnApi.setDefaultCustomizationOptions(swat); pdpBtnApi.initializePDPButton(swat, true); } }); break; default: return; } }); }); })(); // IIFE to prevent polluting global scope </script> <script> (function () { // Get the settings from Shopify's Liquid variables and create the styles const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; const isControlCentreEnabledFromBlockSettings = true; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { // Don't enable control centre if this is disabled and block settings are not enabled return; } let borderRadius = 0; let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; // Check if block settings exist, use them, otherwise fall back to common settings let primaryBgColor = isControlCentreEnabledFromBlockSettings ? "#171717" : window.SwymWishlistCommonCustomizationSettings.primaryColor; let primaryTextColor = isControlCentreEnabledFromBlockSettings ? "#ffffff" : window.SwymWishlistCommonCustomizationSettings.secondaryColor; let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? "#ffffff" : null; let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? "#171717" : null; // Only use color adjustment functions if we're using common settings if (!secondaryBgColor || !secondaryTextColor) { function adjustOpacity(color, opacity) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(char => char + char).join(''); } const r = parseInt(color.slice(0, 2), 16); const g = parseInt(color.slice(2, 4), 16); const b = parseInt(color.slice(4, 6), 16); return `rgba(${r}, ${g}, ${b}, ${opacity})`; } function hexToRgb(color) { if (color[0] === '#') { color = color.slice(1); } if (color.length === 3) { color = color.split('').map(c => c + c).join(''); } return { r: parseInt(color.slice(0, 2), 16), g: parseInt(color.slice(2, 4), 16), b: parseInt(color.slice(4, 6), 16) }; } function getLuminance({ r, g, b }) { return 0.299 * r + 0.587 * g + 0.114 * b; } function generateSecondaryColors(primaryBgColor, primaryTextColor) { const secondaryBgOpacity = 0.2; const secondaryTextOpacity = 0.8; const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); const bgRgb = hexToRgb(primaryBgColor); const bgLuminance = getLuminance(bgRgb); // Determine whether to use dark or light text for contrast const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; return { secondaryBgColor, secondaryTextColor }; } const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; } // Create the CSS rule let styles = ` .swym-storefront-layout-root-component { --swym-storefront-layout-ui-border-radius: ${borderRadius}px; --swym-storefront-layout-button-border-radius: ${borderRadius}px; --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; } `; // Create a <style> element and append the styles let styleSheet = document.createElement("style"); styleSheet.type = "text/css"; styleSheet.innerText = styles; document.head.appendChild(styleSheet); if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ window.SwymStorefrontLayoutExtensions = {}; } // Expose block settings toggle state so ThemeCSSMapping can respect it. // When true, theme editor color pickers take priority over inherited theme CSS variables. SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings; if (isControlCentreEnabledFromBlockSettings) { // If block settings are enabled, use them SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } else { // If only metafield is enabled but no block settings, use common settings SwymStorefrontLayoutContext.Settings = { EnableStorefrontLayoutOnLauncher: true, EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", StorefrontLayoutDrawerPosition: "left", StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", EnableStorefrontLayoutVariantSelector: true, StorefrontLayoutNotificationPosition: "left", StorefrontLayoutActionPopupPosition: "left", StorefrontLayoutNotificationDuration: 5000 }; } const storefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; SwymStorefrontLayoutContext.Settings = { ...SwymStorefrontLayoutContext?.Settings, EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false, EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), } if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { detail: { settings: SwymStorefrontLayoutContext?.Settings } }); document.dispatchEvent(event); }else{ swat.utils.warn(`LayoutInitialized event is not defined.`); } }else{ swat.utils.warn(`Storefront Layout is disabled.`); document.getElementById("swym-storefront-layout-container")?.remove(); document.getElementById("swym-storefront-extention-render-container")?.remove(); } } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(storefrontLayoutCallback); SwymStorefrontLayoutContext.SwymCustomerData = { name: null, email: null }; SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; })(); </script> <div id="swym-storefront-extention-render-container"> <!-- BEGIN app snippet: swymStorefrontLayout --><script> (function () { const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; const isControlCentreEnabledFromBlockSettings = true; const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { return; } if (typeof window.SwymStorefrontLayoutContext === 'undefined') { window.SwymStorefrontLayoutContext = {}; } // Initialize strings with empty values first to prevent string changes after loadStrings() SwymStorefrontLayoutContext.Strings = { title: "", addToCart: "", addedToCart: "", soldOut: "", addingToCart: "", viewCartCta: "", moveToCartCta: "", movingToCartCta: "", removeSflItemCta: "", loginHeading: "", loginText: "", loginButtonText: "", loggedUserWelcomeMessage: "", VariantSelectorBtnText: "", wishlistTitle: "", wishlistInfo: "", emptyWishlistTitle: "", emptyWishlistDescription: "", collectionTitle: "", emptyCarouselCollectionText: "", emptyCollectionText: "", emptyCollectionDescription: "", addToCollectionTitle: "", removeItemCta: "", addToCollectionCta: "", createCollectionCta: "", saveNewCollectionCta: "", renameCollectionCta: "", deleteCollectionCta: "", shareCollectionCta: "", saveCollectionCta: "", editCollectionCta: "", shareCollectionTitle: "", shareCollectionMessage: "", sharedCollectionMessage: "", updateCollectionTitle: "", errorMessageListNameRequired: "", errorMessageListNameRequire3Char: "", errorMessageListNameAlreadyExist: "", notificationMessageItemSaved: "", notificationMessageItemRemoved: "", notificationMessageAddedToCart: "", notificationMessageAddedToCollection: "", notificationMessageCollectionSaved: "", notificationMessageCollectionDeleted: "", notificationMessageCollectionUpdated: "", notificationMessageCollectionUnavailable: "", notificationMessageSFLItemSaved: "", notificationMessageSFLItemRemoved: "", notificationMessageMovedToCart: "", notificationActionAddToCollection: "", notificationActionView: "", notificationActionViewCollection: "", notificationActionGoToCart: "", item: "", items: "", tabWishlist: "", tabSavedForLater: "", tabSavedForYou: "", savedForLaterTitle: "", emptySavedForLaterTitle: "", emptySavedForLaterDescription: "", awNudgeMessage: "", awNudgeMessageSub: "", awNudgeLoginCTA: "", awNudgeDismiss: "", emptySingleLoggedInTitle: "", emptySingleLoggedInDescription: "", emptySingleLoggedInBullet1: "", emptySingleLoggedInBullet2: "", emptySingleLoggedInBullet3: "", emptySingleLoggedInCTA: "", emptyMultiLoggedInTitle: "", emptyMultiLoggedInDescription: "", emptyMultiLoggedInCreateTitle: "", emptyMultiLoggedInCreateDescription: "", emptyMultiLoggedInBrowseLabel: "", emptyMultiLoggedInCTA: "", emptyMultiLoggedInTag1: "", emptyMultiLoggedInTag2: "", emptyMultiLoggedInTag3: "", emptyMultiLoggedInTag4: "", emptyMultiLoggedInTag5: "", emptyGuestTitle: "", emptyGuestDescription: "", emptyGuestSingleNotice: "", emptyGuestMultiNotice: "", emptyGuestLoginCTA: "", emptyGuestBrowseCTA: "", emptyGuestSignupText: "", emptyGuestSignupCTA: "", emptySflTitle: "", emptySflDescription: "", emptySflStep1Title: "", emptySflStep1Description: "", emptySflStep2Title: "", emptySflStep2Description: "", emptySflLoggedInNotice: "", emptySflGuestNotice: "", emptySflGoToCartCTA: "", emptySflLoginCTA: "", emptySflSignupText: "", emptySflSignupCTA: "" }; SwymStorefrontLayoutContext.stringsLoaded = false; /** * Function to override Swym's default UI behavior. **/ const overrideSwymDefaultUI = (swat) => { try{ swat.ui.open = function(){ window.location.hash = SwymStorefrontLayoutContext?.StorefrontLayoutUrls?.List; } if (swat.ui?.uiRef?.settings?.UI) { swat.ui.uiRef.settings.UI.NotificationDisabled = true; } }catch(e){ swat.utils?.warn('Error overriding Swym default UI:', e); } } /** * Callback function to override Swym's default UI behavior based on Storefront Layout settings. * * - Overrides `swat.ui.open` to redirect to a custom Storefront Layout URL if enabled. * - Overrides Swym's default notifications to log notifications instead of displaying them. * - Ensures the callback is pushed to `window.SwymCallbacks` for execution when Swym is initialized. * * @param {Object} swat - Swym's UI object used for overriding UI behaviors. */ const swymStorefrontLayoutCallback = (swat) =>{ SwymStorefrontLayoutContext.swat = swat; overrideSwymDefaultUI(swat); let triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; if (typeof triggerHeartbeat !== "function") return; let wishlistNewUiHeartbeatData = ''; try { wishlistNewUiHeartbeatData = JSON.parse(wishlistNewUiHeartbeatData) || {}; } catch (e) { wishlistNewUiHeartbeatData = {}; } let themeId = window.Shopify.theme.id; let isDesignMode = !!window.swymDesignMode; let lastHeartbeat = isDesignMode ? wishlistNewUiHeartbeatData?.editor : wishlistNewUiHeartbeatData?.[themeId]; let themeContext = isDesignMode ? 'editor' : themeId; let extensionData = { extensionName: "wishlist-new-ui", extensionType: "app-embed", metadata: {}, themeId: themeContext, extensionSource: "default" }; /** Stop heartbeat triggerHeartbeat(extensionData, lastHeartbeat); */ } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(swymStorefrontLayoutCallback); })(); </script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/storefront-layout.css"> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/async-wishlist-apis.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/storefront-layout.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/storefront-layout-components.js" defer="defer"></script> <swym-storefront-layout class="swym-storefront-layout-root-component"></swym-storefront-layout> <!-- END app snippet --> </div> <!-- BEGIN app snippet: swymEducationTooltip --> <div id="swym-education-tooltip" aria-hidden="true" data-toast-desktop-message="Intéressant ? Cliquez sur '{{wishlistIcon}}' pour l'enregistrer dans votre {{wishlistName}}." data-toast-mobile-message="Intéressant ? Appuyez sur '{{wishlistIcon}}' pour l'ajouter à votre {{wishlistName}}." data-toast-cta="Ajouter aux favoris" data-tooltip-desktop-message="Intéressant ? Cliquez sur '{{wishlistIcon}}' pour l'enregistrer dans votre {{wishlistName}}." data-tooltip-mobile-message="Intéressant ? Appuyez sur '{{wishlistIcon}}' pour l'ajouter à votre {{wishlistName}}." data-button-transition-text-1="Baisse de prix ? Soyez le premier informé." data-button-transition-text-2="Presque épuisé. Juste pour info." data-button-transition-text-3="À vous quand vous voulez."> </div> <div id="swym-education-tooltip-bubble" class="swym-education-tooltip swym-education-tooltip-above" aria-hidden="true" role="tooltip"> <div class="swym-education-tooltip-content"> <span class="swym-education-tooltip-message"></span> <button class="swym-education-tooltip-close" data-swym-education-tooltip-close aria-label="Fermer la fenêtre de consentement"> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M18 6L6 18M6 6l12 12"></path> </svg> </button> </div> <div class="swym-education-tooltip-arrow"></div> </div> <style> /* Education tooltip — positioned fixed, managed by JS */ .swym-education-tooltip { position: fixed; z-index: 500; visibility: hidden; opacity: 0; transition: opacity 0.2s ease, visibility 0.2s ease; pointer-events: none; } .swym-education-tooltip.swym-education-tooltip-visible { visibility: visible; opacity: 1; pointer-events: auto; } .swym-education-tooltip-content { background: var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); color: var(--swym-storefront-layout-notification-neutral-text-color, #383d41); border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color, #d6d8db); padding: 10px 14px; border-radius: var(--swym-storefront-layout-ui-border-radius, 10px); font-size: 13px; line-height: 1.4; display: flex; align-items: center; gap: 8px; max-width: 320px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .swym-education-tooltip-message { flex: 1; } .swym-education-tooltip-close { background: none; border: none; color: inherit; cursor: pointer; padding: 2px; line-height: 1; flex-shrink: 0; opacity: 0.7; } .swym-education-tooltip-close:hover { opacity: 1; } /* Button text fade transition for education nudge */ .swym-btn-text-fade-out { opacity: 0; transition: opacity 0.2s ease; } .swym-btn-text-fade-in { opacity: 1; transition: opacity 0.3s ease; } /* Arrow — points down when tooltip is above, up when below */ .swym-education-tooltip-arrow { width: 0; height: 0; position: absolute; left: 50%; transform: translateX(-50%); } .swym-education-tooltip-above .swym-education-tooltip-arrow { bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); } .swym-education-tooltip-below .swym-education-tooltip-arrow { top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--swym-storefront-layout-notification-neutral-bg-color, #FFFFFF); } /* Hidden data element */ #swym-education-tooltip { display: none; } @media (max-width: 480px) { .swym-education-tooltip-content { max-width: 90vw; font-size: 12px; } } </style> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/swym-education-tooltip.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/019e9145-9178-7834-a883-ac380a9c8bf8/swym-relay-765/assets/swym-education.js" defer="defer"></script> <!-- END app snippet --> </div></body> </html>
