Matériel de point de vente - Boutique de matériel et d'équipement de PDV Shopify

<!doctype html> <html class="no-js theme-main" lang="fr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://hardware.shopify.ca/fr","20211020061841","https://web.archive.org/","web","/_static/", "1634710721"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />   <script> "use strict"; !function() { var t = window.driftt = window.drift = window.driftt || []; if (!t.init) { if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], t.factory = function(e) { return function() { var n = Array.prototype.slice.call(arguments); return n.unshift(e), t.push(n), t; }; }, t.methods.forEach(function(e) { t[e] = t.factory(e); }), t.load = function(t) { var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://web.archive.org/web/20211020061841/https://js.driftt.com/include/" + n + "/" + t + ".js"; var i = document.getElementsByTagName("script")[0]; i.parentNode.insertBefore(o, i); }; } }(); drift.SNIPPET_VERSION = '0.3.1'; drift.load('72a698su8tsc'); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#606fb9"> <link rel="canonical" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"><link rel="shortcut icon" href="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/shopify-favicon_32x32.png?v=1553102152" type="image/png"><title>Matériel de point de vente - Boutique de matériel et d'équipement de PDV Shopify – Shopify Canadian Hardware Store</title><meta name="description" content="Inclut tout le matériel de PDV dont vous avez besoin pour que votre boutique de vente au détail accepte les cartes de crédit et les espèces, et pour imprimer les reçus. Expédition gratuite et retours sous 30 jours"> <meta property="og:site_name" content="Shopify Canadian Hardware Store"> <meta property="og:url" content="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"> <meta property="og:title" content="Matériel de point de vente - Boutique de matériel et d'équipement de PDV Shopify"> <meta property="og:type" content="website"> <meta property="og:description" content="Inclut tout le matériel de PDV dont vous avez besoin pour que votre boutique de vente au détail accepte les cartes de crédit et les espèces, et pour imprimer les reçus. Expédition gratuite et retours sous 30 jours"> <meta property="og:image" content="https://web.archive.org/web/20211020061841im_/http://cdn.shopify.com/s/files/1/0293/8485/files/share-img_2x_870d78f4-3b66-470c-b3d9-640f152c7f7f_1200x1200.jpg?v=1625681167"> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0293/8485/files/share-img_2x_870d78f4-3b66-470c-b3d9-640f152c7f7f_1200x1200.jpg?v=1625681167"> <meta name="twitter:site" content="@shopify"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Matériel de point de vente - Boutique de matériel et d'équipement de PDV Shopify"> <meta name="twitter:description" content="Inclut tout le matériel de PDV dont vous avez besoin pour que votre boutique de vente au détail accepte les cartes de crédit et les espèces, et pour imprimer les reçus. Expédition gratuite et retours sous 30 jours"> <link href="https://web.archive.org/web/20211020061841cs_/https://cdn.shopify.com/shopifycloud/model-viewer-ui/assets/v1.0/model-viewer-ui.css" rel="stylesheet" type="text/css" media="all"/> <link href="//web.archive.org/web/20211020061841cs_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/theme.scss.css?enable_css_minification=1&v=9454496188013316890" rel="stylesheet" type="text/css" media="all"/> <link href="//web.archive.org/web/20211020061841cs_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/nav.scss.css?enable_css_minification=1&v=7311066984377703389" rel="stylesheet" type="text/css" media="all"/> <link href="//web.archive.org/web/20211020061841cs_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/footer.scss.css?enable_css_minification=1&v=15842375990225781886" rel="stylesheet" type="text/css" media="all"/> <script> var theme = { strings: { addToCart: "Ajouter au panier", soldOut: "Épuisé", unavailable: "Indisponible", regularPrice: "Prix régulier", sale: "Vente", showMore: "Afficher plus", showLess: "Afficher moins", addressError: "Vous ne trouvez pas cette adresse", addressNoResults: "Aucun résultat pour cette adresse", addressQueryLimit: "Vous avez dépassé la limite de Google utilisation de l'API. Envisager la mise à niveau à un \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003erégime spécial\u003c\/a\u003e.", authError: "Il y avait un problème authentifier votre compte Google Maps.", newWindow: "S\u0026#39;ouvre dans une nouvelle fenêtre.", external: "Ouvre un site externe.", newWindowExternal: "Ouvre un site externe dans une nouvelle fenêtre." }, moneyFormat: "${{amount_no_decimals}} ", cartUrl: "\/fr\/cart\n", plyrSprite: "https://web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/plyr.svg?39151" } document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script><script src="https://web.archive.org/web/20211020061841js_/https://unpkg.com/local-storage-fallback/lib/dist.min.js"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/lazysizes.js?enable_js_minification=1&v=6844146596460774066" async="async"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/vendor.js?enable_js_minification=1&v=7427532710691783483" defer="defer"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/jquery.alphanum.js?enable_js_minification=1&v=5895811851955084232" defer="defer"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/theme.js?enable_js_minification=1&v=16977341579250751827" defer="defer"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/nav.js?enable_js_minification=1&v=16961174893874901261" defer="defer"></script> <script src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/locationBanner.js?enable_js_minification=1&v=2967694606012473864" defer="defer"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/2938485/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="15c15913c04f8520cc3469fd4ed2ce98"> <link rel="alternate" hreflang="x-default" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/"> <link rel="alternate" hreflang="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/"> <link rel="alternate" hreflang="fr" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":2938485,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/2938485","merchantName":"Shopify Canadian Hardware Store","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Shopify Canadian Hardware Store","amount":"1.00"}}</script> <script id="shopify-features" type="application/json">{"accessToken":"15c15913c04f8520cc3469fd4ed2ce98","betas":["rich-media-storefront-analytics"],"domain":"hardware.shopify.ca","predictiveSearch":true,"shopId":2938485,"smart_payment_buttons_url":"https:\/\/web.archive.org\/web\/20211020061841\/https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/web.archive.org\/web\/20211020061841\/https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "shopifyhardwarecanada.myshopify.com"; Shopify.locale = "fr"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"CA Hardware Theme (Sep 22, 2021)","id":120984469560,"theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "cdn.shopify.com";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/web.archive.org\/web\/20211020061841\/https:\/\/cdn.hextom.com\/js\/quickannouncementbar.js?shop=shopifyhardwarecanada.myshopify.com","https:\/\/web.archive.org\/web\/20211020061841\/https:\/\/cdn.hextom.com\/js\/freeshippingbar.js?shop=shopifyhardwarecanada.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":2938485,"offset":-14400,"reqid":"f6593c72-3669-49d5-8706-3151cf5df60e","pageurl":"hardware.shopify.ca\/fr","u":"b528e317a5c5","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://web.archive.org/web/20211020061841/https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="" data-source-attribution="shopify.loadfeatures" defer="defer" src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-a55261a7a987674749989983b5889eadaac6795d8d48548fb61470a96edb9524.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/shopifycloud/shopify/assets/shopify_pay/storefront-b61f50798075db890698930c4405673937fe89353f7fea7be88b5ce16a9c0af8.js?v=20210208"></script> <script integrity="" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//web.archive.org/web/20211020061841js_/https://cdn.shopify.com/shopifycloud/shopify/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta class="geo-ip" content="eyJwYXJhbWV0ZXJzIjpudWxsLCJydWxlc0xpc3QiOltdfQ=="><script async src="//web.archive.org/web/20211020061841js_/https://hardware.shopify.ca/apps/easylocation/easylocation-1.0.2.min.js"></script> <link href="https://web.archive.org/web/20211020061841/https://monorail-edge.shopifysvc.com/" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 2938485,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://web.archive.org/web/20211020061841/https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"},"evids":{"pv":"Page View","vprd":"Viewed Product","ps":"Performed Search"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 2938485, theme_id: 120984469560, app_name: "storefront", context_url: window.location.href, source_url: "https://web.archive.org/web/20211020061841/https://cdn.shopify.com/s/trekkie.storefront.ea8e40e1465cdeedbb5a8c6f303afcb4498e103e.min.js"}); }; scriptFallback.async = true; scriptFallback.src = 'https://web.archive.org/web/20211020061841/https://cdn.shopify.com/s/trekkie.storefront.ea8e40e1465cdeedbb5a8c6f303afcb4498e103e.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = 'https://web.archive.org/web/20211020061841/https://cdn.shopify.com/s/trekkie.storefront.ea8e40e1465cdeedbb5a8c6f303afcb4498e103e.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2938485,"isMerchantRequest":null,"themeId":120984469560,"themeCityHash":"15303515752785869449","contentLanguage":"fr","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"expectS2SEventId":true},"Google Analytics":{"trackingId":"UA-82702-52","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; (function () { if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) { return; } window.BOOMR = window.BOOMR || {}; window.BOOMR.snippetStart = new Date().getTime(); window.BOOMR.snippetExecuted = true; window.BOOMR.snippetVersion = 12; window.BOOMR.application = "storefront-renderer"; window.BOOMR.themeName = "Debut"; window.BOOMR.themeVersion = "11.1.1"; window.BOOMR.shopId = 2938485; window.BOOMR.themeId = 120984469560; window.BOOMR.url = "https://web.archive.org/web/20211020061841/https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js"; var where = document.currentScript || document.getElementsByTagName("script")[0]; var parentNode = where.parentNode; var promoted = false; var LOADER_TIMEOUT = 3000; function promote() { if (promoted) { return; } var script = document.createElement("script"); script.id = "boomr-scr-as"; script.src = window.BOOMR.url; script.async = true; parentNode.appendChild(script); promoted = true; } function iframeLoader(wasFallback) { promoted = true; var dom, bootstrap, iframe, iframeStyle; var doc = document; var win = window; window.BOOMR.snippetMethod = wasFallback ? "if" : "i"; bootstrap = function(parent, scriptId) { var script = doc.createElement("script"); script.id = scriptId || "boomr-if-as"; script.src = window.BOOMR.url; BOOMR_lstart = new Date().getTime(); parent = parent || doc.body; parent.appendChild(script); }; if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) { window.BOOMR.snippetMethod = "s"; bootstrap(parentNode, "boomr-async"); return; } iframe = document.createElement("IFRAME"); iframe.src = "about:blank"; iframe.title = ""; iframe.role = "presentation"; iframe.loading = "eager"; iframeStyle = (iframe.frameElement || iframe).style; iframeStyle.width = 0; iframeStyle.height = 0; iframeStyle.border = 0; iframeStyle.display = "none"; parentNode.appendChild(iframe); try { win = iframe.contentWindow; doc = win.document.open(); } catch (e) { dom = document.domain; iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);"; win = iframe.contentWindow; doc = win.document.open(); } if (dom) { doc._boomrl = function() { this.domain = dom; bootstrap(); }; doc.write("<body onload='document._boomrl();'>"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener("load", win._boomrl, false); } else if (win.attachEvent) { win.attachEvent("onload", win._boomrl); } } doc.close(); } var link = document.createElement("link"); if (link.relList && typeof link.relList.supports === "function" && link.relList.supports("preload") && ("as" in link)) { window.BOOMR.snippetMethod = "p"; link.href = window.BOOMR.url; link.rel = "preload"; link.as = "script"; link.addEventListener("load", promote); link.addEventListener("error", function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime(); } if (window.addEventListener) { window.addEventListener("load", boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent("onload", boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener("onBoomerangLoaded", function(e) { e.detail.BOOMR.init({ producer_url: "https://web.archive.org/web/20211020061841/https://monorail-edge.shopifysvc.com/v1/produce", ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent("onpropertychange", function(e) { if (!e) e=event; if (e.propertyName === "onBoomerangLoaded") { e.detail.BOOMR.init({ producer_url: "https://web.archive.org/web/20211020061841/https://monorail-edge.shopifysvc.com/v1/produce", ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })(); window.ShopifyAnalytics.lib.page(null,{"pageType":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//web.archive.org/web/20211020061841/https://cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-565deac0c7edc7850a7762c24c560f0a9670aa5c52a728e9dbb43d5a7887c1d4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> </head> <body class="template-index"> <div id="locationBanner" class="location-banner hide" data-current-store="CA" data-current-locale="fr" role="dialog" aria-labelledby="dialog1_label" aria-modal="true"> <div class="location-banner__content-container"> <div class="location-banner__country-select hide"> <div class="location-banner__message"> <h2 class=""> Bonjour. <br> Sélectionnez une région pour parcourir les produits. Choisissez une région continuer </h2> </div> <div class="locationBanner-actions"> <div class="location-banner__select"> <span class="location-banner--label">Choisir une région</span> <select name="Choisir une région" id="select-region"> <option value=""></option> </select> </div> <a href="" class="btn location-banner__continue-button">Continuer</a> <button class="location-banner__dismiss-button"> <svg width="23" height="24" viewbox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <line x1="1.21809" y1="1.46019" x2="22.0508" y2="22.2929" stroke="white" stroke-width="2"/> <line y1="-1" x2="29.462" y2="-1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 0.510986 21.8328)" stroke="white" stroke-width="2"/> </svg> <span class="visually-hidden"> Masquer </span> </button> </div> </div> <div class="location-banner__unsupported-region hide"> <div class="location-banner__message"> Nous sommes désolés, votre région n'est pas prise en charge actuellement. Veuillez consulter la liste des fournisseurs <a href="https://web.archive.org/web/20211020061841/https://help.shopify.com/manual/sell-in-person/hardware/hardware-overview#buy-from-other-vendors">ici</a>. </div> <button class="btn location-banner__dismiss-button"> <svg width="23" height="24" viewbox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <line x1="1.21809" y1="1.46019" x2="22.0508" y2="22.2929" stroke="white" stroke-width="2"/> <line y1="-1" x2="29.462" y2="-1" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 0.510986 21.8328)" stroke="white" stroke-width="2"/> </svg> <span class="visually-hidden"> Masquer </span> </button> </div> </div> </div> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Passer directement au contenu</a> <div id="SearchDrawer" class="search-bar drawer drawer--top" role="dialog" aria-modal="true" aria-label="Rechercher dans la boutique"> <div class="search-bar__table"> <div class="search-bar__table-cell search-bar__form-wrapper"> <form class="search search-bar__form" action="/web/20211020061841/https://hardware.shopify.ca/search" method="get" role="search"> <input class="search__input search-bar__input" type="search" name="q" value="" placeholder="Rechercher dans la boutique" aria-label="Rechercher dans la boutique"> <button class="search-bar__submit search__submit btn--link" type="submit"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewbox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg> <span class="icon__fallback-text">Recherche</span> </button> </form> </div> <div class="search-bar__table-cell text-right"> <button type="button" class="btn--link search-bar__close js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 40 40"><path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/></svg> <span class="icon__fallback-text">Réduire</span> </button> </div> </div> </div> <div id="shopify-section-header" class="shopify-section"> <header> <div id="SiteNavContainer" role="banner"> <div id="fsb_placeholder"></div> <div id="qab_placeholder"></div> <style> .announcement-bar { background-color: #5e6ebf; } .announcement-bar--link:hover { background-color: ; } .announcement-bar__message { color: #ffffff; } </style> <div class="announcement-bar"> <p class="announcement-bar__message">En raison de COVID-19 - Comptez 1 à 2 jours pour le traitement des commandes</p> </div> <div class="marketing-nav-wrapper"> <nav class="page-width marketing-nav marketing-nav__primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" role="navigation" aria-label="Navigation principale"> <button type="button" class="marketing-nav__hamburger hide--desktop js-drawer-open-right" aria-controls="NavDrawer" aria-expanded="false"> <span class="visuallyhidden">Ouvrir navigation principale</span> </button> <div class="marketing-nav__logo"> <a class="marketing-nav__logo__shopify" href="/web/20211020061841/https://hardware.shopify.ca/fr" data-ga-event="Main Nav" data-ga-action="Logo"> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/logo.png?v=1551912546" alt="Shopify Canadian Hardware Store logo" style="max-width: 125px"> <span class="visuallyhidden">Accueil</span> </a> </div> <a class="marketing-nav__name" href="/web/20211020061841/https://hardware.shopify.ca/fr"> Hardware Store </a> <ul class="marketing-nav__items display--desktop"> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr"> Point de vente <span class="marketing-nav__arrow" aria-hidden="true"></span> </a> <div class="popover"> <ul class="popover-content"> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Lecteurs de cartes" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/card-readers"> Lecteurs de cartes </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Supports pour iPad" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/ipad-stands"> Supports pour iPad </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Lecteurs de codes-barres, imprimantes et étiquettes" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/barcode-scanners-and-printers"> Lecteurs de codes-barres, imprimantes et étiquettes </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Imprimantes de reçus et papier" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/receipt-printers-and-paper"> Imprimantes de reçus et papier </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Tiroirs-caisses" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/cash-drawers"> Tiroirs-caisses </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Accessories" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/accessories"> Accessories </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Santé et sécurité" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/health-and-safety"> Santé et sécurité </a> </li> </ul> </div> </div> </li> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr"> Lots <span class="marketing-nav__arrow" aria-hidden="true"></span> </a> <div class="popover"> <ul class="popover-content"> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Kit de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte)" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-kit-9-7-no-t-c-dock"> Kit de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Kit de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte)" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-kit-10-2-air-10-5-no-t-c-dock"> Kit de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Kit personnalisé de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte)" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/startup-bundle-9-7-3"> Kit personnalisé de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Kit personnalisé de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte)" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/startup-bundle-10-2-3"> Kit personnalisé de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="mPOP™" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/mpops"> mPOP™ </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="DYMO Backoffice Starter Kit" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/backoffice-starter-kit"> DYMO Backoffice Starter Kit </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="DYMO eCommerce Shipping Bundle" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/dymo-ecommerce-shipping-bundle"> DYMO eCommerce Shipping Bundle </a> </li> </ul> </div> </div> </li> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr"> Expédition <span class="marketing-nav__arrow" aria-hidden="true"></span> </a> <div class="popover"> <ul class="popover-content"> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Expédition d'imprimantes et d'étiquettes" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/shipping-label-printers-and-labels"> Expédition d'imprimantes et d'étiquettes </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Balances" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/scales"> Balances </a> </li> </ul> </div> </div> </li> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr"> Cartes-cadeaux <span class="marketing-nav__arrow" aria-hidden="true"></span> </a> <div class="popover"> <ul class="popover-content"> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Cartes-cadeaux personnalisables" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/customizable-gift-cards"> Cartes-cadeaux personnalisables </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" data-ga-event="Main Nav" data-ga-action="Pochettes pour cartes-cadeaux" itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/gift-card-sleeves"> Pochettes pour cartes-cadeaux </a> </li> </ul> </div> </div> </li> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/clearance"> Clearance </a> </div> </li> </ul> <ul class="marketing-nav__items marketing-nav__user display--desktop"> <li> <div class="js-popover popover-wrapper" data-position="bottom"> <a class="marketing-nav__item marketing-nav__item--primary popover-trigger " itemprop="name" href="#" aria-expanded="false" aria-describedby="Popover5"> Canada (FR) <span class="marketing-nav__arrow" aria-hidden="true"></span> </a> <div class="popover popover--bottom" id="Popover5"> <ul class="popover-content"> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/http://hardware.shopify.com.au/"> Australia </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/http://shopifyhardwarecanada.myshopify.com/"> Canada (EN) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"> Canada (FR) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.de/"> EUR (Deutsch) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.nl/"> EUR (Dutch) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.eu/"> EUR (English) </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ie/"> Ireland </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.nz/"> New Zealand </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.uk/"> United Kingdom </a> </li> <li> <a class="marketing-nav__item marketing-nav__item--child" itemprop="name" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.com/"> United States </a> </li> </ul> </div> </div> </li> <li> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/cart" class="nav__cart-button"> Panier </a> </li> </ul> </nav> </div> <div id="NavDrawer" class="drawer drawer--right"> <div class="drawer__inner"> <div class="drawer__top"> <div class="marketing-nav__logo"> <a class="marketing-nav__logo__shopify" href="/web/20211020061841/https://hardware.shopify.ca/fr" data-ga-event="Mobile Nav" data-ga-action="Logo" data-ga-label="Nav"> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/logo.png?v=1551912546" alt="Shopify Canadian Hardware Store logo" style="max-height: 32px"> <span class="visuallyhidden">Accueil</span> </a> </div> <button type="button" class="drawer__close-button js-drawer-close" aria-controls="NavDrawer" aria-expanded="true"> <span class="visuallyhidden">Réduire navigation principale</span> </button> </div> <nav role="navigation" aria-label="Navigation principale"> <ul class="drawer__items drawer__items--group"> <li> <a href="/web/20211020061841/https://hardware.shopify.ca/fr" class="drawer__item"> Hardware Store </a> </li> </ul> <ul class="drawer__items drawer__items--primary DrawerNavAccordion" id="DrawerNavPrimaryAccordion"> <li class="accordion-item"> <button type="button" class="drawer__item drawer__item--primary accordion-link"> Point de vente <span class="marketing-nav__arrow" aria-hidden="true"></span> </button> <ul class="drawer__items drawer__items--nested accordion-content"> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Lecteurs de cartes" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/card-readers"> Lecteurs de cartes </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Supports pour iPad" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/ipad-stands"> Supports pour iPad </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Lecteurs de codes-barres, imprimantes et étiquettes" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/barcode-scanners-and-printers"> Lecteurs de codes-barres, imprimantes et étiquettes </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Imprimantes de reçus et papier" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/receipt-printers-and-paper"> Imprimantes de reçus et papier </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Tiroirs-caisses" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/cash-drawers"> Tiroirs-caisses </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Accessories" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/accessories"> Accessories </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Santé et sécurité" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/health-and-safety"> Santé et sécurité </a> </li> </ul> </li> <li class="accordion-item"> <button type="button" class="drawer__item drawer__item--primary accordion-link"> Lots <span class="marketing-nav__arrow" aria-hidden="true"></span> </button> <ul class="drawer__items drawer__items--nested accordion-content"> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Kit de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte)" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-kit-9-7-no-t-c-dock"> Kit de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Kit de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte)" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-kit-10-2-air-10-5-no-t-c-dock"> Kit de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Kit personnalisé de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte)" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/startup-bundle-9-7-3"> Kit personnalisé de vente au détail Shopify 9.7" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Kit personnalisé de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte)" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/startup-bundle-10-2-3"> Kit personnalisé de vente au détail Shopify 10.2"/Air 10.5" (Pas de station d'accueil Shopify pour lecteur de carte) </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="mPOP™" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/mpops"> mPOP™ </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="DYMO Backoffice Starter Kit" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/backoffice-starter-kit"> DYMO Backoffice Starter Kit </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="DYMO eCommerce Shipping Bundle" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/dymo-ecommerce-shipping-bundle"> DYMO eCommerce Shipping Bundle </a> </li> </ul> </li> <li class="accordion-item"> <button type="button" class="drawer__item drawer__item--primary accordion-link"> Expédition <span class="marketing-nav__arrow" aria-hidden="true"></span> </button> <ul class="drawer__items drawer__items--nested accordion-content"> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Expédition d'imprimantes et d'étiquettes" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/shipping-label-printers-and-labels"> Expédition d'imprimantes et d'étiquettes </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Balances" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/scales"> Balances </a> </li> </ul> </li> <li class="accordion-item"> <button type="button" class="drawer__item drawer__item--primary accordion-link"> Cartes-cadeaux <span class="marketing-nav__arrow" aria-hidden="true"></span> </button> <ul class="drawer__items drawer__items--nested accordion-content"> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Cartes-cadeaux personnalisables" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/customizable-gift-cards"> Cartes-cadeaux personnalisables </a> </li> <li> <a class="drawer__item" data-ga-event="Main Nav" data-ga-action="Pochettes pour cartes-cadeaux" href="/web/20211020061841/https://hardware.shopify.ca/fr/products/gift-card-sleeves"> Pochettes pour cartes-cadeaux </a> </li> </ul> </li> <li> <a class="drawer__item drawer__item--primary" href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/clearance"> Clearance </a> </li> </ul> <ul class="drawer__items drawer__items--group DrawerNavAccordion"> <li> <li class="accordion-item"> <button type="button" class="drawer__item drawer__item--primary accordion-link" tabindex="0" aria-expanded="false" aria-controls="Accordion12"> Canada (FR) <span class="marketing-nav__arrow" aria-hidden="true"></span> </button> <ul class="drawer__items drawer__items--nested accordion-content" aria-hidden="true" id="Accordion12"> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/http://hardware.shopify.com.au/"> Australia </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/http://shopifyhardwarecanada.myshopify.com/"> Canada (EN) </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"> Canada (FR) </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.de/"> EUR (Deutsch) </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.nl/"> EUR (Dutch) </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.eu/"> EUR (English) </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ie/"> Ireland </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.nz/"> New Zealand </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.uk/"> United Kingdom </a> </li> <li> <a class="drawer__item" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.com/"> United States </a> </li> </ul> </li> </li> <li> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/cart" class="drawer__item drawer__item-cart"> Panier </a> </li> </ul> </nav> </div> </div> </div> </header> <script type="application/ld+json"> { "@context": "https://web.archive.org/web/20211020061841/http://schema.org", "@type": "Organization", "name": "Shopify Canadian Hardware Store", "logo": "https://web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/logo_250x.png?v=1551912546", "sameAs": [ "https://web.archive.org/web/20211020061841/https://twitter.com/shopify", "https://web.archive.org/web/20211020061841/https://facebook.com/shopify", "https://web.archive.org/web/20211020061841/https://pinterest.com/shopify", "https://web.archive.org/web/20211020061841/https://instagram.com/shopify", "https://web.archive.org/web/20211020061841/http://shopify.tumblr.com", "https://web.archive.org/web/20211020061841/https://www.snapchat.com/add/shopify", "https://web.archive.org/web/20211020061841/https://youtube.com/shopify", "https://web.archive.org/web/20211020061841/https://vimeo.com/shopify" ], "url": "https://web.archive.org/web/20211020061841/https://hardware.shopify.ca" } </script> <script type="application/ld+json"> { "@context": "https://web.archive.org/web/20211020061841/http://schema.org", "@type": "WebSite", "name": "Shopify Canadian Hardware Store", "potentialAction": { "@type": "SearchAction", "target": "https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https://web.archive.org/web/20211020061841/https://hardware.shopify.ca" } </script> </div> <div class="page-container" id="PageContainer"> <main class="main-content js-focus-hidden" id="MainContent" role="main" tabindex="-1"> <div id="shopify-section-1623421558200cd614" class="shopify-section"> <style> /*Layout*/ #shopify-section-1623421558200cd614 .hero--full { max-height: 903px; } #shopify-section-1623421558200cd614 .hero-fullInner { max-width: 50%; } @media only screen and (max-width: 749px) { #shopify-section-1623421558200cd614 .hero-fullInner { max-width: 62%; } } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-1623421558200cd614 .hero-title { font-size: 78px; line-height: 96px; letter-spacing: -1.5px; } @media only screen and (max-width: 989px) { #shopify-section-1623421558200cd614 .hero-title { font-size: 60px; line-height: 72px; } } @media only screen and (max-width: 749px) { #shopify-section-1623421558200cd614 .hero-title { font-size: 32px; line-height: 44px; letter-spacing: -0.9px; } } #shopify-section-1623421558200cd614 .hero-subtitle { font-size: 30px; line-height: 40px; letter-spacing: 0; width: 75%; } @media only screen and (max-width: 989px) { #shopify-section-1623421558200cd614 .hero-subtitle { font-size: 24px; line-height: 32px; letter-spacing: 0; width: 100%; } } @media only screen and (max-width: 749px) { #shopify-section-1623421558200cd614 .hero-subtitle { font-size: 20px; line-height: 27px; letter-spacing: 0; } } #shopify-section-1623421558200cd614 .hero-btn { padding: 15px 25px; } @media only screen and (max-width: 749px) { #shopify-section-1623421558200cd614 .hero-btn { padding: 11px 17px; } } </style> <section class="hero hero--full" data-section-id="1623421558200cd614" data-section-type="hero" style="background-image: url('//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/Hardware-Store_hero_2200x.jpg?v=1623278748')"> <div class="page-width"> <div class="hero-fullInner"> <h1 class="hero-title" style="color:#212326;"> Pour les paiements et plus encore </h1> <h2 class="hero-subtitle" style="color:#212326;"> Concluez plus de ventes et fidélisez vos clients à l'intérieur comme à l'extérieur de votre magasin. </h2> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/collections" class="btn hero-btn"> Acheter du matériel </a> </div> </div> </section> </div><div id="shopify-section-1551282917990" class="shopify-section"><section class="features" data-section-id="1551282917990"> <div class="page-width"> <div class="features-item"> <img class="features-icon" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/shipping_small.png?v=1551891715" alt=" icon"> <span class="features-title"> Expédition gratuite </span> </div> <a class="features-item" href="/web/20211020061841/https://hardware.shopify.ca/fr/pages/return-policy"> <img class="features-icon" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/returns_small.png?v=1551891724" alt=" icon"> <span class="features-title"> Retours sous 30 jours </span> </a> <a class="features-item" href="https://web.archive.org/web/20211020061841/https://help.shopify.com/questions#/questions"> <img class="features-icon" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/support_small.png?v=1551891734" alt=" icon"> <span class="features-title"> Assistance joignable à tout moment </span> </a> <a class="features-item" href="/web/20211020061841/https://hardware.shopify.ca/fr/pages/faq"> <img class="features-icon" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/faq1_small.png?v=1611172022" alt=" icon"> <span class="features-title"> FAQ </span> </a> </div> </section> </div><div id="shopify-section-16234221593fec932f" class="shopify-section index-section"> <style> /*Safari cta arrow transistion bug fix*/ ::-webkit-full-page-media, _:future, :root .cta:after { transition: none; } /*Layout*/ #shopify-section-16234221593fec932f { padding-bottom: 30px; } #shopify-section-16234221593fec932f { background-color: rgba(0,0,0,0); } #shopify-section-16234221593fec932f .feature-row__text { padding-bottom: 10px; } @media only screen and (max-width: 749px) { #shopify-section-16234221593fec932f .feature-row { flex-direction: column-reverse; } #shopify-section-16234221593fec932f .feature-row__text { margin-bottom: 30px; } } #shopify-section-16234221593fec932f .feature-row__text { padding-top: 30px; align-self: flex-start; } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-16234221593fec932f .feature-row__text .h3 { font-size: 48px; line-height: 66px; letter-spacing: -1.5px; font-weight: 400; } @media only screen and (max-width: 749px) { #shopify-section-16234221593fec932f .feature-row__text .h3 { font-size: 32px; line-height: 44px; letter-spacing: -0.9px; font-weight: 400; } } #shopify-section-16234221593fec932f .featured-row__subtext { font-size: 20px; line-height: 30px; letter-spacing: 0; } #shopify-section-16234221593fec932f .title-text { color: #44423d; letter-spacing: 0; } #shopify-section-16234221593fec932f .sub-text p{ color: #44423d; letter-spacing: 0; } #shopify-section-16234221593fec932f .hero-btn { padding: 15px 25px; } @media only screen and (max-width: 749px) { #shopify-section-16234221593fec932f .hero-btn { padding: 11px 17px; } } </style> <div class="page-width feature-row"> <div class="feature-row"> <div class="feature-row__item feature-row__text feature-row__text--right"> <h2 class="h3 title-text">Vendez partout grâce au kit de vente au détail de Shopify</h2> <div class="rte rte-setting featured-row__subtext sub-text"><p> Encaissez les paiements de vos clients à la caisse, à l'extérieur de votre magasin et partout ailleurs grâce au matériel conçu pour le commerce physique de détail.</p></div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-kit-10-2-air-10-5-no-t-c-dock" class="btn hero-btn"> En savoir plus. </a> </div> <div class="feature-row__item"> <div id="FeatureRowImageWrapper-16234221593fec932f" class="feature-row__image-wrapper js"> <div style="padding-top:57.03324808184144%;"> <img id="FeatureRowImage-16234221593fec932f" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/Retail_Kit_with_screenshot_200x200.png?v=1623269996" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/Retail_Kit_with_screenshot_{width}x.png?v=1623269996" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.7533632286995515" data-sizes="auto" alt=""> </div> </div> <noscript> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/Retail_Kit_with_screenshot_600x600@2x.png?v=1623269996" alt="" class="feature-row__image"/> </noscript> </div> </div> </div> </div><div id="shopify-section-1623423522ea286c60" class="shopify-section index-section"> <style> /*Safari cta arrow transistion bug fix*/ ::-webkit-full-page-media, _:future, :root .cta:after { transition: none; } /*Layout*/ #shopify-section-1623423522ea286c60 { background-color: rgba(0,0,0,0) } #shopify-section-1623423522ea286c60 .section-header { margin-bottom: 50px; } #shopify-section-1623423522ea286c60 .section-grid { display: flex; flex-wrap: wrap; } #shopify-section-1623423522ea286c60 .container-box { display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */ flex-direction: column; height: 100%; margin-bottom: 0.625em; } #shopify-section-1623423522ea286c60 .content-box { -webkit-flex: 1; /* Safari */ -ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */ margin-bottom: 10px; } @media only screen and (min-width: 1150px) { #shopify-section-1623423522ea286c60 .column-text p { max-width: 75%; } } @media only screen and (max-width: 749px) { #shopify-section-1623423522ea286c60 .grid--flush-bottom { margin-bottom: -50px; } } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-1623423522ea286c60 .column-title-text { color: #44423d; font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: -1px; text-transform: none; } @media only screen and (max-width: 749px) { #shopify-section-1623423522ea286c60 .column-title-text { font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; font-weight: 400; } } #shopify-section-1623423522ea286c60 .column-heading-text { color: #000000; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0; } @media only screen and (max-width: 749px) { #shopify-section-1623423522ea286c60 .column-heading-text { font-size: 16px; font-weight: 500; line-height: 21.3px; letter-spacing: 0; } } #shopify-section-1623423522ea286c60 .column-heading-text-alt { color: #000000; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; } @media only screen and (max-width: 749px) { #shopify-section-1623423522ea286c60 .column-heading-text-alt { font-size: 20px; font-weight: 400; line-height: 26.66px; letter-spacing: 0; } } #shopify-section-1623423522ea286c60 .column-text p { color: #565656; font-size: 16px; line-height: 24px; letter-spacing: 0; } #shopify-section-1623423522ea286c60 .cta { font-size: 16px; font-weight: 500; line-height: 21.3px; letter-spacing: 0; } </style> <div class="page-width"> <div class="section-header text-left"> <h2 class="column-title-text">Que contient le kit de vente au détail de Shopify </h2> </div> <div class="grid grid--uniform grid--flush-bottom section-grid"> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-1623423522ea286c60-0 { max-width: 480.0px; max-height: 320.7207207207207px; } #TextColumnImageWrapper-1623423522ea286c60-0 { max-width: 480.0px; max-height: 320.7207207207207px; } } @media screen and (max-width: 749px) { #TextColumnImage-1623423522ea286c60-0 { max-width: 750px; max-height: 750px; } #TextColumnImageWrapper-1623423522ea286c60-0 { max-width: 750px; } } </style> <div id="TextColumnImageWrapper-1623423522ea286c60-0" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:66.81681681681683%;"> <img id="TextColumnImage-1623423522ea286c60-0" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/SHOT_14_2307-large_300x300.jpg?v=1631898608" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/SHOT_14_2307-large_{width}x.jpg?v=1631898608" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.496629213483146" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/SHOT_14_2307-large_480x480@2x.jpg?v=1631898608" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text-alt">Lecteur de cartes Tap & Chip</h3> <div class="rte-setting column-text"><p>Acceptez les paiements sans fil par carte à puce et sans contact, à la caisse comme à l'extérieur de votre magasin, grâce à notre lecteur de cartes primé.</p></div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-tap-chip-card-reader" class="cta"> Acheter le lecteur de cartes Tap & Chip </a> </div> </div> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-1623423522ea286c60-1 { max-width: 480.0px; max-height: 321.0810810810811px; } #TextColumnImageWrapper-1623423522ea286c60-1 { max-width: 480.0px; max-height: 321.0810810810811px; } } @media screen and (max-width: 749px) { #TextColumnImage-1623423522ea286c60-1 { max-width: 750px; max-height: 750px; } #TextColumnImageWrapper-1623423522ea286c60-1 { max-width: 750px; } } </style> <div id="TextColumnImageWrapper-1623423522ea286c60-1" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:66.89189189189189%;"> <img id="TextColumnImage-1623423522ea286c60-1" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/dock_300x300.jpg?v=1623431313" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/dock_{width}x.jpg?v=1623431313" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.494949494949495" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/dock_480x480@2x.jpg?v=1623431313" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text-alt">Station d'accueil pour lecteur Tap & Chip</h3> <div class="rte-setting column-text"><p>Chargez et ajustez à la bonne hauteur le lecteur Tap & Chip pour des paiements fluides et sécurisés.</p></div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-dock-for-tap-chip-reader" class="cta"> Acheter la station d'accueil Shopify pour lecteur Tap & Chip </a> </div> </div> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-1623423522ea286c60-2 { max-width: 480.0px; max-height: 321.0810810810811px; } #TextColumnImageWrapper-1623423522ea286c60-2 { max-width: 480.0px; max-height: 321.0810810810811px; } } @media screen and (max-width: 749px) { #TextColumnImage-1623423522ea286c60-2 { max-width: 750px; max-height: 750px; } #TextColumnImageWrapper-1623423522ea286c60-2 { max-width: 750px; } } </style> <div id="TextColumnImageWrapper-1623423522ea286c60-2" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:66.89189189189189%;"> <img id="TextColumnImage-1623423522ea286c60-2" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/stand_300x300.jpg?v=1623431353" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/stand_{width}x.jpg?v=1623431353" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.494949494949495" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/stand_480x480@2x.jpg?v=1623431353" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text-alt">Support de vente au détail pour iPad</h3> <div class="rte-setting column-text">Retournez votre iPad ou détachez-le de son support pour permettre à vos clients de voir leur achat ou pour les assister partout dans le magasin.</div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/products/shopify-retail-stand-for-ipad-10-2-air-10-5" class="cta"> Acheter le support de vente au détail pour iPad </a> </div> </div> </div> </div> </div><div id="shopify-section-162342461568c0c184" class="shopify-section index-section"> <style> /*Safari cta arrow transistion bug fix*/ ::-webkit-full-page-media, _:future, :root .cta:after { transition: none; } /*Layout*/ #shopify-section-162342461568c0c184 { background-color: #faf9f8 } #shopify-section-162342461568c0c184 .section-header { margin-bottom: 50px; } #shopify-section-162342461568c0c184 .section-grid { display: flex; flex-wrap: wrap; } #shopify-section-162342461568c0c184 .container-box { display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */ flex-direction: column; height: 100%; margin-bottom: 0.625em; } #shopify-section-162342461568c0c184 .content-box { -webkit-flex: 1; /* Safari */ -ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */ margin-bottom: 10px; } @media only screen and (min-width: 1150px) { #shopify-section-162342461568c0c184 .column-text p { max-width: 75%; } } @media only screen and (max-width: 749px) { #shopify-section-162342461568c0c184 .grid--flush-bottom { margin-bottom: -50px; } } #shopify-section-162342461568c0c184 .feature-row__image-wrapper { max-width: 200px; margin: 0 0 30px 0; } #shopify-section-162342461568c0c184 .column-heading-text { margin-bottom: 15px; } @media only screen and (max-width: 749px) { #shopify-section-162342461568c0c184 .grid--flush-bottom>.grid__item { margin-bottom: 30px; } #shopify-section-162342461568c0c184 .grid--flush-bottom { margin-bottom: 0; } } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-162342461568c0c184 .column-title-text { color: #44423d; font-size: 40px; font-weight: 400; line-height: 48px; letter-spacing: -1px; text-transform: none; } @media only screen and (max-width: 749px) { #shopify-section-162342461568c0c184 .column-title-text { font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; font-weight: 400; } } #shopify-section-162342461568c0c184 .column-heading-text { color: #000000; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0; } @media only screen and (max-width: 749px) { #shopify-section-162342461568c0c184 .column-heading-text { font-size: 16px; font-weight: 500; line-height: 21.3px; letter-spacing: 0; } } #shopify-section-162342461568c0c184 .column-heading-text-alt { color: #000000; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0; } @media only screen and (max-width: 749px) { #shopify-section-162342461568c0c184 .column-heading-text-alt { font-size: 20px; font-weight: 400; line-height: 26.66px; letter-spacing: 0; } } #shopify-section-162342461568c0c184 .column-text p { color: #565656; font-size: 16px; line-height: 24px; letter-spacing: 0; } #shopify-section-162342461568c0c184 .cta { font-size: 16px; font-weight: 500; line-height: 21.3px; letter-spacing: 0; } </style> <div class="page-width"> <div class="section-header text-left"> <h2 class="column-title-text">Créez un ensemble complet de matériel</h2> </div> <div class="grid grid--uniform grid--flush-bottom section-grid"> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-162342461568c0c184-1 { max-width: 453.6px; max-height: 308.8px; } #TextColumnImageWrapper-162342461568c0c184-1 { max-width: 453.6px; max-height: 308.8px; } } @media screen and (max-width: 749px) { #TextColumnImage-162342461568c0c184-1 { max-width: 567px; max-height: 750px; } #TextColumnImageWrapper-162342461568c0c184-1 { max-width: 567px; } } </style> <div id="TextColumnImageWrapper-162342461568c0c184-1" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:68.07760141093475%;"> <img id="TextColumnImage-162342461568c0c184-1" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/barcode-scanner_300x300.png?v=1623440750" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/barcode-scanner_{width}x.png?v=1623440750" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.4689119170984455" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/barcode-scanner_480x480@2x.png?v=1623440750" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text">Lecteurs de codes-barres</h3> <div class="rte-setting column-text"><p>Scannez les produits en toute simplicité pour les ajouter rapidement au panier, et réduisez ainsi les files et les temps d'attente pour vos clients.</p></div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/barcode-scanners-and-printers" class="cta"> Acheter un lecteur de codes-barres </a> </div> </div> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-162342461568c0c184-2 { max-width: 453.6px; max-height: 308.8px; } #TextColumnImageWrapper-162342461568c0c184-2 { max-width: 453.6px; max-height: 308.8px; } } @media screen and (max-width: 749px) { #TextColumnImage-162342461568c0c184-2 { max-width: 567px; max-height: 750px; } #TextColumnImageWrapper-162342461568c0c184-2 { max-width: 567px; } } </style> <div id="TextColumnImageWrapper-162342461568c0c184-2" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:68.07760141093475%;"> <img id="TextColumnImage-162342461568c0c184-2" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/receipt-printer_300x300.png?v=1623440771" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/receipt-printer_{width}x.png?v=1623440771" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.4689119170984455" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/receipt-printer_480x480@2x.png?v=1623440771" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text">Imprimantes de reçus</h3> <div class="rte-setting column-text"><p>Disponibles en connexion filaire, Wi-Fi ou Bluetooth, elles impriment rapidement vos reçus grâce à leur technologie d'impression thermique.</p></div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/receipt-printers-and-paper" class="cta"> Acheter une imprimante de reçus </a> </div> </div> <div class="grid__item medium-up--one-third text-left"> <div class="container-box"> <div class="content-box"> <style> @media screen and (min-width: 750px) { #TextColumnImage-9c884389-03a2-4805-9102-cf0ff9321b9f { max-width: 453.6px; max-height: 308.8px; } #TextColumnImageWrapper-9c884389-03a2-4805-9102-cf0ff9321b9f { max-width: 453.6px; max-height: 308.8px; } } @media screen and (max-width: 749px) { #TextColumnImage-9c884389-03a2-4805-9102-cf0ff9321b9f { max-width: 567px; max-height: 750px; } #TextColumnImageWrapper-9c884389-03a2-4805-9102-cf0ff9321b9f { max-width: 567px; } } </style> <div id="TextColumnImageWrapper-9c884389-03a2-4805-9102-cf0ff9321b9f" class="feature-row__image-wrapper js"> <div class="image-wrapper" style="padding-top:68.07760141093475%;"> <img id="TextColumnImage-9c884389-03a2-4805-9102-cf0ff9321b9f" class="feature-row__image lazyload" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/cash-drawer-large_7c092268-cf1e-4519-a2f4-5ed8953b1639_300x300.png?v=1623440792" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/cash-drawer-large_7c092268-cf1e-4519-a2f4-5ed8953b1639_{width}x.png?v=1623440792" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.4689119170984455" data-sizes="auto" alt=""> </div> </div> <noscript> <p> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/cash-drawer-large_7c092268-cf1e-4519-a2f4-5ed8953b1639_480x480@2x.png?v=1623440792" alt="" class="feature-row__image"/> </p> </noscript> <h3 class="h4 column-heading-text">Tiroirs-caisses</h3> <div class="rte-setting column-text"><p>Sécurisez vos recettes en espèces et connectez votre tiroir-caisse à votre application PDV afin qu'il s'ouvre lorsque vous recevez un paiement en espèces.</p></div> </div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/cash-drawers" class="cta"> Acheter un tiroir-caisse </a> </div> </div> </div> </div> </div><div id="shopify-section-16237748120546fd2c" class="shopify-section index-section"> <style> /*Safari cta arrow transistion bug fix*/ ::-webkit-full-page-media, _:future, :root .cta:after { transition: none; } /*Layout*/ #shopify-section-16237748120546fd2c { padding-top: 0; background-color: #faf9f8; } #shopify-section-16237748120546fd2c .section-header { margin-bottom: 40px; } #shopify-section-16237748120546fd2c .page-inner { background: #e9edea; padding:90px 30px; } #shopify-section-16237748120546fd2c .custom-full-width img { width: 100%; } #shopify-section-16237748120546fd2c .custom-img { margin-bottom: 20px; } /*Desktop Layout*/ @media only screen and (min-width: 750px) { #shopify-section-16237748120546fd2c .text-img-column { padding-left: 30px; } #shopify-section-16237748120546fd2c .custom-full-width { position: relative; left: -6.125%; } #shopify-section-16237748120546fd2c .custom-text-inner { left: -90px; } #shopify-section-16237748120546fd2c .image-offset { position: relative; left: -44px; } } @media only screen and (min-width: 1049px) { #shopify-section-16237748120546fd2c .text-img-column { max-width: 63%; } } /*Mobile Layout*/ @media only screen and (max-width: 749px) { #shopify-section-16237748120546fd2c .page-inner { background: #e9edea; padding:50px 30px; } #shopify-section-16237748120546fd2c .custom-full-width img { width: 100%; padding-right: 44px; } #shopify-section-16237748120546fd2c .image-offset { position: relative; left: -52px; width: 100vw; } #shopify-section-16237748120546fd2c .custom__item.small--one-half { max-width: 100%; } } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-16237748120546fd2c .page-inner .h2 { color: #44423d; font-size: 40px; line-height: 48px; letter-spacing: -1px; font-weight: 400; text-transform: none; padding-left:30px; } @media only screen and (max-width: 749px) { #shopify-section-16237748120546fd2c .page-inner .h2 { font-size: 24px; line-height: 32px; padding-left: 0; } } #shopify-section-16237748120546fd2c .text-img-column .h3{ color: #000000; font-size: 18px; font-weight: 500; line-height: 24px; letter-spacing: 0; } #shopify-section-16237748120546fd2c .text-img-column p { color: #44423d; font-size: 16px; line-height: 24px; letter-spacing: 0; } #shopify-section-16237748120546fd2c .cta { font-size: 16px; font-weight: 500; line-height: 21.3px; } </style> <div class="page-width"> <div class="page-inner"> <div class="section-header"> <h4 class="h2">Nouveau matériel recommandé </h4> </div> <div class="custom-content"> <div class="custom__item custom__item--16237748120546fd2c-1 three-fifths align--top-left custom-full-width"> <div class="image-offset "> <img id="" class="lazyload js" src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/supplies-photography-application-retail-price-label-printing_300x300.jpg?v=1623445752" data-src="//web.archive.org/web/20211020061841/https://cdn.shopify.com/s/files/1/0293/8485/files/supplies-photography-application-retail-price-label-printing_{width}x.jpg?v=1623445752" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.5" data-sizes="auto" alt=""> <noscript> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/supplies-photography-application-retail-price-label-printing_720x_crop_top@2x.jpg?v=1623445752" alt="" class="custom__image"/> </noscript> </div> </div> <div class="custom__item custom__item--16237748120546fd2c-0 small--one-half medium-up--two-fifths align--bottom-middle "> <div class="custom__item-inner custom__item-inner--text custom-text-inner"> <div class="text-img-column medium-up--text-left"> <div class="custom-img small--hide" style="max-width: 150px;"> <img src="//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/zebra_wireless_600x.png?v=1623793010"/> </div> <h4 class="h3">Imprimantes d'étiquettes Zebra</h4> <div class="rte-setting rte"><p>Disponible en Wi-Fi ou Bluetooth, cette imprimante imprime rapidement vos étiquettes grâce à sa technologie d'impression thermique.</p></div> <a href="/web/20211020061841/https://hardware.shopify.ca/fr/collections/zebra" class="cta"> Acheter une imprimante d'étiquettes Zebra </a> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-1623451250a4332596" class="shopify-section index-section index-section--flush"> <style> /*Safari cta arrow transistion bug fix*/ ::-webkit-full-page-media, _:future, :root .cta:after { transition: none; } /*Layout*/ #shopify-section-1623451250a4332596 { background-color: rgba(0,0,0,0); } #shopify-section-1623451250a4332596 .image-bar { max-width: 100%; } #shopify-section-1623451250a4332596.index-section { padding-top: 0px; } [class*=index-section--flush]:last-child { margin-bottom: -125px; } #shopify-section-1623451250a4332596 .custom-container { display: flex; } @media only screen and (max-width: 749px) { #shopify-section-1623451250a4332596 .custom-container { flex-direction: column-reverse; } } #shopify-section-1623451250a4332596 .custom-column { align-self: center; } #shopify-section-1623451250a4332596 .custom-column-text { padding-left: 6.125%; padding-right: 6.125%; } @media only screen and (max-width: 749px) { #shopify-section-1623451250a4332596 .custom-column-text { padding-left: 20px; padding-right: 20px; } } #shopify-section-1623451250a4332596 .text-column { padding: 50px 30px; } @media only screen and (min-width: 1399px) { #shopify-section-1623451250a4332596 .text-column { padding: 50px 42px; } #shopify-section-1623451250a4332596 .column-text-rte p { width: 80%; } } @media only screen and (max-width: 749px) { #shopify-section-1623451250a4332596 .text-column { padding: 50px 0; } } /*Typography*/@font-face { font-family: Helvetica; font-weight: 400; font-style: normal; src: url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=c9c312a68d1af703c7a5e074f1e2bfdc6535d7e14c206fb7477e9ce9778d5c3e") format("woff2"), url("https://web.archive.org/web/20211020061841im_/https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?h1=aGFyZHdhcmUuc2hvcGlmeS5jYQ&hmac=acc17420b6815bd6e8140be7befaab37b41b622f035ed339f32f8ccd88677112") format("woff"); } #shopify-section-1623451250a4332596 .title-text { color: #44423d; font-weight: 400; font-size: 48px; line-height: 48px; letter-spacing: -1px; } @media only screen and (max-width: 749px) { #shopify-section-1623451250a4332596 .title-text { font-size: 32px; line-height: 44px; letter-spacing: -0.9px; } } #shopify-section-1623451250a4332596 .column-text-rte p{ color: #44423d; font-size: 20px; line-height: 30px; letter-spacing: 0; } #shopify-section-1623451250a4332596 .cta { font-size: 16px; font-weight: 500; line-height: 21.3px; } </style> <div class="grid grid--no-gutters image-bar image-bar--medium custom-container"> <div class="grid__item medium-up--one-half js custom-column"> <div class="custom-column-text"> <div class="text-column"> <h3 class="h4 title-text">L'ensemble parfait</h3> <div class="rte-setting column-text-rte"><p>Le matériel Shopify est pris en charge par notre application Point de vente, conçue pour vous aider à vendre partout, à accepter les moyens de paiement les plus courants et à nouer des relations durables avec vos clients.</p></div> <a href="https://web.archive.org/web/20211020061841/https://www.shopify.ca/pos" class="cta"> En savoir plus sur Shopify PDV </a> </div> </div> </div> <div class="grid__item medium-up--one-half js custom-column"> <div class="image-bar__item image-bar__item--1623451250a4332596-0 box ratio-container lazyload" data-bgset="//cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_180x.jpg?v=1623445822 180w 120h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_360x.jpg?v=1623445822 360w 240h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_540x.jpg?v=1623445822 540w 360h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_720x.jpg?v=1623445822 720w 480h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_900x.jpg?v=1623445822 900w 600h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_1080x.jpg?v=1623445822 1080w 720h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_1296x.jpg?v=1623445822 1296w 864h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_1512x.jpg?v=1623445822 1512w 1008h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_1728x.jpg?v=1623445822 1728w 1152h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_1950x.jpg?v=1623445822 1950w 1300h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_2100x.jpg?v=1623445822 2100w 1400h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_2260x.jpg?v=1623445822 2260w 1507h, //cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large.jpg?v=1623445822 2412w 1608h" data-sizes="auto" data-parent-fit="cover" style="background-position: center; background-image: url('//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_300x300.jpg?v=1623445822);"> <div class="image-bar__content"> </div> </div> </div> <noscript> <div class="grid__item medium-up--one-half"> <div class="image-bar__item image-bar__item--1623451250a4332596-0" style="background-image: url(//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/files/Cropped_SHOT_14_2307-large_2048x.jpg?v=1623445822);"></div> </div> </noscript> </div> </div> </main> <div id="shopify-section-footer" class="shopify-section"> <div id="GlobalIconSymbols" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="modules-play"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M5,3.51,15.82,10,5,16.49v-13M4.33,1A1.33,1.33,0,0,0,3,2.33V17.67A1.33,1.33,0,0,0,4.33,19,1.3,1.3,0,0,0,5,18.81L17.8,11.14a1.33,1.33,0,0,0,0-2.28L5,1.19A1.3,1.3,0,0,0,4.33,1Z"/></svg></symbol><symbol id="homepage-13034400039-pillar-nav-start"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 27 27"><path fill="#fff" d="M13.53 27a13.53 13.53 0 0 1-9-23.62 1.5 1.5 0 0 1 2 2.24 10.53 10.53 0 1 0 14 0 1.5 1.5 0 0 1 2-2.26 13.53 13.53 0 0 1-9 23.62z"/><path fill="#fff" d="M13.5 14a1.5 1.5 0 0 1-1.5-1.5v-11a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-1.5 1.5z"/></svg></symbol><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseprofile="tiny" viewbox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="homepage-13034400039-pillar-nav-sell"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 27 27"><path fill="#fff" d="M25.5 27h-24A1.5 1.5 0 0 1 0 25.5 1.5 1.5 0 0 1 1.5 24h24a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5zM25.79 8a1.36 1.36 0 0 1-.29 0A1.5 1.5 0 0 1 24 6.79l-.29-1.45-8 12a1.48 1.48 0 0 1-1.21.67 1.44 1.44 0 0 1-1.24-.6l-4.72-6.35-5.81 8.3A1.49 1.49 0 0 1 1.5 20a1.5 1.5 0 0 1-1.23-2.36l7-10a1.5 1.5 0 0 1 2.43 0l4.73 6.3 6.81-10.26-1.45.32a1.5 1.5 0 1 1-.58-3l5-1a1.51 1.51 0 0 1 .56 0l.23.09.23.1a1.71 1.71 0 0 1 .39.32 1.49 1.49 0 0 1 .28.49.84.84 0 0 1 .05.17v.07l1 4.93A1.49 1.49 0 0 1 25.79 8z"/></svg></symbol><symbol id="homepage-13034400039-pillar-nav-market"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 27 27"><path fill="#fff" d="M21.5 16a5.44 5.44 0 0 0-4.06 1.8l-6.54-3.27a5 5 0 0 0 .1-1 5.07 5.07 0 0 0-.1-1l6.54-3.33A5.44 5.44 0 0 0 21.5 11 5.5 5.5 0 1 0 16 5.5a5 5 0 0 0 .1 1L9.56 9.79a5.47 5.47 0 0 0-2.69-1.62 5.57 5.57 0 0 0-5 1.21 5.5 5.5 0 1 0 7.7 7.82l6.54 3.27a5 5 0 0 0-.1 1A5.5 5.5 0 1 0 21.5 16zm0-13A2.5 2.5 0 1 1 19 5.5 2.5 2.5 0 0 1 21.5 3zm-16 13a2.5 2.5 0 1 1 0-5 2.72 2.72 0 0 1 .63.08A2.5 2.5 0 0 1 5.5 16zm16 8a2.5 2.5 0 1 1 2.5-2.5 2.5 2.5 0 0 1-2.5 2.5z"/></svg></symbol><symbol id="homepage-13034400039-pillar-nav-manage"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 27 27"><path fill="#fff" d="M27 4.5A1.5 1.5 0 0 1 25.5 6H8v1.5a1.5 1.5 0 0 1-3 0V6H1.5a1.5 1.5 0 0 1 0-3H5V1.5a1.5 1.5 0 0 1 3 0V3h17.5A1.5 1.5 0 0 1 27 4.5zM27 13.5a1.5 1.5 0 0 1-1.5 1.5H22v1.5a1.5 1.5 0 0 1-3 0V15H1.5a1.5 1.5 0 0 1 0-3H19v-1.5a1.5 1.5 0 0 1 3 0V12h3.5a1.5 1.5 0 0 1 1.5 1.5zM27 22.5a1.5 1.5 0 0 1-1.5 1.5H8v1.5a1.5 1.5 0 0 1-3 0V24H1.5a1.5 1.5 0 0 1 0-3H5v-1.5a1.5 1.5 0 0 1 3 0V21h17.5a1.5 1.5 0 0 1 1.5 1.5z"/></svg></symbol><symbol id="polaris-arrow-right"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M17.707 9.293l-5-5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L14.586 9H3c-.553 0-1 .448-1 1s.447 1 1 1h11.586l-3.293 3.293c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l5-5c.39-.39.39-1.023 0-1.414z"/></svg> </symbol><symbol id="modules-pause"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M5.5,19a1,1,0,0,1-1-1V2a1,1,0,0,1,2,0V18A1,1,0,0,1,5.5,19Z"/><path d="M14.51,19a1,1,0,0,1-1-1V2a1,1,0,0,1,2,0V18A1,1,0,0,1,14.51,19Z"/></svg></symbol><symbol id="spot-design"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M9.5 33.5a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm32.5-8v16a1.5 1.5 0 0 1-1.5 1.5h-29A9.51 9.51 0 0 1 2 33.5v-29A1.5 1.5 0 0 1 3.5 3h16A1.5 1.5 0 0 1 21 4.5v8.38l8.44-8.44a1.5 1.5 0 0 1 2.12 0l10 10a1.5 1.5 0 0 1 0 2.12L34.12 24h6.38a1.5 1.5 0 0 1 1.5 1.5zm-15.38-14l7.88 7.88 3.88-3.88-7.88-7.88zM18 14H5v19.5a6.5 6.5 0 0 0 13 0zm0-8H5v5h13zm13 21.12S18.8 39.58 18.41 40H31zm1.38-5.62l-7.88-7.88-3.5 3.5v15.76zM39 27h-5v13h5z"/></svg></symbol><symbol id="spot-online-store"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M41.75,8.67,38,3.11A2.5,2.5,0,0,0,36,2H9A2.5,2.5,0,0,0,7,3.11L3.25,8.67A1.5,1.5,0,0,0,3,9.5v3a7.48,7.48,0,0,0,3,6H6v13A3.5,3.5,0,0,0,9.5,35H15v2.5A2.5,2.5,0,0,1,12.5,40H12a1.5,1.5,0,0,0,0,3H33a1.5,1.5,0,0,0,0-3h-.5A2.5,2.5,0,0,1,30,37.5V35h5.5A3.5,3.5,0,0,0,39,31.5v-13h0a7.48,7.48,0,0,0,3-6v-3A1.5,1.5,0,0,0,41.75,8.67ZM9.3,5H35.7l2.66,4H6.64Zm17.79,7a1.64,1.64,0,0,0-.09.5,4.5,4.5,0,0,1-9,0,1.64,1.64,0,0,0-.09-.5ZM6,12h9.09a1.64,1.64,0,0,0-.09.5,4.5,4.5,0,0,1-9,0ZM27.61,40H17.39A5.4,5.4,0,0,0,18,37.5V35h9v2.5A5.4,5.4,0,0,0,27.61,40ZM36,31.5a.5.5,0,0,1-.5.5H9.5a.5.5,0,0,1-.5-.5V19.85a7.41,7.41,0,0,0,1.5.15,7.49,7.49,0,0,0,6-3,7.47,7.47,0,0,0,12,0,7.49,7.49,0,0,0,6,3,7.41,7.41,0,0,0,1.5-.15ZM34.5,17A4.51,4.51,0,0,1,30,12.5a1.64,1.64,0,0,0-.09-.5H39v.5A4.51,4.51,0,0,1,34.5,17Z"/></svg> </symbol><symbol id="exchange-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32"><g fill="#5C6AC4" fill-rule="evenodd"><path id="Shape" d="M26.954 21.114a1.343 1.343 0 0 0-1.806 0 1.17 1.17 0 0 0 0 1.705l2.504 2.364H22.77c-4.473 0-8.123-3.45-8.123-7.671V14.103c0-.079 0-.155-.041-.233C14.236 8.6 9.6 4.456 3.939 4.456H1.272C.574 4.456 0 4.998 0 5.657S.574 6.86 1.272 6.86H3.94c4.472 0 8.122 3.447 8.122 7.67V17.938c0 .077 0 .155.042.232.368 5.268 5.005 9.413 10.667 9.413h4.882l-2.504 2.364a1.17 1.17 0 0 0 0 1.705c.247.232.575.348.904.348.328 0 .656-.116.902-.348l4.677-4.417a1.168 1.168 0 0 0 0-1.704l-4.677-4.417zM26.968.351a1.33 1.33 0 0 0-1.8 0 1.183 1.183 0 0 0 0 1.714l2.497 2.377h-4.868c-2.905 0-5.605 1.092-7.649 3.08a1.152 1.152 0 0 0 .04 1.715c.246.234.573.35.9.35a1.3 1.3 0 0 0 .9-.35c1.555-1.52 3.6-2.339 5.81-2.339h4.867l-2.497 2.377a1.185 1.185 0 0 0 0 1.716c.246.233.573.35.901.35.327 0 .654-.117.9-.35l4.663-4.444a1.182 1.182 0 0 0 0-1.714L26.968.35zM11.56 22.822c.49.46.532 1.229.04 1.69-2.008 1.957-4.755 3.032-7.665 3.032H1.271c-.698 0-1.271-.537-1.271-1.19 0-.652.573-1.19 1.271-1.19h2.664c2.214 0 4.304-.805 5.82-2.303a1.31 1.31 0 0 1 1.805-.039z"/></g></svg></symbol><symbol id="spot-sales-up"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 45 45"><path d="M36.44 9.56a1.5 1.5 0 0 1 0-2.12l2-2a1.5 1.5 0 1 1 2.12 2.12l-2 2a1.5 1.5 0 0 1-2.12 0zM31.5 8A1.5 1.5 0 0 0 33 6.5v-2a1.5 1.5 0 0 0-3 0v2A1.5 1.5 0 0 0 31.5 8zm10 5h-2a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 0 0-3zm-1 7a1.5 1.5 0 0 0-1.5 1.5V36H8c7.37-3.64 18.47-12.22 23-17.92v4.42a1.5 1.5 0 0 0 3 0v-8a1.5 1.5 0 0 0-1.5-1.5h-8a1.5 1.5 0 0 0 0 3h4.33C24.43 21.66 11.69 31.32 5 34.06V9h19a1.5 1.5 0 0 0 0-3H5a3 3 0 0 0-3 3v27a3 3 0 0 0 3 3h34a3 3 0 0 0 3-3V21.5a1.5 1.5 0 0 0-1.5-1.5z"/></svg></symbol><symbol id="modules-social-facebook"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"/></svg> </symbol><symbol id="modules-social-twitter"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.7 1-.8-.8-1.9-1.4-3.1-1.4-2.4 0-4.2 1.9-4.2 4.3 0 .3 0 .7.1 1-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6 1.4-.6 2.2 0 1.5.7 2.8 1.9 3.5-.7 0-1.4-.2-1.9-.5 0 2.1 1.5 3.8 3.4 4.2-.3.1-.7.1-1.1.1-.3 0-.6 0-.8-.1.5 1.7 2.1 2.8 4 2.9-1.5 1.1-3.3 1.9-5.3 1.9-.3 0-.7 0-1-.1 1.9 1.2 4.1 1.9 6.5 1.9 7.8 0 12.1-6.5 12.1-12.1v-.6c.9-.4 1.6-1.2 2.2-2z"/></svg> </symbol><symbol id="modules-social-youtube"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7l6.3 3.8-6.3 3.8v-7.6z"/></svg> </symbol><symbol id="modules-social-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M15 30C6.7 30 0 23.3 0 15c0-1.1.1-2.1.3-3.1h7.2c-.4 1-.6 2-.6 3.1 0 4.5 3.6 8.1 8.1 8.1s8.1-3.6 8.1-8.1c0-1.1-.2-2.2-.6-3.1h7.2c.2 1 .3 2 .3 3.1 0 8.3-6.7 15-15 15zm5.9-20.6c-1.5-1.5-3.6-2.5-5.9-2.5s-4.4 1-5.9 2.5h-8C3.3 3.9 8.7 0 15 0s11.7 3.9 13.9 9.4h-8zm-.3 5.6c0 3.1-2.5 5.6-5.6 5.6-3.1 0-5.6-2.5-5.6-5.6 0-3.1 2.5-5.6 5.6-5.6 3.1 0 5.6 2.5 5.6 5.6z"/></svg> </symbol><symbol id="modules-social-linkedin"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"/></svg> </symbol><symbol id="modules-social-pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"/></svg> </symbol><symbol id="modules-social-plus"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path d="M6.3 22.5c-1.4 0-2.7.3-3.9.8C.9 20.8 0 18.1 0 15v-.8c.8 2.6 3 4.4 6.3 4.4h.8c-.2.5-.4 1-.4 1.6 0 .9.5 1.7 1.1 2.4-.5-.1-1-.1-1.5-.1zM15 0C9 0 3.9 3.5 1.4 8.5 2.8 7.1 4.9 6 7.1 6h8.5l-1.9 1.4H11c1.8.7 2.7 2.7 2.7 4.9 0 1.8-.9 3.4-2.4 4.5-1.4 1-1.6 1.5-1.6 2.5 0 .8 1.4 2.1 2.2 2.7 2.3 1.6 3 3 3 5.5 0 .9-.3 1.7-.7 2.5h.6c8.3 0 15-6.7 15-15S23.3 0 15 0zM2.8 12.3c-.4-2.8 1-5.1 3.2-5s4.3 2.4 4.6 5.3c.4 2.8-1.1 5.2-3.3 5.1-2-.1-4.1-2.5-4.5-5.4zm10.1 15.5c0 .7-.1 1.3-.4 1.9-3.7-.7-6.9-2.6-9.2-5.4 1.1-.7 2.5-1 4-1 .8 0 1.4.1 2.1.4 1.8 1.2 3 1.9 3.4 3.3 0 .3.1.6.1.8zm9.5-16.5v3.8h-1.9v-3.8h-3.8V9.4h3.8V5.6h1.9v3.8h3.8v1.9h-3.8z"/></svg> </symbol><symbol id="modules-social-snapchat"><svg xmlns="http://www.w3.org/2000/svg" viewbox="-234 36 30 30"><path d="M-219 36c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm9.6 20c-.1.3-.6.7-2.5.9-.1 0-.2.2-.3.6 0 .1-.1.3-.1.4 0 .1-.1.2-.3.2-.1 0-.2 0-.4-.1-.3-.1-.7-.1-1.1-.1-.3 0-.5 0-.8.1-.5.1-1 .4-1.5.8-.7.5-1.4 1-2.6 1h-.2c-1.1 0-1.9-.5-2.6-1-.5-.3-1-.7-1.5-.8-.3 0-.5-.1-.8-.1-.5 0-.8.1-1.1.1-.2 0-.3.1-.4.1-.1 0-.2 0-.3-.2 0-.2-.1-.3-.1-.4-.1-.4-.1-.6-.3-.6-1.8-.3-2.3-.7-2.5-.9v-.1c0-.1.1-.2.2-.2 2.8-.5 4-3.3 4.1-3.4.2-.3.2-.6.1-.9-.2-.5-.8-.7-1.2-.8-.1 0-.2-.1-.3-.1-.8-.3-.9-.7-.9-.8.1-.3.4-.5.8-.5h.2c.4.2.7.3 1 .3.4 0 .6-.2.6-.2v-.6c-.1-1.3-.2-3 .2-3.9 1.3-2.8 3.9-3 4.7-3h.3c.8 0 3.5.2 4.7 3 .4.9.3 2.6.2 3.9v.6s.2.2.5.2.6-.1.9-.3c.1 0 .2-.1.3-.1.1 0 .2 0 .3.1.3.1.5.3.5.5s-.1.5-.9.8c-.1 0-.2.1-.3.1-.4.1-1 .3-1.2.8-.1.2-.1.5.1.9.1.1 1.3 3 4.1 3.4.1 0 .2.1.2.2.3 0 .3.1.2.1z"/></svg> </symbol><symbol id="modules-globe-simple"><svg xmlns="http://www.w3.org/2000/svg" viewbox="197.3 314.6 90.6 90.6"><path d="M287.9 359.9c0 25-20.2 45.3-45.3 45.3s-45.3-20.2-45.3-45.3 20.2-45.3 45.3-45.3 45.3 20.3 45.3 45.3zm-22.7 13.2c0-7.3-5.9-13.2-13.2-13.2h-7.5c-5.7 0-9.4-2.8-9.4-6.6 0-2.6 2.1-4.7 4.7-4.7 3.8 0 3.9 3.8 6.6 3.8 2.1 0 3.8-1.7 3.8-3.8 0-3.7-1.8-5.6-3.6-7.3 1-2 3.5-7.2 3.6-14.8 0-.9-.6-1.8-1.6-1.9-2-.3-4-.5-6-.5-15.9.5-26.4 8.1-26.4 20.7 0 11.3 9.4 20.7 20.7 20.7h.3c-.2.9-.3 1.9-.3 2.8 0 5.8 4 10.7 9.4 11.9v13.5c0 1 .8 1.9 1.9 1.9 5.7.2 17-9.3 17-22.5z"/></svg></symbol><symbol id="modules-nav-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 10 5"><path d="M0,0l5,5l5-5H0z"/></svg> </symbol><symbol id="logos-shopify-white"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 608 173.7"><path fill="#95BF47" d="M130.6 33c-.1-.9-.9-1.3-1.5-1.4-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-1-1-2.9-.7-3.7-.5-.1 0-2 .6-5.1 1.6C93.7 13 88.3 5 78.9 5h-.8c-2.7-3.5-6-5.1-8.8-5.1C47.4 0 37 27.3 33.7 41.2c-8.5 2.6-14.5 4.5-15.3 4.7-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.5 0 151.5 0 151.5l96.7 18.1 52.4-11.3c0-.1-18.4-124.4-18.5-125.3zm-39.3-9.6c-2.4.8-5.2 1.6-8.2 2.5v-1.8c0-5.4-.8-9.8-2-13.2 4.9.7 8.2 6.2 10.2 12.5zM75.2 12c1.3 3.4 2.2 8.2 2.2 14.7v.9c-5.3 1.6-11.1 3.4-16.9 5.2 3.3-12.4 9.4-18.5 14.7-20.8zm-6.5-6.1c.9 0 1.9.3 2.8.9-7 3.3-14.5 11.6-17.7 28.2-4.6 1.4-9.2 2.8-13.4 4.1C44.2 26.5 53 5.9 68.7 5.9z"/><path fill="#5E8E3E" d="M129.1 31.6c-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-.4-.4-.9-.6-1.4-.6l-7.3 149.6 52.4-11.3S130.7 33.9 130.6 33.1c-.1-.9-.9-1.4-1.5-1.5z"/><path fill="#FFF" d="M78.9 60.6l-6.5 19.2s-5.7-3-12.6-3c-10.2 0-10.7 6.4-10.7 8 0 8.8 22.9 12.1 22.9 32.7 0 16.2-10.3 26.6-24.1 26.6-16.6 0-25.1-10.3-25.1-10.3l4.4-14.7s8.7 7.5 16.1 7.5c4.8 0 6.8-3.8 6.8-6.6 0-11.5-18.8-12-18.8-30.8C31.3 73.4 42.7 58 65.6 58c9 .1 13.3 2.6 13.3 2.6zm131.3 36c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.1-14.7-19.8zM284 65.9c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4-.1-11.6-6.2-18.6-16.9-18.6zm63.4 0c-24.8 0-41.2 22.4-41.2 47.3 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.3 0-14.8-8.7-28.8-28-28.8zm-10.1 60.3c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.3c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11H389c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4H391l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.8-6.1-26.2-21.1-26.2zm-19.7 60.6c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.3 0 13.4-7.9 32.4-19.4 32.4zm70.3-90.2c-6.6 0-11.8 5.2-11.8 11.9 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 11.9-4.3 12.1-11.9 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.7m73.1-.1h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-11.9 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.6H509l10.9-57.6h14.2l2.8-15.5zm49.6.1s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2h-21.7l12.4 67c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.6 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54h-21.5z"/></svg></symbol><symbol id="modules-caret-right"><svg xmlns="http://www.w3.org/2000/svg" viewbox="-242.1 245.6 6.6 10.3"><path d="M-235.6 250.7l-5.1 5.2-1.4-1.4 3.7-3.8-3.7-3.7 1.4-1.4"/></svg></symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M19 11H1c-.552 0-1-.447-1-1s.448-1 1-1h18c.552 0 1 .447 1 1s-.448 1-1 1zm0-7H1c-.552 0-1-.447-1-1s.448-1 1-1h18c.552 0 1 .447 1 1s-.448 1-1 1zm0 14H1c-.552 0-1-.447-1-1s.448-1 1-1h18c.552 0 1 .447 1 1s-.448 1-1 1z"/></svg> </symbol><symbol id="logos-shopify-black"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 608 173.7"><path fill="#95BF47" d="M130.6 33c-.1-.9-.9-1.3-1.5-1.4-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-1-1-2.9-.7-3.7-.5-.1 0-2 .6-5.1 1.6C93.7 13 88.3 5 78.9 5h-.8c-2.7-3.5-6-5.1-8.8-5.1C47.4 0 37 27.3 33.7 41.2c-8.5 2.6-14.5 4.5-15.3 4.7-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.5 0 151.5 0 151.5l96.7 18.1 52.4-11.3c0-.1-18.4-124.4-18.5-125.3zm-39.3-9.6c-2.4.8-5.2 1.6-8.2 2.5v-1.8c0-5.4-.8-9.8-2-13.2 4.9.7 8.2 6.2 10.2 12.5zM75.2 12c1.3 3.4 2.2 8.2 2.2 14.7v.9c-5.3 1.6-11.1 3.4-16.9 5.2 3.3-12.4 9.4-18.5 14.7-20.8zm-6.5-6.1c.9 0 1.9.3 2.8.9-7 3.3-14.5 11.6-17.7 28.2-4.6 1.4-9.2 2.8-13.4 4.1C44.2 26.5 53 5.9 68.7 5.9z"/><path fill="#5E8E3E" d="M129.1 31.6c-.6-.1-13.7-1-13.7-1s-9.1-9-10-10c-.4-.4-.9-.6-1.4-.6l-7.3 149.6 52.4-11.3S130.7 33.9 130.6 33.1c-.1-.9-.9-1.4-1.5-1.5z"/><path fill="#FFF" d="M78.9 60.6l-6.5 19.2s-5.7-3-12.6-3c-10.2 0-10.7 6.4-10.7 8 0 8.8 22.9 12.1 22.9 32.7 0 16.2-10.3 26.6-24.1 26.6-16.6 0-25.1-10.3-25.1-10.3l4.4-14.7s8.7 7.5 16.1 7.5c4.8 0 6.8-3.8 6.8-6.6 0-11.5-18.8-12-18.8-30.8C31.3 73.4 42.7 58 65.6 58c9 .1 13.3 2.6 13.3 2.6z"/><path d="M210.2 96.6c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.1-14.7-19.8zM284 65.9c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4-.1-11.6-6.2-18.6-16.9-18.6zm63.4 0c-24.8 0-41.2 22.4-41.2 47.3 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.3 0-14.8-8.7-28.8-28-28.8zm-10.1 60.3c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.3c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11H389c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4H391l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.8-6.1-26.2-21.1-26.2zm-19.7 60.6c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.3 0 13.4-7.9 32.4-19.4 32.4zm70.3-90.2c-6.6 0-11.8 5.2-11.8 11.9 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 11.9-4.3 12.1-11.9 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.7m73.1-.1h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-11.9 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.6H509l10.9-57.6h14.2l2.8-15.5zm49.6.1s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2h-21.7l12.4 67c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.6 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54h-21.5z"/></svg></symbol><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="M11.414 10l6.293-6.293c.39-.39.39-1.023 0-1.414s-1.023-.39-1.414 0L10 8.586 3.707 2.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L8.586 10l-6.293 6.293c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293L10 11.414l6.293 6.293c.195.195.45.293.707.293s.512-.098.707-.293c.39-.39.39-1.023 0-1.414L11.414 10z"/></svg> </symbol><symbol id="modules-nav-external-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 7 7"><path d="M7,7V0H0L7,7z"/></svg> </symbol><symbol id="modules-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 44 44"><path d="M39.196 43.3L1.154 5.256l3.89-3.89 38.04 38.043z"/><path d="M.54 39.413L38.58 1.37l3.89 3.89L4.428 43.302z"/></svg></symbol></svg></div> <footer class="footer--main" id="ShopifyMainFooter" role="contentinfo"> <div class="page-width"> <div class="footer-top"> <div class="grid"> <div class="grid__item"> <div class="footer-nav"> <a href="https://web.archive.org/web/20211020061841/https://fr.shopify.ca/a-propos-de-nous"> À propos </a> <a href="https://web.archive.org/web/20211020061841/https://fr.shopify.ca/carrieres"> Carrières </a> <a href="https://web.archive.org/web/20211020061841/https://news.shopify.com/informations"> Presse et médias </a> <a href="https://web.archive.org/web/20211020061841/https://fr.shopify.ca/sitemap"> Plan du site </a> </div> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-heading heading--5 ">E-commerce</h3> <div class="gutter-bottom--mobile"> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/site-de-vente-en-ligne"> Vendre en ligne </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/site-de-vente-en-ligne/solutions-ecommerce"> Fonctionnalités </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/exemples"> Exemples </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/blog/topics/seo"> SEO </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/dropshipping"> Dropshipping </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/domaines"> Noms de domaine </a> </div> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-heading heading--5 "> Point de vente </h3> <div class="gutter-bottom--mobile "> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/pdv"> Vendre en magasin </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/pdv/fonctionnalites"> Fonctionnalités </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/pdv/materiel-informatique"> Matériel PDV </a> </div> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-heading heading--5 "> Communauté </h3> <div class="gutter-bottom--mobile"> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/blog"> Blog </a> </div> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-heading heading--5 "> Support </h3> <div class="gutter-bottom--mobile"> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/outils"> Outils gratuits </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/tarifs#Faq"> FAQ </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/https://www.youtube.com/playlist?list=PL-_9fV_SQWp_4vGhklrTNjity00M-2UCX"> Tutoriels vidéo </a> </div> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-heading heading--5 "> Shopify </h3> <div class="gutter-bottom--mobile "> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/contact"> Contact </a> <a class="footer-link" href="https://web.archive.org/web/20211020061841/http://fr.shopify.ca/partenaires"> Partenaires </a> </div> </div> </div> </div> <div class="footer-bottom"> <div class="grid"> <div class="grid__item grid__item--tablet-up-2 footer-bottom__social text-center--mobile"> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Facebook" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.facebook.com/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-facebook-40-title" role="img"><title id="icon-modules-social-facebook-40-title">Facebook</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-facebook"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Twitter" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://twitter.com/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-twitter-40-title" role="img"><title id="icon-modules-social-twitter-40-title">Twitter</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-twitter"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Youtube" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.youtube.com/user/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-youtube-40-title" role="img"><title id="icon-modules-social-youtube-40-title">Youtube</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-youtube"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Instagram" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.instagram.com/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-instagram-40-title" role="img"><title id="icon-modules-social-instagram-40-title">Instagram</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-instagram"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Linkedin" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.linkedin.com/company/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-linkedin-40-title" role="img"><title id="icon-modules-social-linkedin-40-title">Linkedin</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-linkedin"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Pinterest" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.pinterest.com/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-pinterest-40-title" role="img"><title id="icon-modules-social-pinterest-40-title">Pinterest</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-pinterest"></use></svg> </a> <a class="footer-social__icon " target="_blank" rel="me noopener" data-ga-event="Social" data-ga-action="Snapchat" data-ga-label="Footer" href="https://web.archive.org/web/20211020061841/https://www.snapchat.com/add/shopify"> <svg class="icon" aria-labelledby="icon-modules-social-snapchat-40-title" role="img"><title id="icon-modules-social-snapchat-40-title">Snapchat</title> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-social-snapchat"></use></svg> </a> </div> <div class="grid__item grid__item--tablet-up-4 footer-bottom__links text-center--mobile text-right--tablet-up"> <a href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/pages/return-policy"> Politique de retour </a> <div class="footer-country-select"> <div class="popover-wrapper js-popover footer-country-select__popover" data-position="top" data-toggle-only-on-click="true"> <button type="button" class="popover-trigger footer-country-select__trigger" data-ga-event="Footer" data-ga-label="CountrySelector" aria-expanded="false" aria-describedby="Popover27" aria-haspopup="true"> <svg class="icon footer-country-select__globe" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-globe-simple"></use> </svg> <span class="footer-country-select__text"> Canada (anglais) </span> <span class="visuallyhidden"> Change your country or region. </span> <svg class="icon footer-country-select__arrow" aria-hidden="true" focusable="false"> <use xlink:href="/web/20211020061841im_/https://hardware.shopify.ca/fr#modules-nav-arrow-down"></use> </svg> </button> <div class="popover popover--top" id="Popover27"> <ul id="regionLocaleData" class="popover-content footer-country-select__content"> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="AU" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.com.au/"> Australia </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="CA" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/"> Canada (anglais) </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="CA" data-locale="fr" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ca/fr"> Canada (anglais) </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="EU" data-locale="de" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.de/"> EUR (Deutsch) </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="EU" data-locale="nl" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.nl/"> EUR (Dutch) </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="EU" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.eu/"> EUR (English) </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="IE" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.ie/"> Irlande </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="NZ" data-locale="ga" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.nz/"> New Zealand </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="GB" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.co.uk/"> Royaume-Uni </a> </li> <li class="footer-country-select__country"> <a class="region-locale-data-link" data-country="US" data-locale="en" href="https://web.archive.org/web/20211020061841/https://hardware.shopify.com/"> États Unis </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <div id="slideshow-info" class="visually-hidden" aria-hidden="true">Utilisez les flèches gauche/droite pour naviguer dans le diaporama ou glissez vers la gauche/droite sur un appareil mobile</div> </div> <ul hidden> <li id="a11y-refresh-page-message">le choix d'une sélection entraîne une actualisation complète de la page</li> </ul> <script> // (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: mllegeorgesand@gmail.com // See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus var Shopify = Shopify || {}; Shopify.optionsMap = {}; Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }; Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t }; Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = document.querySelector('.single-option-selector[data-index="option1"]:checked'); break; case 1: var key = document.querySelector('.single-option-selector[data-index="option1"]:checked').value; var selector = document.querySelector('.single-option-selector[data-index="option2"]'); break; case 2: var key = document.querySelector('.single-option-selector[data-index="option1"]:checked').value; key += ' / ' + document.querySelector('.single-option-selector[data-index="option2"]').value; var selector = document.querySelector('.single-option-selector[data-index="option3"]'); } var availableOptions = Shopify.optionsMap[key]; if (selectorIndex === 0) { var $radioSelectors = document.querySelectorAll('.single-option-selector[data-index="option1"]'); for (var i = 0; i < $radioSelectors.length; i++) { if (availableOptions.indexOf($radioSelectors[i].value) !== -1) { $radioSelectors[i].style.display = 'block'; $radioSelectors[i].removeAttribute('disabled'); var radioLabel = $radioSelectors[i].nextElementSibling; if (radioLabel.getAttribute('for') == $radioSelectors[i].value) { radioLabel.style.display = 'inline-block'; } } else { $radioSelectors[i].style.display = 'none'; $radioSelectors[i].setAttribute('disabled', 'disabled'); var radioLabel = $radioSelectors[i].nextElementSibling; if (radioLabel.getAttribute('for') == $radioSelectors[i].value) { radioLabel.style.display = 'none'; } } } } else { var initialValue = selector.value; selector.innerHTML = ''; for (var i = 0; i < availableOptions.length; i++) { var option = availableOptions[i]; var newOption = document.createElement('option'); var optionText = document.createTextNode(option); newOption.setAttribute('value', option); newOption.appendChild(optionText); selector.appendChild(newOption); if (availableOptions.indexOf(initialValue) !== -1) { selector.setAttribute('value', initialValue); } } } selector.dispatchEvent(new Event('change')); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. for (var i = 0; i < product.variants.length; i++) { var variant = product.variants[i]; if (variant.available) { // Gathering values for the 1st drop-down. Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; Shopify.optionsMap['root'].push(variant.option1); Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); // Gathering values for the 2nd drop-down. if (product.options.length > 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first selector var $firstOptions = document.querySelectorAll('.single-option-selector[data-index="option1"]'); if ($firstOptions.length > 0) { for (var i = 0; i < $firstOptions.length; i++) { $firstOptions[i].addEventListener('change', function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); } } if (product.options.length === 3) { // When there is an update in the second selector var $secondOption = document.querySelector('.single-option-selector[data-index="option2"]'); if ($secondOption) { $secondOption.addEventListener('change', function() { Shopify.updateOptionsInSelector(2); return true; }); } } }; </script>  <script src="https://web.archive.org/web/20211020061841js_/https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver%2CIntersectionObserverEntry%2CMutationObserver"></script>  <script> var ShopifyAPI = ShopifyAPI || {}; var langify = langify || {}; var defaultSettings = { debug: false, // BOOL : Enable/disable console logs observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) observeLinks: true, observeImages: true, observeCustomContents: true, maxMutations: 5, timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element linksBlacklist: [], } if(langify.settings) { langify.settings = Object.assign(defaultSettings, langify.settings) } else { langify.settings = defaultSettings } langify.settings.theme = null; langify.settings.switcher = null; langify.helper = langify.helper || { extractImageObject: function(val) { if(!val || val == '') return false; var val = val; // Handle src-sets if(val.search(/([0-9]+w?h?,)/gi) > -1) { val = val.split(/([0-9]+w?h?,)/gi)[0]; } var url = val; var host = file = name = type = ''; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); var hostBegin = val.indexOf('//') ? val.indexOf('//') : 0; host = val.substring(hostBegin, val.lastIndexOf('/') + 1); name = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); type = url.substring(url.lastIndexOf('.')+1, url.length); file = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, '.'+type); return { host: host, name: name, type: type, file: file } }, getCurrentLanguage: function() { return "fr"; }, setLanguage: function(code) { if(!langify.locale.languages.find(x => x.iso_code === code)) return false; var rootUrl = langify.locale.languages.find(x => x.iso_code === code).root_url; if(rootUrl == '/') {rootUrl = '';} var finalUrl = rootUrl + ""; if(finalUrl == '') {finalUrl = '/';} window.location.href = finalUrl; return true; }, getCookie: function(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); if(v) return v[2]; else return null; }, setCookie: function(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); }, getVersion: function() { return 2; }, isOutOfViewport: function (elem) { var bounding = elem.getBoundingClientRect(); var out = {}; out.top = bounding.top < 0; out.left = bounding.left < 0; out.bottom = Math.ceil(bounding.bottom) >= (window.innerHeight || document.documentElement.clientHeight); out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth); out.any = out.top || out.left || out.bottom || out.right; out.inViewport = bounding.x > 0 && bounding.y > 0; return out; }, isDomainFeatureEnabled: function() { return null; }, getVal: function(str) { var v = window.location.search.match(new RegExp('(?:[?&]'+str+'=)([^&]+)')); return v ? v[1] : null; }, inIframe: function() { try { return window.self !== window.top; } catch (e) { return true; } }, }; var customContents = {}; var customContents_image = {}; var customContents_html = {}; var customContents_text = {}; var customContents_attr = {}; // Custom Contents Section // Images Section var languageUrls = [];languageUrls['en'] = '/';languageUrls['fr'] = '/fr';langify.locale = langify.locale || { primary: false, iso_code: "fr", root_url: "\/fr", language_id: null, languages: [{ iso_code: "en", root_url: "\/", language_id: "ly116495", domain: "", },{ iso_code: "fr", root_url: "\/fr", language_id: "ly116495", domain: "", }, ] }; function isIE() { ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; return is_ie; } if (!isIE()){ // Disable link correction ALWAYS on languages with mapped domains if(langify.locale.languages.find(x => x.iso_code === "fr" && x.domain !== '' )) { langify.settings.observeLinks = false; } var langifyObserverCore = function() { var observedNodes = []; var intersectionObs = null; var mutationObs = null; var mutationObsConfig = { characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true, childList: true, subtree: true, }; function init() { if(langify.settings.observe) { spreadCustomContents(); if (window.MutationObserver) { if (langify.settings.lazyload && window.IntersectionObserver) { startIntersectionObserver(); } else { startMutationObserver(null); } } else { startMutationEvents(); } } } // Intersection Observer function startIntersectionObserver() { intersectionObs = new IntersectionObserver(callbackIntersectionChange); var elementNodes = document.getElementsByClassName('shopify-section'); Array.prototype.slice.call(elementNodes).forEach(function(node) { intersectionObs.observe(node); }); } function callbackIntersectionChange(intersections) { intersections.forEach(function(intersection) { var target = intersection.target; var targetIsIntersecting = Boolean(target.getAttribute('ly-is-intersecting') === "true" ? true : false); if(typeof targetIsIntersecting == 'undefined' || targetIsIntersecting == null) { target.setAttribute('ly-is-intersecting', intersection.isIntersecting); targetIsIntersecting = intersection.isIntersecting; } // On Screen if(targetIsIntersecting == false && intersection.isIntersecting == true) { if(!target.getAttribute('ly-is-observing')) { startMutationObserver(target); intersectionObs.unobserve(target); // As the mutation observer didn't see the "add" of the elememts, trigger the initial translation manually var elementNodes = getNodesUnder(target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // Off Screen //else if(targetIsIntersecting == true && intersection.isIntersecting == false) { // stopMutationObserver(target); //} target.setAttribute('ly-is-intersecting', intersection.isIntersecting); }); } // Mutation Observer function startMutationObserver(observerTarget) { if (!observerTarget) { var target = document.documentElement || document.body; // main window } else { if (observerTarget.nodeName === 'IFRAME') { var target = observerTarget.contentDocument || observerTarget.contentWindow.document; // iframe } else { var target = observerTarget; } } mutationObs = new MutationObserver(callbackDomChange); mutationObs.observe(target, mutationObsConfig); observedNodes.push(target); try { target.setAttribute('ly-is-observing', 'true'); } catch(e) {} } function stopMutationObserver(target) { if(observedNodes.indexOf(target) > -1) { observedNodes.splice(observedNodes.indexOf(target), 1); } var mutations = mutationObs.takeRecords(); mutationObs.disconnect(); observedNodes.forEach(node => { mutationObs.observe(node, mutationObsConfig); }); try { target.removeAttribute('ly-is-observing'); } catch(e) {} } function callbackDomChange(mutations, mutationObs) { for (var i = 0, length = mutations.length; i < length; i++) { var mutation = mutations[i]; var target = mutation.target; // Links-Hook if (mutation.type === 'attributes' && (mutation.attributeName === 'href' || mutation.attributeName === 'action')) { var target = mutation.target; translateLink(target.getAttribute(mutation.attributeName), target); } // Images-Hook else if (mutation.type === 'attributes' && (mutation.attributeName === 'src' || mutation.attributeName === 'data-src' || mutation.attributeName === 'srcset' || mutation.attributeName === 'data-srcset')) { translateImage(target, mutation.attributeName); } else if (mutation.type === 'attributes' && mutation.attributeName === 'style') { translateCssImage(target); } // Subtree Events else if (mutation.type === 'childList') { // Added Nodes if(mutation.addedNodes.length > 0) { var elementNodes = getNodesUnder(mutation.target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(mutation.target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // CharacterData Events else if (mutation.type === 'characterData') { var target = mutation.target; translate(target, 'mutation -> characterData'); } } } function translate(node, info) { if((node.nodeType === 1 && node.hasAttribute('data-ly-locked')) || (node.nodeType === 3 && node.parentNode && node.parentNode.hasAttribute('data-ly-locked'))) { return; } // CC-Hook if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { if (node.nodeType === 3) { translateTextNode(node, info); } translateNodeAttrs(node); } // Links-Hook if (node.nodeName === 'A' || node.nodeName === 'FORM') { if(node.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = node.getAttribute(attrName); translateLink(url, node); } // Images-Hook if (node.nodeName === 'IMG' || node.nodeName === 'SOURCE') { translateImage(node, ['src', 'data-src', 'srcset', 'data-srcset']); } if (node.attributes && node.getAttribute('style')) { translateCssImage(node); } // Iframe Observation if (node.nodeName === 'IFRAME') { // Todo: handle srcdoc iframe content observing if (node.getAttribute('ly-is-observing') == null && node.getAttribute('src') == null && !node.hasAttribute('srcdoc')) { node.setAttribute('ly-is-observing', 'true'); startMutationObserver(node); } } } function translateNodeAttrs(node) { if(Object.keys(customContents_attr).length > 0) { } } var mutationCount = 0; function translateTextNode(node, info) { if(langify.settings.observeCustomContents === false || !node.textContent || node.textContent.trim().length === 0) { return; } var src = node.textContent.trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); if(customContents_text[src] && node.textContent !== customContents_text[src]) { var newContent = node.textContent.replace(node.textContent.trim(), customContents_text[src]); if (newContent != node.textContent) { if(!node.parentNode.hasAttribute('data-ly-mutation-count') || parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) < langify.settings.maxMutations) { var count = node.parentNode.hasAttribute('data-ly-mutation-count') ? parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) : 0; node.parentNode.setAttribute('data-ly-mutation-count', count+1); node.textContent = newContent; mutationCount = mutationCount + 1; log('REPLACED (TEXT)', { oldValue: src, newValue: customContents_text[src], mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatetext', { bubbles: true, detail: { target: node, original: src, translation: customContents_text[src] } }); node.dispatchEvent(event); } } } } function translateLink(url, node) { if(langify.settings.observeLinks === false || node.hasAttribute('data-ly-locked') || !url || (url.indexOf('mailto:') !== -1 || url.indexOf('javascript:') !== -1 || url.indexOf('tel:') !== -1 || url.indexOf('file:') !== -1 || url.indexOf('ftp:') !== -1 || url.indexOf('sms:') !== -1 || url.indexOf('market:') !== -1 || url.indexOf('fax:') !== -1 || url.indexOf('callto:') !== -1 || url.indexOf('ts3server:') !== -1)) { return; } var isLocalized = (url.indexOf('/'+"fr"+'/') === 0 || url === '/'+"fr" || url.indexOf('/'+"fr"+'/') === 0 || url === '/'+"fr"); var link = url.replace("https:\/\/web.archive.org\/web\/20211020061841\/https:\/\/hardware.shopify.ca", '').replace(/\/fr\//gi, '/'); var isUrlAbsolute = (link.indexOf('://') > 0 || link.indexOf('//') === 0); var blacklist = ['#', '/fr#'].concat(langify.settings.linksBlacklist); var isUrlBlacklisted = blacklist.find(x => url.indexOf(x) === 0); if(!isLocalized && !isUrlAbsolute && !isUrlBlacklisted && "\/fr" != '/') { if(node.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; if(link === '/' || link == "\/fr") link = ''; var newLink = "\/fr" + link; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attrName, newLink); if(node.hasAttribute('data-'+attrName)) node.setAttribute('data-'+attrName, newLink); mutationCount = mutationCount + 1; log('REPLACED (LINK)', { attrName, oldValue: url, newValue: newLink, mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatelink', { bubbles: true, detail: { target: node, attribute: attrName, original: url, translation: newLink } }); node.dispatchEvent(event); } } } function translateImage(node, attr) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0) { return } var attrs = []; if(typeof attr === 'string') attrs.push(attr); else if(typeof attr === 'object') attrs = attr; attrs.forEach(function(attr) { if(node.hasAttribute(attr)) { var imgObject = langify.helper.extractImageObject(node.getAttribute(attr)); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; if(customContents_image[imgKey]) { // Replace var oldValue = node.getAttribute(attr); var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; log('REPLACED (IMAGE)', { attrName: attr, oldValue: oldValue, newValue: translation, mutationCount, }, 'success'); var event = new CustomEvent('langify.observer.aftertranslateimage', { bubbles: true, detail: { target: node, attribute: attr, original: oldValue, translation: translation } }); node.dispatchEvent(event); } } } } }); } function translateCssImage(node) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0 || !node.getAttribute('style')) { return } var imgMatches = node.getAttribute('style').match(/url$("|')?(.*)("|')?$/gi); if(imgMatches !== null) { var imgSource = imgMatches[0].replace(/url$("|')?|("|')?$/, ''); var imgObject = langify.helper.extractImageObject(imgSource); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; var attr = 'style'; if(customContents_image[imgKey]) { // Replace var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; } } } } } function findAndLocalizeLinks(target, parent) { if(target.parentNode && parent) var allLinks = target.parentElement.querySelectorAll('[href],[action]'); else var allLinks = target.querySelectorAll('[href],[action]'); allLinks.forEach(link => { if(link.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = link.getAttribute(attrName); translateLink(url, link); }); } function getNodesUnder(el, show){ var n, a=[], walk=document.createTreeWalker(el, NodeFilter[show] , null, false); while(n=walk.nextNode()) a.push(n); return a; } function log(title, data, type) { if(langify.settings.debug) { let css = 'color: green; font-weight: bold;'; console.log(`%c ${title}: \n`, css, data); } } function spreadCustomContents() { var getFileName = function(url) { if(!url || url == '') return; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); url = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); return '/' + url; } Object.entries(customContents).forEach(function(entry) { //if(/<\/?[a-z][\s\S]*>/i.test(entry[0])) customContents_html[entry[0]] = entry[1]; //else if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png)/.test(entry[0])) customContents_image[getFileName(entry[0])] = getFileName(entry[1]); if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png|webp)/.test(entry[0])) customContents_image[langify.helper.extractImageObject(entry[0]).file] = langify.helper.extractImageObject(entry[1]); else customContents_text[entry[0]] = entry[1]; }); log('CUSTOM CONTENTS:', {customContents, customContents_text, customContents_image}, 'info') } // Polyfill for old browsers function startMutationEvents() { var target = document.querySelector('body'); target.addEventListener("DOMAttrModified", function (event) { if(event.attrName === 'href' || event.attrName === 'action') { if(event.prevValue != event.newValue) { translateLink(event.newValue, event.target); } } }, false); target.addEventListener("DOMSubtreeModified", function (event) { //findAndLocalizeLinks(event.target, false); //matchCustomContent(event.target); }, false); } function triggerCustomContents() { var rootnode = document.getElementsByTagName('body')[0] var walker = document.createTreeWalker(rootnode, NodeFilter.SHOW_ALL, null, false) while (walker.nextNode()) { //console.log(walker.currentNode.tagName) translate(walker.currentNode, null); } } function stopObserver() { mutationObs.takeRecords(); mutationObs.disconnect(); } init(); return { init: init, triggerCustomContents: triggerCustomContents, stopObserver: stopObserver, } }; var langifyObserver = langifyObserverCore(); langify.api = { observer: { start: langifyObserver.init, stop: langifyObserver.stopObserver, trigger: langifyObserver.triggerCustomContents } }; } langify.tools = langify.tools || { compareJQueryVersion: function(a,b) {if (a === b) {return 0;}var a_components = a.split(".");var b_components = b.split(".");var len = Math.min(a_components.length, b_components.length);for (var i = 0; i < len; i++) {if (parseInt(a_components[i]) > parseInt(b_components[i])) {return 1;}if (parseInt(a_components[i]) < parseInt(b_components[i])) {return -1;}}if (a_components.length > b_components.length) {return 1;}if (a_components.length < b_components.length) {return -1;}return 0;} }; langify.loader = langify.loader || { loadScript: function(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function () { if(script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); }, reload: function() { window.location.reload(); } }; langify.switcher = langify.switcher || { init: function() { var lyForceOff = location.search.split('ly-force-off=')[1]; var switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-switcher-wrapper')); if(!switcherElements.length) { switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-languages-switcher')); } document.addEventListener('click', function(event) { if(!event.target.closest('.ly-languages-switcher')) { var openSwitchers = document.querySelectorAll('.ly-languages-switcher.ly-is-open') for(i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } }); // Custom positioning for(i = 0; i < switcherElements.length; i++) { if(lyForceOff !== 'true' && langify.locale.languages.length > 1) { switcherElements[i].classList.remove('ly-hide'); } if(switcherElements[i].classList.contains('ly-custom') && (document.getElementById('ly-custom-'+switcherElements[i].getAttribute('data-breakpoint')) || document.getElementsByClassName('ly-custom-'+switcherElements[i].getAttribute('data-breakpoint')).length )) { var targets = Array.from(document.getElementsByClassName('ly-custom-'+switcherElements[i].getAttribute('data-breakpoint'))); var target = document.getElementById('ly-custom-'+switcherElements[i].getAttribute('data-breakpoint')); if(target) targets.push(target); for(c = 0; c < targets.length; c++) { var clone = switcherElements[i].cloneNode(true); targets[c].innerHTML = clone.outerHTML; } switcherElements[i].classList.add('ly-hide'); } } var links = document.getElementsByClassName('ly-languages-switcher-link'); for(l = 0; l < links.length; l++) { if(links[l].getAttribute('href') !== '#') { links[l].setAttribute('href', links[l].getAttribute('href') + window.location.search); links[l].addEventListener('click', function(event) { langify.helper.setCookie('ly-lang-selected', this.getAttribute('data-ly-code'), 365); }); } } // Native select event handling var nativeLangifySelects = document.getElementsByClassName('ly-native-select'); for(var i = 0; i < nativeLangifySelects.length; i++) { nativeLangifySelects[i].onchange = function() { var selectedLanguageCode = this[this.selectedIndex].getAttribute('key'); var url = languageUrls[selectedLanguageCode]; if(url) { langify.helper.setCookie('ly-lang-selected', selectedLanguageCode, 365); window.location.replace(url+window.location.search); } }; } // Initial cart.attributes update ShopifyAPI.getCart(function (cart) { var currentLanguage = langify.locale.iso_code; if(!cart.attributes.language || cart.attributes.language != currentLanguage) { ShopifyAPI.updateCartAttributes({'language': currentLanguage}, function(data){}); } }); // Custom Dropdown var switcher = document.getElementsByClassName('ly-custom-dropdown-switcher'); for(var a = 0; a < switcher.length; a++) { switcher[a].classList.toggle('ly-is-open'); var isOut = langify.helper.isOutOfViewport(switcher[a]); if(isOut.bottom && isOut.inViewport) { switcher[a].classList.add('ly-is-dropup'); var arrows = switcher[a].querySelectorAll('.ly-arrow'); for(var b = 0; b < arrows.length; b++) { arrows[b].classList.add('ly-arrow-up'); } } switcher[a].classList.toggle('ly-is-open'); } if(langify.locale.languages.length === 1) { console.info(`%c LANGIFY INFO:\n`, 'font-weight: bold;', 'The language switcher is hidden! This can have one the following reasons: \n * All additional languages are disabled in the "Langify -> Dashboard -> Languages" section. \n * If you are using different domains for your additional languages, ensure that "Cross Domain Links" are enabled inside the "Langify -> Dashboard -> Switcher Configurator -> Domains" section.'); } this._currencySwitcherBindings(); }, _currencySwitcherBindings: function() { var currencySwitcherForm = document.getElementById('currency_switcher_form'); var countryCodeField = currencySwitcherForm.querySelector('input[name="country_code"]'); if(currencySwitcherForm) { var currencySelectSwitcher = document.querySelectorAll('select.ly-currency-switcher , select.ly-country-switcher'); var currencyCustomSwitcher = document.querySelectorAll('div.ly-currency-switcher a, div.ly-country-switcher a'); currencySwitcherForm.querySelector('input[name="return_to"]').value = window.location.pathname; for(var i=0; i<currencyCustomSwitcher.length; i++) { currencyCustomSwitcher[i].addEventListener('click', function(e) { var formType = 'currency'; if(this.closest('.ly-custom-dropdown-switcher').getAttribute('class').indexOf('ly-country-switcher') >= 0) formType = 'country_code'; if(countryCodeField && this.closest('.ly-currency-switcher')) countryCodeField.remove(); currencySwitcherForm.querySelector('input[name="'+formType+'"]').value = this.getAttribute('data-'+ formType.replace('_', '-')); currencySwitcherForm.submit(); }); } for(var a=0; a<currencySelectSwitcher.length; a++) { currencySelectSwitcher[a].addEventListener('change', function(){ var formType = 'currency'; var theValue = this.value; if(this.getAttribute('class').indexOf('ly-country-switcher') >= 0) formType = 'country_code'; if(countryCodeField && this.getAttribute('class').indexOf('ly-currency-switcher') >= 0) countryCodeField.remove(); if(formType === 'currency') theValue = this.value.split(' ')[0]; currencySwitcherForm.querySelector('input[name="'+formType+'"]').value = theValue; currencySwitcherForm.submit(); }); } } }, toggleSwitcherOpen: function(e) { var target = e; if(!target.classList.contains('ly-is-open')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } target.classList.toggle('ly-is-open'); var isOut = langify.helper.isOutOfViewport(target); if(isOut.bottom) { target.classList.add('ly-is-dropup'); } }, togglePopupOpen: function(e) { e.closest('.ly-popup-switcher').classList.toggle('ly-is-open'); }, }; langify.recommendation = langify.recommendation || { recommendated: null, el: null, init: function() { var _localizationForm = document.getElementById('currency_switcher_form') this.el = { localizationForm: _localizationForm, currencyField: _localizationForm.querySelector('input[name="currency"]'), countryCodeField: _localizationForm.querySelector('input[name="country_code"]'), languageCodeField: _localizationForm.querySelector('input[name="language_code"]'), }; var recommendated = this._findRecommendedLanguage(); this.recommendated = recommendated; if(recommendated && recommendated !== langify.locale.iso_code && !langify.helper.getCookie('ly-lang-selected')) { this._translateStrings(recommendated); this._bindings(); } else { return false; } }, _findRecommendedLanguage: function() { var currentLang = langify.locale.iso_code; var browserLang = navigator.language || navigator.userLanguage; var match = languageUrls[browserLang]; var recommendatedLang = false; if(!match) { browserLang = browserLang.substring(0, 2); match = languageUrls[browserLang]; } if(!match) { for(var lang in languageUrls) { if(lang.substring(0, 2) === browserLang) { browserLang = lang; match = languageUrls[browserLang]; recommendatedLang = browserLang; } } } else { recommendatedLang = browserLang; } return recommendatedLang; }, _translateStrings: function(languageCode) { var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var strings = langify.settings.switcher.recommendation_strings[languageCode]; var recommendationStr = 'Looks like your browser is set to English. Change the language?'; var buttonStr = 'Change'; var languageStr = 'English'; if(strings) { recommendationStr = strings.recommendation ? strings.recommendation : 'Looks like your browser is set to English. Change the language?'; buttonStr = strings.button ? strings.button : 'Change'; languageStr = strings.language ? strings.language : 'English'; } var newCode = recommendationElement.innerHTML; newCode = newCode.replaceAll('[[recommendation]]', recommendationStr).replaceAll('[[button]]', buttonStr); recommendationElement.innerHTML = newCode; }, _bindings: function() { var _this = this; var recommendated = this._findRecommendedLanguage(); var currentLang = langify.locale.iso_code; var userLang = navigator.language || navigator.userLanguage; var lyForceOff = location.search.split('ly-force-off=')[1]; var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var form = recommendationElement.querySelectorAll('.ly-recommendation-form')[0]; var links = recommendationElement.getElementsByClassName('ly-custom-dropdown-list-element'); var customDropdown = recommendationElement.querySelectorAll('.ly-custom-dropdown-switcher'); var nativeSelects = recommendationElement.getElementsByClassName('ly-native-select'); //form.setAttribute('action', languageUrls[this.recommendated]); if(!this.el.languageCodeField) { // Backwards compability this.el.languageCodeField = document.createElement('input'); this.el.languageCodeField.type = 'hidden'; this.el.languageCodeField.name = 'language_code'; this.el.localizationForm.appendChild(languageCodeField) } this.el.languageCodeField.value = recommendated; form.addEventListener('submit', function(e) { e.preventDefault(); langify.helper.setCookie('ly-lang-selected', recommendated, 365); _this.el.localizationForm.submit(); }); for(l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); // When clicked from within a custom dropdown var parentCustomDropdown = event.currentTarget.closest('.ly-custom-dropdown-switcher'); if(parentCustomDropdown) { _this._selectCustomDropdownEntry(parentCustomDropdown, this); } else { _this.el.languageCodeField.value = this.getAttribute('data-ly-code'); } }); } for(var i = 0; i < nativeSelects.length; i++) { nativeSelects[i].onchange = this._selectNativeDropdownEntry;//.bind(this); if(nativeSelects[i].classList.contains('ly-languages-switcher')) { nativeSelects[i].value = recommendated; } } for(i = 0; i < customDropdown.length; i++) { if(recommendationElement.className.indexOf('bottom') > -1) { customDropdown[i].classList.add('ly-is-dropup'); } if(customDropdown[i].classList.contains('ly-languages-switcher')) { this._selectCustomDropdownEntry(customDropdown[i], customDropdown[i].querySelector('.ly-custom-dropdown-list a[data-ly-code="'+ recommendated +'"]')); } } if(!lyForceOff) { recommendationElement.classList.add('ly-is-open'); } }, _selectNativeDropdownEntry: function(event) { event.preventDefault(); var element = event.currentTarget; var _this = langify.recommendation; if(element.classList.contains('ly-languages-switcher')) { _this.el.languageCodeField.value = element[this.selectedIndex].getAttribute('key'); //element.value = valueToSelect; } if(element.classList.contains('ly-country-switcher') || element.classList.contains('ly-currency-switcher')) { _this.el.currencyField.value = element[this.selectedIndex].getAttribute('data-currency'); _this.el.countryCodeField.value = element[this.selectedIndex].getAttribute('data-country-code'); } }, _selectCustomDropdownEntry: function(element, entry) { var _this = langify.recommendation; var currentElem = element.querySelector('.ly-custom-dropdown-current'); var currentIcon = currentElem.querySelector('.ly-icon'); var currentLabel = currentElem.querySelector('span'); var valueToSelect = ''; if(element.classList.contains('ly-languages-switcher')) { _this.el.languageCodeField.value = entry.getAttribute('data-ly-code'); valueToSelect = entry.getAttribute('data-ly-code'); } if(element.classList.contains('ly-country-switcher')) { _this.el.currencyField.value = entry.getAttribute('data-currency'); _this.el.countryCodeField.value = entry.getAttribute('data-country-code'); valueToSelect = entry.getAttribute('data-country-code')+'-'+entry.getAttribute('data-currency'); } if(element.classList.contains('ly-currency-switcher')) { _this.el.currencyField.value = entry.getAttribute('data-currency'); _this.el.countryCodeField.value = ''; valueToSelect = entry.getAttribute('data-currency'); } if(element.querySelector('.ly-custom-dropdown-list li.current')) { element.querySelector('.ly-custom-dropdown-list li.current').classList.remove('current'); element.querySelector('.ly-custom-dropdown-list li[key="'+ valueToSelect +'"]').classList.add('current'); } if(element.querySelector('.ly-custom-dropdown-list li.current span')) currentLabel.innerHTML = element.querySelector('.ly-custom-dropdown-list li.current span').innerHTML; if(element.querySelector('.ly-custom-dropdown-list li.current .ly-icon')) currentIcon.classList = element.querySelector('.ly-custom-dropdown-list li.current .ly-icon').classList; }, toggleOpen: function(e) { e.closest('.ly-recommendation').classList.toggle('ly-is-open'); if(!e.closest('.ly-recommendation').classList.contains('ly-is-open')) { langify.helper.setCookie('ly-lang-selected', this.recommendated, 365); } }, }; langify.languageDetection = langify.languageDetection || { init: function() { var currentLang = langify.locale.iso_code; if(langify.helper.getVal('redirected') === 'true') { langify.helper.setCookie('ly-lang-selected', "fr", 365); var _href = window.location.href; history.replaceState(null, '', _href.replace(/(\?|&)(redirected=true)/i, '')); } var userLang = navigator.language || navigator.userLanguage; var bot = /bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|Chrome-Lighthouse/i.test(navigator.userAgent); var blockedRoutes = window.lyBlockedRoutesList || []; var blockedRoute = blockedRoutes.find(x => window.location.pathname.indexOf(x) === 0); var is404 = document.getElementsByClassName('template-404').length; if(!langify.helper.inIframe() && !is404 && !bot && !blockedRoute && langify.helper.getVal('ly-lang-detect') !== 'off') { if(userLang && !langify.helper.getCookie('ly-lang-selected')) { var rootUrl = languageUrls[userLang]; if(!rootUrl) { userLang = userLang.substring(0, 2); rootUrl = languageUrls[userLang]; } if(!rootUrl) { for(var lang in languageUrls) { if(lang.substring(0, 2) === userLang) { userLang = lang; rootUrl = languageUrls[userLang]; } } } if(rootUrl) { if(currentLang !== userLang) { langify.helper.setCookie('ly-lang-selected', userLang, 365); this.redirect(rootUrl); } } } else { if(langify.helper.getCookie('ly-lang-selected') && langify.helper.getCookie('ly-lang-selected') !== currentLang) { if(languageUrls[langify.helper.getCookie('ly-lang-selected')]) { // Only save cookie when the domain feature is active if(langify.helper.isDomainFeatureEnabled()) { langify.helper.setCookie('ly-lang-selected', currentLang, 365); } this.redirect(languageUrls[langify.helper.getCookie('ly-lang-selected')]); } } } } this._fixDomainCookies(); this._geolocationAppSupport(); }, redirect: function(url) { var params = window.location.search; var link = document.createElement("a"); var append = ''; // Only append when redirecting to another domain if(langify.helper.isDomainFeatureEnabled()) { append = '?redirected=true'; if(params.indexOf('?') >= 0) { append = '&redirected=true'; } } link.setAttribute('data-ly-locked', 'true'); link.href = url + params + append; document.body.appendChild(link); link.click(); }, _fixDomainCookies: function() { // FIX: Language Detection + Domain Feature if(!langify.locale.languages.find(function(lang) {return (lang.iso_code === langify.locale.iso_code)}).domain) return false; function lyHandleLinkClick(e) { var target = e.currentTarget; if(target.href.indexOf('redirected=true') >= 0) return false; e.preventDefault(); var append = '?redirected=true'; if(target.href.indexOf('?') >= 0) { append = '&redirected=true'; } target.href = target.href + append; target.removeEventListener('click', lyHandleLinkClick); target.click(); } window.onload = function () { document.querySelectorAll('.ly-languages-switcher-link').forEach(item => { item.addEventListener('click', lyHandleLinkClick); }); } }, _geolocationAppSupport: function() { var target = document.querySelector('body'); var config = { childList: true, subtree: true }; var geolocationObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { var target = mutation.target.getElementsByClassName('locale-bar__form'); if(target[0]) { target[0].onsubmit = function() { var locale_code = target[0].elements['locale_code'].value; var selector = target[0].getElementsByClassName('locale-bar__selector'); if(selector.length >= 1) { locale_code = selector[0].options[selector[0].selectedIndex].value; } langify.helper.setCookie('ly-lang-selected', locale_code, 365); }; } var selectors = mutation.target.getElementsByClassName('locale-selectors__selector'); if(selectors.length > 0) { for(var selector of selectors) { if(selector.getAttribute('name') === 'locale_code') { selector.onchange = function() { var locale_code = selector.options[selector.selectedIndex].value; langify.helper.setCookie('ly-lang-selected', locale_code, 365); }; } } } } }); }); geolocationObserver.observe(target, config); setTimeout(function() { geolocationObserver.disconnect(); }, 10000); } }; langify.core = langify.core || { onComplete: function() { var root_url = langify.locale.root_url != '/' ? langify.locale.root_url : ''; ShopifyAPI.attributeToString = function(attribute) {if((typeof attribute) !== 'string') {attribute += '';if(attribute === 'undefined') {attribute = '';}}return jQuery.trim(attribute);}; ShopifyAPI.getCart = function(callback) {jQuery.getJSON(root_url+'/cart.js', function (cart, textStatus) {if((typeof callback) === 'function') {callback(cart);}});}; ShopifyAPI.updateCartNote = function(note, callback) {var params = {type: 'POST',url: root_url+'/cart/update.js',data: 'note=' + this.attributeToString(note),dataType: 'json',success: function(cart) {if((typeof callback) === 'function') {callback(cart);}},error: this.onError};jQuery.ajax(params);}; ShopifyAPI.updateCartAttributes = function(attributes, callback) {var data = '';var that = this;if(jQuery.isArray(attributes)) {jQuery.each(attributes, function(indexInArray, valueOfElement) {var key = that.attributeToString(valueOfElement.key);if (key !== '') {data += 'attributes[' + key + ']=' + that.attributeToString(valueOfElement.value) + '&';}});} else if ((typeof attributes === 'object') && attributes !== null) {jQuery.each(attributes, function(key, value) {data += 'attributes[' + that.attributeToString(key) + ']=' + that.attributeToString(value) + '&';});}var params = {type: 'POST',url: root_url+'/cart/update.js',data: data,dataType: 'json',success: function(cart) {if((typeof callback) === 'function') {callback(cart);}},error: this.onError};jQuery.ajax(params);}; ShopifyAPI.onError = function(XMLHttpRequest, textStatus) {}; langify.switcher.init(); if(langify.settings.switcher) { if(langify.settings.switcher.recommendation && langify.settings.switcher.recommendation_enabled) { langify.recommendation.init(); } else { if(langify.settings.switcher.languageDetection && parseInt(langify.settings.switcher.version.replaceAll('.', '')) >= 300) { langify.languageDetection.init(); } } } }, init: function() { var lyForceOff = location.search.split('ly-force-off=')[1]; if(lyForceOff == 'true') { document.getElementById('preview-bar-iframe').classList.add('ly-hide'); return false; } if(typeof jQuery === 'undefined') { langify.loader.loadScript('//web.archive.org/web/20211020061841/https://cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() { langify.core.onComplete(); }); } else if(langify.tools.compareJQueryVersion(jQuery.fn.jquery, '1.7.0') <= 0) { langify.loader.loadScript('//web.archive.org/web/20211020061841/https://cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() { langify.core.onComplete(); }); } else { langify.core.onComplete(); } } }; !function(e,t){typeof module!="undefined"?module.exports=t():typeof define=="function"&&typeof define.amd=="object"?define(t):this[e]=t()}("domready",function(){var e=[],t,n=typeof document=="object"&&document,r=n&&n.documentElement.doScroll,i="DOMContentLoaded",s=n&&(r?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return!s&&n&&n.addEventListener(i,t=function(){n.removeEventListener(i,t),s=1;while(t=e.shift())t()}),function(t){s?setTimeout(t,0):e.push(t)}}) try { domready(langify.core.init); } catch(error) { langify.core.init(); } // Polyfills (function () { if ( typeof window.CustomEvent === "function" ) return false; function CustomEvent ( event, params ) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent( 'CustomEvent' ); evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail ); return evt; } window.CustomEvent = CustomEvent; })(); </script> <div data-breakpoint="" class="ly-switcher-wrapper ly-breakpoint-1 fixed bottom_right ly-hide" style="font-size: 14px; margin: 0px 0px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span class="ly-custom-dropdown-current" style="background: #ffffff; color: #000000; "><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">français</span> <div class="ly-arrow ly-arrow-black stroke" style="vertical-align: middle; width: 14.0px; height: 14.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 14.0 14.0" height="14.0px" width="14.0px" style="position: absolute;"> <path d="M1 4.5 L7.0 10.5 L13.0 4.5" fill="transparent" stroke="#000000" stroke-width="1px"/> </svg> </div> </span> <ul class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #ffffff; color: #000000; "><li key="fr" class="current" style="color: #000000; margin: 0px 0px;"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="/web/20211020061841/https://hardware.shopify.ca/fr" data-ly-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right">French</span></a> </li><li key="en" style="color: #000000; margin: 0px 0px;"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="/web/20211020061841/https://hardware.shopify.ca/" data-ly-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right">English</span></a> </li></ul> </div></div> <form method="post" action="/web/20211020061841/https://hardware.shopify.ca/fr/localization" id="currency_switcher_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><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"/> <input type="hidden" name="currency" value="CAD"> <input type="hidden" name="country_code" value="CA"> <input type="hidden" name="language_code" value="fr"> </form> <style> .ly-flag-icon-en { background-image: url('//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/ly-icon-en.svg?v=16874932679132306730'); } .ly-flag-icon-fr { background-image: url('//web.archive.org/web/20211020061841im_/https://cdn.shopify.com/s/files/1/0293/8485/t/112/assets/ly-icon-fr.svg?v=4942416776059333588'); } .ly-switcher-wrapper { } .ly-switcher-wrapper.fixed { position: fixed; z-index: 1000; } .ly-switcher-wrapper.absolute { position: absolute; z-index: 1000; } .ly-switcher-wrapper.fixed.top_left, .ly-switcher-wrapper.absolute.top_left { top: 0; left: 0; } .ly-switcher-wrapper.fixed.top_right, .ly-switcher-wrapper.absolute.top_right { top: 0; right: 0; } .ly-switcher-wrapper.fixed.bottom_left, .ly-switcher-wrapper.absolute.bottom_left { bottom: 0; left: 0; } .ly-switcher-wrapper.fixed.bottom_right, .ly-switcher-wrapper.absolute.bottom_right { bottom: 0; right: 0; } .ly-switcher-wrapper .shopify-currency-form { display: inline-block; } .ly-currency-switcher { font-size: 1em; } .ly-inner-text { margin: 0 0.2em; white-space: nowrap; } .ly-flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .ly-flag-icon:before { content: ''; display: inline-block; } .ly-flag-icon.ly-flag-squared { width: 1em; } .ly-flag-icon.ly-flag-rounded { width: 1em; border-radius: 50%; } .ly-languages-switcher { white-space: nowrap; list-style-type: none; display: inline-block; font-size: 1em; } .ly-languages-switcher-link { margin: 0 0.2em; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; } .ly-languages-switcher.ly-list { margin: 0; padding: 0; display: block; } .ly-languages-switcher.ly-native-select { } .ly-icon { margin: 0 0.2em; } .ly-arrow { display: inline-block; position: relative; vertical-align: middle; direction: ltr !important; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; margin: 0 0.2em; } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-arrow.ly-arrow-up { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up { transform: rotate(0deg); } .ly-custom-dropdown-switcher { text-align: left; display: inline-block; position: relative; user-select: none; cursor: pointer; } .ly-custom-dropdown-current { display: block; vertical-align: middle; } .ly-custom-dropdown-current-inner { display: inline-block; vertical-align: middle; } .ly-custom-dropdown-current-inner-image { margin-right: 0.25em; } .ly-custom-dropdown-current-inner-text { margin: 0 0.2em; } .ly-custom-dropdown-list { display: none !important; list-style: none; position: absolute; left: 0; padding: inherit !important; padding: 0 !important; margin: 0; z-index: 99999; text-align: left; width: 100%; font-size: 1em; } .ly-custom-dropdown-list-element { color: inherit !important; display: block; } .ly-custom-dropdown-list > li { margin: 0 !important; display: block; } .ly-custom-dropdown-list-element-left { margin-right: 0.5em; } .ly-custom-dropdown-list-element-right { text-align: left; } .ly-custom-dropdown-list-element-left, .ly-custom-dropdown-list-element-right { vertical-align: middle; } .ly-custom-dropdown-switcher .ly-languages-switcher-link { margin: 0; } .ly-languages-switcher-dropdown { display: inline-block; } .ly-languages-links-switcher { display: inline-block; } .ly-languages-links-switcher > .ly-languages-link { /*margin-right: 0.5em;*/ padding: inherit !important; color: inherit !important; } .ly-custom-dropdown-list-element { /*padding: inherit !important;*/ text-decoration: none; } .ly-is-uppercase { text-transform: uppercase; } .ly-is-transparent.ly-links, .ly-is-transparent.ly-list, .ly-is-transparent.ly-currency-switcher, .ly-is-transparent.ly-custom-dropdown-switcher, .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list { background: transparent !important; } .ly-arrow-up { transform: rotateZ(180deg); } .ly-custom-dropdown-switcher .ly-custom-dropdown-list li.current{ display: none; } .ly-custom-dropdown-switcher.ly-is-open .ly-custom-dropdown-list { display: flex !important; min-width: 100%; width: auto; flex-direction: column-reverse; right: 0; left: auto; overflow: auto; max-height: 350px; max-height: 50vh; } .ly-is-dropup .ly-custom-dropdown-list { bottom: 100%; } .ly-hide { display: none !important; } body.ly-force-off #preview-bar-iframe, body.ly-force-off .ly-languages-switcher { display: none !important; } .ly-close { position: absolute; opacity: 0.3; width: 1em; height: 1em; right: 1em; top: 1em; transform: translateX(-50%); } .ly-close:hover { opacity: 1; } .ly-close:before, .ly-close:after { position: absolute; left: 1em; content: ' '; height: 1em; width: 2px; background-color: #333; } .ly-close:before { transform: rotate(45deg); } .ly-close:after { transform: rotate(-45deg); } .ly-popup-switcher {} .ly-popup-switcher .ly-popup-current { cursor: pointer; background: transparent; } .ly-popup-switcher .ly-popup-modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .ly-popup-switcher.ly-is-open .ly-popup-modal { display: flex; } .ly-popup-switcher .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); cursor: pointer; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content { padding: 1em; position: absolute; z-index: 1000; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul { padding: 0; margin: 12px 0 0 0; list-style: none; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link { margin: 0; border: solid 1px; padding: 1em; display: block; min-width: 225px; margin-top: 1em; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link.current_lang { display: none; } /* Recommendation */ .ly-recommendation { display: none; } .ly-recommendation.ly-is-open { display: inline-block; } .ly-recommendation form { display: inline-block; } .ly-recommendation .ly-arrow, .ly-arrow.recommendation { display: none; } .ly-recommendation .ly-arrow.recommendation { display: inline-block; } .ly-recommendation .ly-switcher-wrapper { font-size: 1em !important; } .ly-recommendation .ly-popup-modal .ly-popup-switcher .ly-popup-modal .ly-popup-modal-backdrop { display: none; } /* Recommendation Banner */ .ly-recommendation .ly-banner { position: fixed; z-index: 100000; width: 100%; } .ly-recommendation .ly-banner .ly-banner-content { width: 100%; padding: 1em 30px 1em 1em; box-shadow: 0 0 20px rgba(0,0,0,.25); } .ly-recommendation .ly-banner.top { top: 0; } .ly-recommendation .ly-banner.bottom { bottom: 0; } .ly-recommendation .ly-banner .ly-banner-content .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-banner .ly-recommendation-form button[type="submit"] { margin-left: 10px; } /* Recommendation Popup */ .ly-recommendation .ly-popup-modal { position: fixed; z-index: 10000; } .ly-recommendation .ly-popup-modal .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); } .ly-recommendation .ly-popup-modal .ly-popup-modal-content { padding: 1em 30px 1em 1em; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content .ly-languages-switcher { position: relative !important; margin: 0 !important; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content h3 { margin: 0 2em 1em 0; font-size: inherit; position: relative; } .ly-recommendation .ly-popup-modal.top_left { top: 0; left: 0; margin-right: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important;} .ly-recommendation .ly-popup-modal.top_center { top: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;} .ly-recommendation .ly-popup-modal.top_right { top: 0; right: 0; margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .ly-recommendation .ly-popup-modal.center_center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 !important; padding: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_left { bottom: 0; left: 0; margin-right: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_right { bottom: 0; right: 0; margin-left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } </style></body> </html>

CINXE.COM

Matériel de point de vente - Boutique de matériel et d'équipement de PDV Shopify – Shopify Canadian Hardware Store