<!doctype html> <html class="no-js" lang="fr"> <head> <!-- Hotjar Tracking Code for https://www.klemklem.com --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3463874,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <!-- STARTING AFFILAE TRACKING CODE --> <script type="text/javascript"> var _ae = { "pid":"64f9760b02f34918dd1b5159", }; (function() { var element = document.createElement('script'); element.type = 'text/javascript'; element.async = true; element.src = '//static.affilae.com/ae-v3.5.js'; var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(element, scr); })(); </script> <!-- ENDING AFFILAE TRACKING CODE --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NBJBK4R');</script> <!-- End Google Tag Manager --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins&family=Shrikhand&display=swap" rel="stylesheet"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://klemklem.com/collections/mugs-personnalises"><link rel="icon" type="image/png" href="//klemklem.com/cdn/shop/files/Favicon-Klem-Klem.png?crop=center&height=32&v=1696445304&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem </title> <meta name="description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l'effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷"> <meta property="og:site_name" content="Klem Klem"> <meta property="og:url" content="https://klemklem.com/collections/mugs-personnalises"> <meta property="og:title" content="Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem"> <meta property="og:type" content="website"> <meta property="og:description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l'effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷"><meta property="og:image" content="http://klemklem.com/cdn/shop/collections/Mug-personnalise-chien-600x600.jpg?v=1696491162"> <meta property="og:image:secure_url" content="https://klemklem.com/cdn/shop/collections/Mug-personnalise-chien-600x600.jpg?v=1696491162"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="600"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Mug personnalisé animal : offrez un cadeau surprenant ! | Klem Klem"> <meta name="twitter:description" content="À la recherche du cadeau idéal ? Le mug personnalisé à l'effigie de son animal est idéal ! Découvrez notre collection made in France 🇫🇷"> <script src="//klemklem.com/cdn/shop/t/5/assets/constants.js?v=58251544750838685771697480771" defer="defer"></script> <script src="//klemklem.com/cdn/shop/t/5/assets/pubsub.js?v=145512401832234396631697909227" defer="defer"></script> <script src="//klemklem.com/cdn/shop/t/5/assets/global.js?v=174582568518184622451697934261" defer="defer"></script><script src="//klemklem.com/cdn/shop/t/5/assets/animations.js?v=88693664871331136111697480771" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="2fitxvo9q6oqxwbt4qlho1pbk5giqq"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/69988417801/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="e63d7b8016974110115d964f1e99e221"> <meta id="in-context-paypal-metadata" data-shop-id="69988417801" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/mugs-personnalises.atom" /> <link rel="alternate" type="application/json+oembed" href="https://klemklem.com/collections/mugs-personnalises.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=69988417801" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":69988417801,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/69988417801","merchantName":"Klem Klem","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"Klem Klem","amount":"1.00"},"shopifyPaymentsEnabled":false,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"e63d7b8016974110115d964f1e99e221","betas":["rich-media-storefront-analytics"],"domain":"klemklem.com","predictiveSearch":true,"shopId":69988417801,"smart_payment_buttons_url":"https:\/\/klemklem.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/klemklem.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "047650-2.myshopify.com"; Shopify.locale = "fr"; Shopify.currency = {"active":"EUR","rate":"1.0"}; Shopify.country = "FR"; Shopify.theme = {"name":"Sense | Cart Upsell","id":144330719497,"theme_store_id":1356,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "klemklem.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</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 id="shop-js-features" type="application/json">{"compact":true}</script> <script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiJBSHAzdHVBVGFpTmlNZEh4IiwicyI6InNrdSJ9\u0026shop=047650-2.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/047650-2.myshopify.com.js?settings=1707227747361\u0026shop=047650-2.myshopify.com","https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=047650-2.myshopify.com","https:\/\/widget.trustpilot.com\/bootstrap\/v5\/tp.widget.sync.bootstrap.min.js?shop=047650-2.myshopify.com","https:\/\/cdn.weglot.com\/weglot_script_tag.js?shop=047650-2.myshopify.com","https:\/\/cdn.robinpro.gallery\/js\/client.js?shop=047650-2.myshopify.com","https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=047650-2.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":69988417801,"offset":7200,"reqid":"5002c720-e788-4ebb-93b6-6ef42db5f81c-1725772388","pageurl":"klemklem.com\/collections\/mugs-personnalises","u":"c8a2cc0456d6","p":"collection","rtyp":"collection","rid":497651810569};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script id="captcha-terms">!function(){'use strict';const e=/recaptcha|reCATPCHA|google|Googl/gi,t=o=>{let c=o.firstChild;for(;c;)c.nodeType===Node.TEXT_NODE?c.textContent=c.textContent.replace(e,'hCaptcha'):c.nodeType===Node.ELEMENT_NODE&&t(c),c=c.nextSibling};document.addEventListener('DOMContentLoaded',(()=>{(e=>{const o=document.querySelector('p[data-spam-detection-disclaimer]');if(o){for(const e of['terms','privacy']){const t=o.querySelector(`a[href*='https://policies.google.com/${e}']`);t&&(t.href=`https://hcaptcha.com/${e}`)}t(o)}})()}))}();</script> <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//klemklem.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//klemklem.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header" defer="defer" src="//klemklem.com/cdn/shop/t/5/compiled_assets/scripts.js?631"></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> <style data-shopify> @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d") format("woff2"), url("//klemklem.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=eb86ee6ea4c12b1cb5d8ebdfe695b00ffeb9642ed8a889555366c530efd167e0") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("//klemklem.com/cdn/fonts/poppins/poppins_n7.58aca33913fc6666cc9e8a53f6b16ec5c3c05a3f.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=4a10fda961d979f02b916e7eb65d425c73d076af9ab0d74508b5088da2578b84") format("woff2"), url("//klemklem.com/cdn/fonts/poppins/poppins_n7.59016f931f3f39434d2e458fba083eb7db7a07d9.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=f3ccfc9321e4b680b825cb13631e2bcb3b1b154b80e6fe8fff5fc36bb9ba7d15") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: url("//klemklem.com/cdn/fonts/poppins/poppins_i4.a7e8d886e15d5fb9bc964a53b3278effbf270e9c.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=aec7499815e7c90cfa2de5613b77bed3d392da390f3f047176997c72c1ce5428") format("woff2"), url("//klemklem.com/cdn/fonts/poppins/poppins_i4.e87de252199e27825a41bf81646996685d86452d.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=15d7b79c185ca49b90f2767ae6f797b8ee92e213f0e2b58fd1dc14f0db5c7da6") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: url("//klemklem.com/cdn/fonts/poppins/poppins_i7.4f85a5d51a1aecf426eea47ac4570ef7341bfdc1.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=733b015208a81a544e84180cd650131bf869f5c8a822bb13bec10f5f645c9514") format("woff2"), url("//klemklem.com/cdn/fonts/poppins/poppins_i7.aff3a08a92d1c136586c611b9fc43d357dfbbefe.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=d82a376b9b19af3a1ae67474231b8b6a4508b703fe0fa8f1b120890db4f39a44") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d") format("woff2"), url("//klemklem.com/cdn/fonts/poppins/poppins_n4.ee28d4489eaf5de9cf6e17e696991b5e9148c716.woff?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=eb86ee6ea4c12b1cb5d8ebdfe695b00ffeb9642ed8a889555366c530efd167e0") format("woff"); } :root, .color-background-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 0,0,0; --color-shadow: 255,255,255; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-secondary-button: 255,255,255; --color-secondary-button-text: 0,0,0; --color-link: 0,0,0; --color-badge-foreground: 0,0,0; --color-badge-background: 255,255,255; --color-badge-border: 0,0,0; --payment-terms-background-color: rgb(255 255 255); } .color-background-2 { --color-background: 254,246,234; --gradient-background: #fef6ea; --color-foreground: 0,0,0; --color-shadow: 0,0,0; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-secondary-button: 254,246,234; --color-secondary-button-text: 0,0,0; --color-link: 0,0,0; --color-badge-foreground: 0,0,0; --color-badge-background: 254,246,234; --color-badge-border: 0,0,0; --payment-terms-background-color: rgb(254 246 234); } .color-inverse { --color-background: 0,0,0; --gradient-background: #000000; --color-foreground: 253,251,247; --color-shadow: 46,42,57; --color-button: 253,251,247; --color-button-text: 46,42,57; --color-secondary-button: 0,0,0; --color-secondary-button-text: 253,251,247; --color-link: 253,251,247; --color-badge-foreground: 253,251,247; --color-badge-background: 0,0,0; --color-badge-border: 253,251,247; --payment-terms-background-color: rgb(0 0 0); } .color-accent-1 { --color-background: 254,246,234; --gradient-background: #fef6ea; --color-foreground: 0,0,0; --color-shadow: 0,0,0; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-secondary-button: 254,246,234; --color-secondary-button-text: 0,0,0; --color-link: 0,0,0; --color-badge-foreground: 0,0,0; --color-badge-background: 254,246,234; --color-badge-border: 0,0,0; --payment-terms-background-color: rgb(254 246 234); } .color-accent-2 { --color-background: 250,229,240; --gradient-background: #fae5f0; --color-foreground: 221,29,29; --color-shadow: 255,255,255; --color-button: 221,29,29; --color-button-text: 254,246,234; --color-secondary-button: 250,229,240; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 221,29,29; --color-badge-background: 250,229,240; --color-badge-border: 221,29,29; --payment-terms-background-color: rgb(250 229 240); } body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } :root { --font-body-family: Poppins, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Poppins, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.1; --media-border-width: 0px; --media-radius: 12px; --media-shadow-opacity: 0.1; --media-shadow-horizontal-offset: 10px; --media-shadow-vertical-offset: 12px; --media-shadow-blur-radius: 20px; --media-shadow-visible: 1; --page-width: 130rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 1.2rem; --product-card-text-alignment: center; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.05; --product-card-shadow-visible: 1; --product-card-shadow-horizontal-offset: 1.0rem; --product-card-shadow-vertical-offset: 1.0rem; --product-card-shadow-blur-radius: 3.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 1.2rem; --collection-card-text-alignment: center; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.0; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 1.0rem; --collection-card-shadow-vertical-offset: 1.0rem; --collection-card-shadow-blur-radius: 3.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 1.2rem; --blog-card-text-alignment: center; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.05; --blog-card-shadow-visible: 1; --blog-card-shadow-horizontal-offset: 1.0rem; --blog-card-shadow-vertical-offset: 1.0rem; --blog-card-shadow-blur-radius: 3.5rem; --badge-corner-radius: 2.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 22px; --popup-shadow-opacity: 0.1; --popup-shadow-horizontal-offset: 10px; --popup-shadow-vertical-offset: 12px; --popup-shadow-blur-radius: 20px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 36px; --spacing-sections-mobile: 25px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 20px; --grid-mobile-horizontal-spacing: 20px; --text-boxes-border-opacity: 0.0; --text-boxes-border-width: 0px; --text-boxes-radius: 24px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 10px; --text-boxes-shadow-vertical-offset: 12px; --text-boxes-shadow-blur-radius: 20px; --buttons-radius: 10px; --buttons-radius-outset: 11px; --buttons-border-width: 1px; --buttons-border-opacity: 0.55; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 10px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 11px; --variant-pills-radius: 10px; --variant-pills-border-width: 0px; --variant-pills-border-opacity: 0.1; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//klemklem.com/cdn/shop/t/5/assets/base.css?v=90567336334789926681707219327" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d" type="font/woff2" crossorigin><link rel="preload" as="font" href="//klemklem.com/cdn/fonts/poppins/poppins_n4.934accbf9f5987aa89334210e6c1e9151f37d3b6.woff2?h1=MDQ3NjUwLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=a2xlbWtsZW10ZXN0Lm15c2hvcGlmeS5jb20&h3=a2xlbWtsZW0uY29t&hmac=b1d54388e7c96c6d3a8fedab2df9f0cc49b01ee38a6fd8974c1afd0b6b04123d" type="font/woff2" crossorigin><link href="//klemklem.com/cdn/shop/t/5/assets/component-localization-form.css?v=143319823105703127341697480771" rel="stylesheet" type="text/css" media="all" /> <script src="//klemklem.com/cdn/shop/t/5/assets/localization-form.js?v=161644695336821385561697480771" defer="defer"></script><link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-predictive-search.css?v=118923337488134913561697480771" media="print" onload="this.media='all'" ><script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script> <!-- BEGIN app block: shopify://apps/essential-announcement/blocks/app-embed/93b5429f-c8d6-4c33-ae14-250fd84f361b --><script> window.essentialAnnouncementConfigs = [{"id":"ca1a9a12-0f24-48d6-9f85-b7d25aa8c81c","createdAt":"2024-02-07T10:21:25.547+00:00","name":"Février 2024","title":"⭐️⭐️⭐️⭐️⭐️ +500 avis 5 étoiles en ligne • Un cadeau OFFERT dès 55€ d'achat 🎁 • ","subheading":"","style":{"selectedTemplate":"custom","position":"top-page","stickyBar":true,"backgroundType":"singleBackground","singleColor":"#000000","gradientTurn":"90","gradientStart":"#DDDDDD","gradientEnd":"#FFFFFF","borderRadius":"0","borderSize":"","borderColor":"#f40000","titleSize":"14","titleColor":"#ffffff","font":"","subheadingSize":"14","subheadingColor":"#202223","buttonBackgroundColor":"#202223","buttonFontSize":"14","buttonFontColor":"#FFFFFF","buttonBorderRadius":"4","closeIconColor":"#6d7175","arrowIconColor":"#6d7175"},"announcementType":"running-line","announcementPlacement":"","published":true,"showOnProducts":[],"showOnCollections":[],"updatedAt":"2024-02-27T09:41:02.843+00:00","CTAType":"","CTALink":"https://047650-2.myshopify.com","closeButton":false,"buttonText":"Shop now!","announcements":[{"title":"For a limited time, enjoy a 20% discount on all our products!","subheading":"","CTAType":"button","buttonText":"Shop now!","CTALink":"","id":7},{"title":"For a limited time, enjoy a 20% discount on all our products!","subheading":"","CTAType":"button","buttonText":"Shop now!","CTALink":"","id":693}],"shop":"047650-2.myshopify.com","animationSpeed":48,"rotateDuration":4,"translations":[],"startDate":null,"endDate":null,"icon":null,"locationType":null,"showInCountries":null,"showOnProductsInCollections":null}]; window.essentialAnnouncementMeta = { productCollections: null, }; </script> <script src="https://cdn.shopify.com/extensions/03e23810-3f74-43b1-a36c-5026c967b249/essential-announcer-31/assets/announcement-bar-essential-apps.js" defer></script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/ecomposer-builder/blocks/app-embed/a0fc26e1-7741-4773-8b27-39389b4fb4a0 --><link rel="preconnect" href="https://cdn.ecomposer.app" crossorigin /> <link rel="dns-prefetch" href="https://cdn.ecomposer.app" /> <link rel="prefetch" href="https://cdn.ecomposer.app/vendors/css/ecom-base.css" as="style" /> <link rel="prefetch" href="https://cdn.ecomposer.app/vendors/css/ecom-swiper@11.css" as="style" /> <link rel="prefetch" href="https://cdn.ecomposer.app/vendors/js/ecom-swiper@11.0.5.js" as="script" /> <link rel="prefetch" href="https://cdn.ecomposer.app/vendors/js/ecom_modal.js" as="script" /> <style type="text/css" class="ecom-theme-helper"> .ecom-animation{opacity:0}.ecom-animation.animate,.ecom-animation.ecom-animated{opacity:1}.ecom-cart-popup{display:grid;position:fixed;inset:0;z-index:9999999;align-content:center;padding:5px;justify-content:center;align-items:center;justify-items:center}.ecom-cart-popup::before{content:' ';position:absolute;background:#e5e5e5b3;inset:0}.ecom-ajax-loading{cursor:not-allowed;pointer-events:none;opacity:.6}#ecom-toast{visibility:hidden;max-width:50px;height:60px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index:1;left:0;right:0;bottom:30px;font-size:17px;display:grid;grid-template-columns:50px auto;align-items:center;justify-content:start;align-content:center;justify-items:start}#ecom-toast.ecom-toast-show{visibility:visible;-webkit-animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 2s,ecomFadeout .5s 2.5s;animation:ecomFadein .5s,ecomExpand .5s .5s,ecomStay 3s 1s,ecomShrink .5s 4s,ecomFadeout .5s 4.5s}#ecom-toast #ecom-toast-icon{width:50px;height:100%;box-sizing:border-box;background-color:#111;color:#fff;padding:5px}#ecom-toast .ecom-toast-icon-svg{width:100%;height:100%;display:block;position:relative;vertical-align:middle;margin:auto;text-align:center}#ecom-toast #ecom-toast-desc{color:#fff;padding:16px;overflow:hidden;white-space:nowrap}@media (max-width: 768px){#ecom-toast #ecom-toast-desc{white-space:normal;min-width:250px}#ecom-toast{height:auto;min-height:60px}}.ecom__column-full-height{height: 100%}@-webkit-keyframes ecomFadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@keyframes ecomExpand{from{min-width:50px}to{min-width:var(--ecom-max-width)}}@-webkit-keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@keyframes ecomStay{from{min-width:var(--ecom-max-width)}to{min-width:var(--ecom-max-width)}}@-webkit-keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@keyframes ecomShrink{from{min-width:var(--ecom-max-width)}to{min-width:50px}}@-webkit-keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}@keyframes ecomFadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}} </style> <script type="text/javascript" id="ecom-theme-helpers" async="async"> window.EComposer = window.EComposer || {}; (function(){ if(!this.configs) this.configs = {};this.configs.ajax_cart = { enable: false }; this.customer = false; this.proxy_path = '/apps/ecomposer-visual-page-builder'; this.routes = { domain: 'https://klemklem.com', root_url: '/', collections_url: '/collections', all_products_collection_url: '/collections/all', cart_url:'/cart', cart_add_url:'/cart/add', cart_change_url:'/cart/change', cart_clear_url: '/cart/clear', cart_update_url: '/cart/update', product_recommendations_url: '/recommendations/products' }; this.queryParams = {}; if (window.location.search.length) { new URLSearchParams(window.location.search).forEach((value,key)=>{ this.queryParams[key] = value; }) } this.money_format = "€{{amount_with_comma_separator}}", this.money_with_currency_format = "€{{amount_with_comma_separator}} EUR", this.currencyCodeEnabled = false, this.formatMoney=function(t,e){const r=this.currencyCodeEnabled?this.money_with_currency_format:this.money_format;function a(t,e){return void 0===t?e:t}function o(t,e,r,o){if(e=a(e,2),r=a(r,","),o=a(o,"."),isNaN(t)||null==t)return 0;var n=(t=(t/100).toFixed(e)).split(".");return n[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1"+r)+(n[1]?o+n[1]:"")}"string"==typeof t&&(t=t.replace(".",""));var n="",i=/\{\{\s*(\w+)\s*\}\}/,s=e||r;switch(s.match(i)[1]){case"amount":n=o(t,2);break;case"amount_no_decimals":n=o(t,0);break;case"amount_with_comma_separator":n=o(t,2,".",",");break;case"amount_with_space_separator":n=o(t,2," ",",");break;case"amount_with_period_and_space_separator":n=o(t,2," ",".");break;case"amount_no_decimals_with_comma_separator":n=o(t,0,".",",");break;case"amount_no_decimals_with_space_separator":n=o(t,0," ");break;case"amount_with_apostrophe_separator":n=o(t,2,"'",".")}return s.replace(i,n)},this.resizeImage=function(t,e){try{if(!e||"original"==e||"full"==e||"master"==e)return t;if(-1!==t.indexOf("cdn.shopify.com")||-1!==t.indexOf("/cdn/shop/")){var r=t.match(/\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif|webp)((\#[0-9a-z\-]+)?(\?v=.*)?)?$/gim);if(null==r)return null;var a=t.split(r[0]),o=r[0];return a[0]+"_"+e+o}}catch(r){return t}return t},this.getProduct=function(t){if(!t)return!1;let e=("/"===this.routes.root_url?"":this.routes.root_url)+"/products/"+t+".js?shop="+Shopify.shop;return window.ECOM_LIVE&&(e="/shop/builder/ajax/ecom-proxy/products/"+t+"?shop="+Shopify.shop),window.fetch(e,{headers:{"Content-Type":"application/json"}}).then(t=>t.ok?t.json():false)}; }).bind(window.EComposer)(); if(window.Shopify && window.Shopify.designMode && window.top && window.top.opener){ window.addEventListener("load", function(){ window.top.opener.postMessage({ action: "ecomposer:loaded", }, "*"); }); } </script> <script type="text/javascript" id="ecom-theme-quickview" async="async"> window.EComposer = window.EComposer || {}; (function() { this.initQuickview = function() { var enable_qv = false; const qv_wrapper_script = document.querySelector('#ecom-quickview-template-html'); if(!qv_wrapper_script) return; const ecom_quickview = document.createElement('div'); ecom_quickview.classList.add('ecom-quickview'); ecom_quickview.innerHTML = qv_wrapper_script.innerHTML document.body.prepend(ecom_quickview); const qv_wrapper = ecom_quickview.querySelector('.ecom-quickview__wrapper'); const ecomQuickview=function(e){let t=qv_wrapper.querySelector(".ecom-quickview__content-data");if(t){let i=document.createRange().createContextualFragment(e);t.innerHTML="",t.append(i),qv_wrapper.classList.add("ecom-open");let c=new CustomEvent("ecom:quickview:init",{detail:{wrapper:qv_wrapper}});document.dispatchEvent(c),setTimeout(function(){qv_wrapper.classList.add("ecom-display")},500),closeQuickview(t)}},closeQuickview=function(e){let t=qv_wrapper.querySelector(".ecom-quickview__close-btn"),i=qv_wrapper.querySelector(".ecom-quickview__content");function c(t){let o=t.target;do{if(o==i||o&&o.classList&&o.classList.contains("ecom-modal"))return;o=o.parentNode}while(o);o!=i&&(qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300),document.removeEventListener("click",c),document.removeEventListener("keydown",n))}function n(t){(t.isComposing||27===t.keyCode)&&(qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300),document.removeEventListener("keydown",n),document.removeEventListener("click",c))}t&&t.addEventListener("click",function(t){t.preventDefault(),document.removeEventListener("click",c),document.removeEventListener("keydown",n),qv_wrapper.classList.add("ecom-remove"),qv_wrapper.classList.remove("ecom-open","ecom-display","ecom-remove"),setTimeout(function(){e.innerHTML=""},300)}),document.addEventListener("click",c),document.addEventListener("keydown",n)};function quickViewHandler(e){e&&e.preventDefault();let t=this;t.classList&&t.classList.add("ecom-loading");let i=t.classList?t.getAttribute("href"):window.location.pathname;if(i){if(window.location.search.includes("ecom_template_id")){let c=new URLSearchParams(location.search);i=window.location.pathname+"?section_id="+c.get("ecom_template_id")}else i+=(i.includes("?")?"&":"?")+"section_id=ecom-default-template-quickview";fetch(i).then(function(e){return 200==e.status?e.text():window.document.querySelector("#admin-bar-iframe")?(404==e.status?alert("Please create Ecomposer quickview template first!"):alert("Have some problem with quickview!"),t.classList&&t.classList.remove("ecom-loading"),!1):void window.open(new URL(i).pathname,"_blank")}).then(function(e){e&&(ecomQuickview(e),setTimeout(function(){t.classList&&t.classList.remove("ecom-loading")},300))}).catch(function(e){})}} if(window.location.search.includes('ecom_template_id')) { setTimeout(quickViewHandler,1000) } if(enable_qv) { const qv_buttons = document.querySelectorAll('.ecom-product-quickview'); if(qv_buttons.length > 0) { qv_buttons.forEach(function(button, index) { button.addEventListener('click', quickViewHandler) }) } } } }).bind(window.EComposer)(); </script> <script type="text/template" id="ecom-quickview-template-html"> <div class="ecom-quickview__wrapper ecom-dn"><div class="ecom-quickview__container"><div class="ecom-quickview__content"><div class="ecom-quickview__content-inner"><div class="ecom-quickview__content-data"></div></div><span class="ecom-quickview__close-btn"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><g id="icomoon-ignore"></g><path d="M10.722 9.969l-0.754 0.754 5.278 5.278-5.253 5.253 0.754 0.754 5.253-5.253 5.253 5.253 0.754-0.754-5.253-5.253 5.278-5.278-0.754-0.754-5.278 5.278z" fill="#000000"></path></svg></span></div></div></div> </script> <style type="text/css" class="ecom-theme-quickview"> .ecom-quickview__wrapper{opacity:0;display:none;pointer-events:none}.ecom-quickview__wrapper.ecom-open{position:fixed;top:0;left:0;right:0;bottom:0;display:block;pointer-events:auto;z-index:100000;outline:0!important;-webkit-backface-visibility:hidden;opacity:1;transition:all .1s}.ecom-quickview__container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;opacity:0;background-color:rgba(0,0,0,.8);transition:opacity .1s}.ecom-quickview__container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.ecom-quickview__wrapper.ecom-display .ecom-quickview__content{visibility:visible;opacity:1;transform:none;-webkit-transform:none}.ecom-quickview__content{position:relative;display:inline-block;opacity:0;visibility:hidden;-webkit-transition:opacity .1s,-webkit-transform .1s;transition:transform .1s,opacity .1s,-webkit-transform .1s;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.ecom-quickview__content-inner{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:999;overflow-y:auto;max-height:80vh}.ecom-quickview__content-data>.shopify-section{margin:0 auto;max-width:980px;overflow:hidden;position:relative;background-color:#fff;opacity:0}.ecom-quickview__wrapper.ecom-display .ecom-quickview__content-data>.shopify-section{opacity:1;-webkit-transform:none;transform:none}.ecom-quickview__wrapper.ecom-display .ecom-quickview__container{opacity:1}.ecom-quickview__wrapper.ecom-remove #shopify-section-ecom-default-template-quickview{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}.ecom-quickview__close-btn{position:fixed!important;top:0;right:0;transform:none;background-color:transparent;color:#000;opacity:0;width:40px;height:40px;-webkit-transition:.25s;transition:.25s;z-index:9999}.ecom-quickview__close-btn{stroke: #fff}.ecom-quickview__wrapper.ecom-display .ecom-quickview__close-btn{opacity:1}.ecom-quickview__close-btn:hover{cursor:pointer}@media screen and (max-width:1024px){.ecom-quickview__content{position:absolute;inset:0;margin:50px 15px;display:flex}.ecom-quickview__close-btn{right:0}} </style> <script type="text/template" id="ecom-template-html"> <!-- BEGIN app snippet: ecom-toast --><div id="ecom-toast"><div id="ecom-toast-icon"><svg xmlns="http://www.w3.org/2000/svg" class="ecom-toast-icon-svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div><div id="ecom-toast-desc"></div></div><!-- END app snippet --> </script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/RrCSp2/klaviyo.js?company_id=RrCSp2"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/weglot-translate-your-store/blocks/weglot/3097482a-fafe-42ff-bc33-ea19e35c4a20 --> <link rel="alternate" hreflang="fr" href="https://klemklem.com/collections/mugs-personnalises" /> <link rel="alternate" hreflang="it" href="https:///collections/mugs-personnalises" /> <link rel="alternate" hreflang="en" href="https:///collections/mugs-personnalises" /> <!--Start Weglot Script--> <script src="https://cdn.weglot.com/weglot.min.js?api_key=wg_4eabc0dddb1c333a119905d2cab94be31" async></script> <!--End Weglot Script--> <!-- END app app block --><!-- BEGIN app block: shopify://apps/zepto-product-personalizer/blocks/product_personalizer_main/7411210d-7b32-4c09-9455-e129e3be4729 --> <!-- BEGIN app snippet: zepto_common --><script> var pplr_cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; var pplr_shop_currency = "EUR"; var pplr_enabled_currencies_size = 1; var pplr_money_formate = "€{{amount_with_comma_separator}}"; var pplr_manual_theme_selector=["CartCount span:first","tr:has([name*=updates])","tr img:first",".line-item__title",".cart__item--price .cart__price",".grid__item.one-half.text-right",".pplr_item_remove",".ajaxcart__qty",".header__cart-price-bubble span[data-cart-price-bubble]","form[action*=cart] [name=checkout]","Clique pour voir la photo charg\u0026eacute;e","0","Discount Code \u0026amp;lt;strong\u0026amp;gt;{{ code }}\u0026amp;lt;\/strong\u0026amp;gt; is invalid","Discount code","Apply",".SomeClass","Subtotal","Shipping","\u0026amp;lt;strong\u0026amp;gt;EST. TOTAL\u0026amp;lt;\/strong\u0026amp;gt;"]; </script> <script defer src="//cdn-zeptoapps.com/product-personalizer/pplr_common.js?v=08" ></script><!-- END app snippet --> <!-- END app app block --><!-- BEGIN app block: shopify://apps/xo-gallery/blocks/xo-gallery-seo/e61dfbaa-1a75-4e4e-bffc-324f17325251 --><!-- XO Gallery SEO --> <!-- End: XO Gallery SEO --> <!-- END app app block --><script src="https://cdn.shopify.com/extensions/dd068bde-f05d-44b6-a07e-aa84e0b6cc75/kudosi-ali-reviews-47/assets/alireviews.min.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/5110e5b3-72b7-4ef2-b941-aca8640e92d6/ecomposer-builder-26/assets/ecom.js" type="text/javascript" defer="defer"></script> <link href="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: 69988417801,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("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 id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 69988417801,storefrontBaseUrl: "https://klemklem.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["5de24938","d04dc9f4","4735909c"],webPixelsConfigList: [{"id":"436699401","configuration":"{\"pixel_id\":\"877137599591785\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8b3843af2d71780cfb83fdde884ce168","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"95650057","configuration":"{\"accountID\":\"2323\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6de8558fde3edbea56c2702b894784a2","type":"APP","apiClientId":5009031,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0210","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0210","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],initData: {"shop":{"name":"Klem Klem","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"047650-2.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/klemklem.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"497651810569","title":"Mugs personnalis\u00e9s","productVariants":[{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal simple","vendor":"Klem Klem","id":"8313118195977","untranslatedTitle":"Mug personnalis\u00e9 animal simple","url":"\/products\/mug-personnalise-animal","type":""},"id":"44634559807753","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-simple-chat-scaled.jpg?v=1696449459"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal Cosmic","vendor":"Klem Klem","id":"8313118949641","untranslatedTitle":"Mug personnalis\u00e9 animal Cosmic","url":"\/products\/mug-personnalise-animal-cosmic","type":""},"id":"44634561085705","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-personnalise-chien.jpg?v=1696449488"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal Royal","vendor":"Klem Klem","id":"8313119277321","untranslatedTitle":"Mug personnalis\u00e9 animal Royal","url":"\/products\/mug-personnalise-animal-royal","type":""},"id":"44634561577225","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Mug-personnalise-plume.jpg?v=1696449498"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal - I Woof You","vendor":"Klem Klem","id":"8436501577993","untranslatedTitle":"Mug personnalis\u00e9 animal - I Woof You","url":"\/products\/mug-personnalise-animal-i-woof-you","type":""},"id":"44963483058441","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/I-woof-you.jpg?v=1706013709"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":24.9,"currencyCode":"EUR"},"product":{"title":"Mug personnalis\u00e9 animal -St Valentin","vendor":"Klem Klem","id":"8436509114633","untranslatedTitle":"Mug personnalis\u00e9 animal -St Valentin","url":"\/products\/mug-personnalise-animal-st-valentin","type":""},"id":"44963523985673","image":{"src":"\/\/klemklem.com\/cdn\/shop\/files\/Le-plus-fidele-des-valentins.jpg?v=1706014102"},"sku":null,"title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://klemklem.com/cdn","fb1ffa160d2bd633e9a569ca53327bdc14774168","f69b9fb6w3396cff1pe45e79a7m2cbe3366",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'EUR'; var meta = {"products":[{"id":8313118195977,"gid":"gid:\/\/shopify\/Product\/8313118195977","vendor":"Klem Klem","type":"","variants":[{"id":44634559807753,"price":2490,"name":"Mug personnalisé animal simple","public_title":null,"sku":null}]},{"id":8313118949641,"gid":"gid:\/\/shopify\/Product\/8313118949641","vendor":"Klem Klem","type":"","variants":[{"id":44634561085705,"price":2490,"name":"Mug personnalisé animal Cosmic","public_title":null,"sku":null}]},{"id":8313119277321,"gid":"gid:\/\/shopify\/Product\/8313119277321","vendor":"Klem Klem","type":"","variants":[{"id":44634561577225,"price":2490,"name":"Mug personnalisé animal Royal","public_title":null,"sku":null}]},{"id":8436501577993,"gid":"gid:\/\/shopify\/Product\/8436501577993","vendor":"Klem Klem","type":"","variants":[{"id":44963483058441,"price":2490,"name":"Mug personnalisé animal - I Woof You","public_title":null,"sku":null}]},{"id":8436509114633,"gid":"gid:\/\/shopify\/Product\/8436509114633","vendor":"Klem Klem","type":"","variants":[{"id":44963523985673,"price":2490,"name":"Mug personnalisé animal -St Valentin","public_title":null,"sku":null}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":497651810569}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(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: 69988417801, theme_id: 144330719497, app_name: "storefront", context_url: window.location.href, source_url: "//klemklem.com/cdn/s/trekkie.storefront.03be50ea3788c26020561bb2ba01cb1e65d0fb9a.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//klemklem.com/cdn/s/trekkie.storefront.03be50ea3788c26020561bb2ba01cb1e65d0fb9a.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//klemklem.com/cdn/s/trekkie.storefront.03be50ea3788c26020561bb2ba01cb1e65d0fb9a.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":69988417801,"isMerchantRequest":null,"themeId":144330719497,"themeCityHash":"13282895358420167401","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":497651810569}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: mugs-personnalises","collectionName":"mugs-personnalises","collectionId":497651810569,"nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//klemklem.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (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 = "Sense"; window.BOOMR.themeVersion = "11.0.0"; window.BOOMR.shopId = 69988417801; window.BOOMR.themeId = 144330719497; window.BOOMR.renderRegion = "gcp-europe-west4"; window.BOOMR.url = "https://klemklem.com/cdn/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({ 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({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();</script> <script defer src="https://klemklem.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.0.min.js" data-application="storefront-renderer" data-shop-id="69988417801" data-render-region="gcp-europe-west4" data-page-type="collection" data-theme-instance-id="144330719497" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBJBK4R" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Ignorer et passer au contenu </a><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--18183665320201__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-search.css?v=130382253973794904871697480771" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-menu-drawer.css?v=31331429079022630271697480771" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-cart-notification.css?v=54116361853792938221697480771" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-cart-items.css?v=63185545252468242311697480771" media="print" onload="this.media='all'"><link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-price.css?v=70172745017360139101697480771" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//klemklem.com/cdn/shop/t/5/assets/component-loading-overlay.css?v=58800470094666109841697480771" media="print" onload="this.media='all'"><noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-search.css?v=130382253973794904871697480771" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-menu-drawer.css?v=31331429079022630271697480771" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-cart-notification.css?v=54116361853792938221697480771" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//klemklem.com/cdn/shop/t/5/assets/component-cart-items.css?v=63185545252468242311697480771" rel="stylesheet" type="text/css" media="all" /></noscript> <style> header-drawer { justify-self: start; margin-left: -1.2rem; }.scrolled-past-header .header__heading-logo-wrapper { width: 75%; }@media screen and (min-width: 990px) { header-drawer { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding: 18px 3rem 10px 3rem; } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 18px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 24px; } } @media screen and (min-width: 990px) { .header { padding-top: 36px; padding-bottom: 20px; } }</style><script src="//klemklem.com/cdn/shop/t/5/assets/details-disclosure.js?v=13653116266235556501697480771" defer="defer"></script> <script src="//klemklem.com/cdn/shop/t/5/assets/details-modal.js?v=25581673532751508451697480771" defer="defer"></script> <script src="//klemklem.com/cdn/shop/t/5/assets/cart-notification.js?v=133508293167896966491697480771" defer="defer"></script> <script src="//klemklem.com/cdn/shop/t/5/assets/search-form.js?v=133129549252120666541697480771" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> </symbol> <symbol id="icon-reset" class="icon icon-close" fill="none" viewbox="0 0 18 18" stroke="currentColor"> <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewbox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </symbol> </svg><sticky-header data-sticky-type="reduce-logo-size" class="header-wrapper color-accent-1 gradient"><header class="header header--top-center header--mobile-center page-width header--has-menu header--has-social"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" > <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewbox="0 0 18 16" > <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-creer-un-portrait-personnalise" href="/collections/affiches-personnalisees" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Créer un portrait personnalisé </a></li><li><details id="Details-menu-drawer-menu-item-2"> <summary id="HeaderDrawer-voir-tous-les-produits" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" > Voir tous les produits <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </summary> <div id="link-voir-tous-les-produits" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1" > <div class="menu-drawer__inner-submenu"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Voir tous les produits </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a id="HeaderDrawer-voir-tous-les-produits-porte-cles-personnalises" href="/collections/porte-cles-personnalises" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Porte-clés personnalisés </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-medailles-🆕" href="/collections/medailles" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Médailles 🆕 </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-mugs-personnalises" href="/collections/mugs-personnalises" class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active" aria-current="page" > Mugs personnalisés </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-gamelles-personnalisees" href="/collections/gamelles-personnalisees" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Gamelles personnalisées </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-chaussettes-personnalisees" href="/collections/chaussettes-personnalisees" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Chaussettes personnalisées </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-gourdes-personnalisees" href="/collections/gourdes-personnalisees" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Gourdes personnalisées </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-bougies-personnalisees" href="/collections/bougies-personnalisees" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Bougies personnalisées </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-pots-a-friandises-🆕" href="/collections/pots-a-friandises" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Pots à friandises 🆕 </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-coussins-personnalises" href="/collections/coussins-personnalises" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Coussins personnalisés </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-panneaux-voiture-personnalises" href="/collections/panneaux-voiture-personnalises" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Panneaux voiture personnalisés </a></li><li><a id="HeaderDrawer-voir-tous-les-produits-idees-cadeaux-a-20" href="/collections/cadeaux-a-de-20" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Idées cadeaux à -20€ </a></li></ul> </div> </div> </details></li><li><a id="HeaderDrawer-notre-histoire" href="/pages/notre-histoire" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Notre histoire </a></li><li><a id="HeaderDrawer-le-blog-klem-klem" href="/blogs/news" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Le blog Klem Klem </a></li></ul> </nav> <div class="menu-drawer__utility-links"><div class="menu-drawer__localization header-localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="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="/collections/mugs-personnalises" /><div class="localization-form__select"> <h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer"> Pays/région </h2> <select class="localization-selector link" name="country_code" aria-labelledby="HeaderCountryMobileLabelNoScriptDrawer" ><option value="DE" > Allemagne (EUR €) </option><option value="AU" > Australie (EUR €) </option><option value="AT" > Autriche (EUR €) </option><option value="BE" > Belgique (EUR €) </option><option value="BG" > Bulgarie (EUR €) </option><option value="CA" > Canada (EUR €) </option><option value="CY" > Chypre (EUR €) </option><option value="KR" > Corée du Sud (EUR €) </option><option value="HR" > Croatie (EUR €) </option><option value="DK" > Danemark (EUR €) </option><option value="AE" > Émirats arabes unis (EUR €) </option><option value="ES" > Espagne (EUR €) </option><option value="EE" > Estonie (EUR €) </option><option value="US" > États-Unis (EUR €) </option><option value="FI" > Finlande (EUR €) </option><option value="FR" selected > France (EUR €) </option><option value="GR" > Grèce (EUR €) </option><option value="HU" > Hongrie (EUR €) </option><option value="IE" > Irlande (EUR €) </option><option value="IL" > Israël (EUR €) </option><option value="IT" > Italie (EUR €) </option><option value="JP" > Japon (EUR €) </option><option value="LV" > Lettonie (EUR €) </option><option value="LT" > Lituanie (EUR €) </option><option value="LU" > Luxembourg (EUR €) </option><option value="MY" > Malaisie (EUR €) </option><option value="MT" > Malte (EUR €) </option><option value="NO" > Norvège (EUR €) </option><option value="NZ" > Nouvelle-Zélande (EUR €) </option><option value="NL" > Pays-Bas (EUR €) </option><option value="PL" > Pologne (EUR €) </option><option value="PT" > Portugal (EUR €) </option><option value="HK" > R.A.S. chinoise de Hong Kong (EUR €) </option><option value="RO" > Roumanie (EUR €) </option><option value="GB" > Royaume-Uni (EUR €) </option><option value="SG" > Singapour (EUR €) </option><option value="SK" > Slovaquie (EUR €) </option><option value="SI" > Slovénie (EUR €) </option><option value="SE" > Suède (EUR €) </option><option value="CH" > Suisse (EUR €) </option><option value="CZ" > Tchéquie (EUR €) </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> <button class="button button--tertiary">Mettre à jour le pays/la région</button></form></noscript> <localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="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="/collections/mugs-personnalises" /><div> <h2 class="visually-hidden" id="HeaderCountryMobileLabel"> Pays/région </h2><div class="disclosure"> <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderCountryMobileList" aria-describedby="HeaderCountryMobileLabel" > <span>EUR € | France</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="disclosure__list-wrapper" hidden> <ul id="HeaderCountryMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DE" > <span class="localization-form__currency">EUR € |</span > Allemagne </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" > <span class="localization-form__currency">EUR € |</span > Australie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AT" > <span class="localization-form__currency">EUR € |</span > Autriche </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="BE" > <span class="localization-form__currency">EUR € |</span > Belgique </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="BG" > <span class="localization-form__currency">EUR € |</span > Bulgarie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CA" > <span class="localization-form__currency">EUR € |</span > Canada </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CY" > <span class="localization-form__currency">EUR € |</span > Chypre </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="KR" > <span class="localization-form__currency">EUR € |</span > Corée du Sud </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HR" > <span class="localization-form__currency">EUR € |</span > Croatie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DK" > <span class="localization-form__currency">EUR € |</span > Danemark </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AE" > <span class="localization-form__currency">EUR € |</span > Émirats arabes unis </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="ES" > <span class="localization-form__currency">EUR € |</span > Espagne </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="EE" > <span class="localization-form__currency">EUR € |</span > Estonie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" > <span class="localization-form__currency">EUR € |</span > États-Unis </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="FI" > <span class="localization-form__currency">EUR € |</span > Finlande </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset disclosure__link--active" href="#" aria-current="true" data-value="FR" > <span class="localization-form__currency">EUR € |</span > France </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="GR" > <span class="localization-form__currency">EUR € |</span > Grèce </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HU" > <span class="localization-form__currency">EUR € |</span > Hongrie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IE" > <span class="localization-form__currency">EUR € |</span > Irlande </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IL" > <span class="localization-form__currency">EUR € |</span > Israël </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IT" > <span class="localization-form__currency">EUR € |</span > Italie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="JP" > <span class="localization-form__currency">EUR € |</span > Japon </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="LV" > <span class="localization-form__currency">EUR € |</span > Lettonie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="LT" > <span class="localization-form__currency">EUR € |</span > Lituanie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="LU" > <span class="localization-form__currency">EUR € |</span > Luxembourg </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MY" > <span class="localization-form__currency">EUR € |</span > Malaisie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MT" > <span class="localization-form__currency">EUR € |</span > Malte </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NO" > <span class="localization-form__currency">EUR € |</span > Norvège </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" > <span class="localization-form__currency">EUR € |</span > Nouvelle-Zélande </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NL" > <span class="localization-form__currency">EUR € |</span > Pays-Bas </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PL" > <span class="localization-form__currency">EUR € |</span > Pologne </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PT" > <span class="localization-form__currency">EUR € |</span > Portugal </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HK" > <span class="localization-form__currency">EUR € |</span > R.A.S. chinoise de Hong Kong </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="RO" > <span class="localization-form__currency">EUR € |</span > Roumanie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="GB" > <span class="localization-form__currency">EUR € |</span > Royaume-Uni </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SG" > <span class="localization-form__currency">EUR € |</span > Singapour </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SK" > <span class="localization-form__currency">EUR € |</span > Slovaquie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SI" > <span class="localization-form__currency">EUR € |</span > Slovénie </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SE" > <span class="localization-form__currency">EUR € |</span > Suède </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CH" > <span class="localization-form__currency">EUR € |</span > Suisse </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CZ" > <span class="localization-form__currency">EUR € |</span > Tchéquie </a> </li></ul> </div> </div> <input type="hidden" name="country_code" value="FR"> </div></form></localization-form> </div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> <a href="https://www.instagram.com/klemklem_fr" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.tiktok.com/@klemklem_fr" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20"> <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/> </svg> <span class="visually-hidden">TikTok</span> </a> </li></ul> </div> </div> </div> </div> </details> </header-drawer> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Recherche"> <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Recherche"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Recherche"> <label class="field__label" for="Search-In-Modal-1">Recherche</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Effacer le terme de recherche"> <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Recherche"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer"> <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> <img src="//klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&width=600" alt="Klem Klem" srcset="//klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&width=70 70w, //klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&width=105 105w, //klemklem.com/cdn/shop/files/Logo-klem-klem.png?v=1696445081&width=140 140w" width="70" height="70.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 140px) 50vw, 70px"> </div></a> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-creer-un-portrait-personnalise" href="/collections/affiches-personnalisees" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Créer un portrait personnalisé</span> </a></li><li><header-menu> <details id="Details-HeaderMenu-2"> <summary id="HeaderMenu-voir-tous-les-produits" class="header__menu-item list-menu__item link focus-inset" > <span class="header__active-menu-item" >Voir tous les produits</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </summary> <ul id="HeaderMenu-MenuList-2" class="header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1" ><li><a id="HeaderMenu-voir-tous-les-produits-porte-cles-personnalises" href="/collections/porte-cles-personnalises" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Porte-clés personnalisés </a></li><li><a id="HeaderMenu-voir-tous-les-produits-medailles-🆕" href="/collections/medailles" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Médailles 🆕 </a></li><li><a id="HeaderMenu-voir-tous-les-produits-mugs-personnalises" href="/collections/mugs-personnalises" class="header__menu-item list-menu__item link link--text focus-inset caption-large list-menu__item--active" aria-current="page" > Mugs personnalisés </a></li><li><a id="HeaderMenu-voir-tous-les-produits-gamelles-personnalisees" href="/collections/gamelles-personnalisees" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Gamelles personnalisées </a></li><li><a id="HeaderMenu-voir-tous-les-produits-chaussettes-personnalisees" href="/collections/chaussettes-personnalisees" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Chaussettes personnalisées </a></li><li><a id="HeaderMenu-voir-tous-les-produits-gourdes-personnalisees" href="/collections/gourdes-personnalisees" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Gourdes personnalisées </a></li><li><a id="HeaderMenu-voir-tous-les-produits-bougies-personnalisees" href="/collections/bougies-personnalisees" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Bougies personnalisées </a></li><li><a id="HeaderMenu-voir-tous-les-produits-pots-a-friandises-🆕" href="/collections/pots-a-friandises" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Pots à friandises 🆕 </a></li><li><a id="HeaderMenu-voir-tous-les-produits-coussins-personnalises" href="/collections/coussins-personnalises" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Coussins personnalisés </a></li><li><a id="HeaderMenu-voir-tous-les-produits-panneaux-voiture-personnalises" href="/collections/panneaux-voiture-personnalises" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Panneaux voiture personnalisés </a></li><li><a id="HeaderMenu-voir-tous-les-produits-idees-cadeaux-a-20" href="/collections/cadeaux-a-de-20" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Idées cadeaux à -20€ </a></li></ul> </details> </header-menu></li><li><a id="HeaderMenu-notre-histoire" href="/pages/notre-histoire" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Notre histoire</span> </a></li><li><a id="HeaderMenu-le-blog-klem-klem" href="/blogs/news" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Le blog Klem Klem</span> </a></li></ul> </nav> <div class="header__icons header__icons--localization header-localization"> <div class="desktop-localization-wrapper"> </div> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Recherche"> <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Recherche"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Chargement en cours..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Recherche"> <label class="field__label" for="Search-In-Modal">Recherche</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Effacer le terme de recherche"> <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Recherche"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Fermer"> <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none" > <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Panier</span></a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-accent-1 gradient" aria-modal="true" aria-label="Article ajouté au panier" role="dialog" tabindex="-1" > <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 9" fill="none" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> </svg> Article ajouté au panier </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Fermer" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width" >Voir le panier</a> <form action="/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Procéder au paiement </button> </form> <button type="button" class="link button-label">Continuer les achats</button> </div> </div> </div> </cart-notification> <style data-shopify> .cart-notification { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Klem Klem", "logo": "https:\/\/klemklem.com\/cdn\/shop\/files\/Logo-klem-klem.png?v=1696445081\u0026width=500", "sameAs": [ "", "", "", "https:\/\/www.instagram.com\/klemklem_fr", "https:\/\/www.tiktok.com\/@klemklem_fr", "", "", "", "" ], "url": "https:\/\/klemklem.com" } </script> </div> <!-- END sections: header-group --> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <div id="shopify-section-template--18183668891913__main-collection-banner" class="shopify-section section"> <link href="//klemklem.com/cdn/shop/t/5/assets/component-collection-hero.css?v=125511329265726850081697480771" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { .collection-hero--with-image .collection-hero__inner { padding-bottom: calc(12px + 2rem); } }</style><div class="collection-hero color-background-1 gradient"> <div class="collection-hero__inner page-width scroll-trigger animate--fade-in"> <div class="collection-hero__text-wrapper"> <h1 class="collection-hero__title"> <span class="visually-hidden">Collection: </span>Mugs personnalisés</h1><div class="collection-hero__description rte"></div></div></div> </div> </div><div id="shopify-section-template--18183668891913__main-collection-product-grid" class="shopify-section section"><link href="//klemklem.com/cdn/shop/t/5/assets/template-collection.css?v=145944865380958730931697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-loading-overlay.css?v=58800470094666109841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-card.css?v=47260860684073105921697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-price.css?v=70172745017360139101697480771" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--18183668891913__main-collection-product-grid-padding { padding-top: 0px; padding-bottom: 51px; } @media screen and (min-width: 750px) { .section-template--18183668891913__main-collection-product-grid-padding { padding-top: 0px; padding-bottom: 68px; } }</style><div class="section-template--18183668891913__main-collection-product-grid-padding"> <div class=""> <link href="//klemklem.com/cdn/shop/t/5/assets/component-facets.css?v=165919028845665760681697480771" rel="stylesheet" type="text/css" media="all" /> <script src="//klemklem.com/cdn/shop/t/5/assets/facets.js?v=165386390632908747671697480771" defer="defer"></script><aside aria-labelledby="verticalTitle" class="facets-wrapper facets-wrapper--no-filters page-width" id="main-collection-filters" data-id="template--18183668891913__main-collection-product-grid" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-show-more.css?v=139536189637226996221697480771" rel="stylesheet" type="text/css" media="all" /> <div class="facets-container scroll-trigger animate--fade-in"><facet-filters-form class="facets small-hide"> <form id="FacetFiltersForm" class="facets__form" > <div class="facet-filters sorting caption"> <div class="facet-filters__field"> <h2 class="facet-filters__label caption-large text-body"> <label for="SortBy">Trier par :</label> </h2> <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message" ><option value="manual" selected="selected" > En vedette </option><option value="best-selling" > Meilleures ventes </option><option value="title-ascending" > Alphabétique, de A à Z </option><option value="title-descending" > Alphabétique, de Z à A </option><option value="price-ascending" > Prix: faible à élevé </option><option value="price-descending" > Prix: élevé à faible </option><option value="created-ascending" > Date, de la plus ancienne à la plus récente </option><option value="created-descending" > Date, de la plus récente à la plus ancienne </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> <noscript> <button type="submit" class="facets__button-no-js button button--secondary"> Trier </button> </noscript> </div><div class="product-count light" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCountDesktop">5 produits </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></form> </facet-filters-form> <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile" > <details class="mobile-facets__disclosure disclosure-has-popup"> <summary class="mobile-facets__open-wrapper focus-offset"> <span class="mobile-facets__open"> <svg class="icon icon-filter" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none" > <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/> </svg> <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Trier </span> <span class="mobile-facets__open-label button-label small-hide"></span> </span> <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewbox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <facet-filters-form> <form id="FacetFiltersFormMobile" class="mobile-facets"> <div class="mobile-facets__inner gradient"> <div class="mobile-facets__header"> <div class="mobile-facets__header-inner"> <h2 class="mobile-facets__heading medium-hide large-up-hide">Trier </h2> <h2 class="mobile-facets__heading small-hide"></h2> <p class="mobile-facets__count">5 produits </p> </div> </div> <div class="mobile-facets__main has-submenu gradient"><div class="mobile-facets__details js-filter" data-index="mobile-" > <div class="mobile-facets__summary"> <div class="mobile-facets__sort"> <label for="SortBy-mobile">Trier par :</label> <div class="select"> <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message" ><option value="manual" selected="selected" > En vedette </option><option value="best-selling" > Meilleures ventes </option><option value="title-ascending" > Alphabétique, de A à Z </option><option value="title-descending" > Alphabétique, de Z à A </option><option value="price-ascending" > Prix: faible à élevé </option><option value="price-descending" > Prix: élevé à faible </option><option value="created-ascending" > Date, de la plus ancienne à la plus récente </option><option value="created-descending" > Date, de la plus récente à la plus ancienne </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </div> </div><div class="mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/mugs-personnalises" class="mobile-facets__clear underlined-link">Tout supprimer</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()" > Appliquer </button> <noscript ><button class="button button--primary">Appliquer</button></noscript > </div> </div> </div> </form> </facet-filters-form> </details> </menu-drawer> <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper"> <a href="/collections/mugs-personnalises" class="active-facets__button-remove underlined-link"> <span>Tout supprimer</span> </a> </facet-remove> </div> <div class="product-count light medium-hide large-up-hide" role="status" > <h2 class="product-count__text text-body"> <span id="ProductCount">5 produits </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" class="spinner" viewbox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></div> </aside><div class="product-grid-container scroll-trigger animate--slide-in" id="ProductGridContainer" data-cascade ><div class="collection page-width"> <div class="loading-overlay gradient"></div> <ul id="product-grid" data-id="template--18183668891913__main-collection-product-grid" class="grid product-grid grid--2-col-tablet-down grid--3-col-desktop" > <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class="card card--standard card--media" style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=165 165w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=360 360w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=533 533w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=720 720w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=940 940w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459 2560w " src="//klemklem.com/cdn/shop/files/Mug-simple-chat-scaled.jpg?v=1696449459&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Mug personnalisé simple chat" class="motion-reduce" width="2560" height="2560" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/mug-personnalise-animal" id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118195977" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118195977 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313118195977" > Mug personnalisé animal simple </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--18183668891913__main-collection-product-grid-8313118195977" > <a href="/products/mug-personnalise-animal" id="CardLink-template--18183668891913__main-collection-product-grid-8313118195977" class="full-unstyled-link" aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313118195977 Badge-template--18183668891913__main-collection-product-grid-8313118195977" > Mug personnalisé animal simple </a> </h3> <div class="card-information"><span class="caption-large light"></span><div product-id="8313118195977" product-handle="mug-personnalise-animal" class="alireviews-review-star-rating"></div> <div class="price" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> €24,90 </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> €24,90 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class="card card--standard card--media" style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488 1080w " src="//klemklem.com/cdn/shop/files/Mug-personnalise-chien.jpg?v=1696449488&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Mug personnalisé cosmic à l'éffigie d'un chien shiba" class="motion-reduce" width="1080" height="1080" > <img srcset="//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=165 165w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=360 360w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=533 533w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=720 720w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=940 940w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=1066 1066w,//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488 2560w " src="//klemklem.com/cdn/shop/files/13-scaled.jpg?v=1696449488&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="2560" height="1707" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/mug-personnalise-animal-cosmic" id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118949641" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313118949641 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313118949641" > Mug personnalisé animal Cosmic </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--18183668891913__main-collection-product-grid-8313118949641" > <a href="/products/mug-personnalise-animal-cosmic" id="CardLink-template--18183668891913__main-collection-product-grid-8313118949641" class="full-unstyled-link" aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313118949641 Badge-template--18183668891913__main-collection-product-grid-8313118949641" > Mug personnalisé animal Cosmic </a> </h3> <div class="card-information"><span class="caption-large light"></span><div product-id="8313118949641" product-handle="mug-personnalise-animal-cosmic" class="alireviews-review-star-rating"></div> <div class="price" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> €24,90 </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> €24,90 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class="card card--standard card--media" style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498 1080w " src="//klemklem.com/cdn/shop/files/Mug-personnalise-plume.jpg?v=1696449498&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Mug personnalisé chaton" class="motion-reduce" loading="lazy" width="1080" height="1080" > <img srcset="//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=165 165w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=360 360w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=533 533w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=720 720w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=940 940w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=1066 1066w,//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499 1708w " src="//klemklem.com/cdn/shop/files/Mug-personnalise-chien-scaled.jpg?v=1696449499&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1708" height="2560" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/mug-personnalise-animal-royal" id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313119277321" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8313119277321 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8313119277321" > Mug personnalisé animal Royal </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--18183668891913__main-collection-product-grid-8313119277321" > <a href="/products/mug-personnalise-animal-royal" id="CardLink-template--18183668891913__main-collection-product-grid-8313119277321" class="full-unstyled-link" aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8313119277321 Badge-template--18183668891913__main-collection-product-grid-8313119277321" > Mug personnalisé animal Royal </a> </h3> <div class="card-information"><span class="caption-large light"></span><div product-id="8313119277321" product-handle="mug-personnalise-animal-royal" class="alireviews-review-star-rating"></div> <div class="price" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> €24,90 </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> €24,90 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 4;" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class="card card--standard card--media" style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=165 165w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=360 360w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=533 533w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=720 720w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=940 940w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=1066 1066w,//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709 1080w " src="//klemklem.com/cdn/shop/files/I-woof-you.jpg?v=1706013709&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Mug personnalisé animal - I Woof You" class="motion-reduce" loading="lazy" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/mug-personnalise-animal-i-woof-you" id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436501577993" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436501577993 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8436501577993" > Mug personnalisé animal - I Woof You </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--18183668891913__main-collection-product-grid-8436501577993" > <a href="/products/mug-personnalise-animal-i-woof-you" id="CardLink-template--18183668891913__main-collection-product-grid-8436501577993" class="full-unstyled-link" aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8436501577993 Badge-template--18183668891913__main-collection-product-grid-8436501577993" > Mug personnalisé animal - I Woof You </a> </h3> <div class="card-information"><span class="caption-large light"></span><div product-id="8436501577993" product-handle="mug-personnalise-animal-i-woof-you" class="alireviews-review-star-rating"></div> <div class="price" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> €24,90 </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> €24,90 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li> <li class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 5;" > <link href="//klemklem.com/cdn/shop/t/5/assets/component-rating.css?v=157771854592137137841697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-volume-pricing.css?v=56284703641257077881697480771" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class="card card--standard card--media" style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-1 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=165 165w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=360 360w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=533 533w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=720 720w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=940 940w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=1066 1066w,//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102 1080w " src="//klemklem.com/cdn/shop/files/Le-plus-fidele-des-valentins.jpg?v=1706014102&width=533" sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Mug personnalisé animal -St Valentin" class="motion-reduce" loading="lazy" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/mug-personnalise-animal-st-valentin" id="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436509114633" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--18183668891913__main-collection-product-grid-8436509114633 NoMediaStandardBadge-template--18183668891913__main-collection-product-grid-8436509114633" > Mug personnalisé animal -St Valentin </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--18183668891913__main-collection-product-grid-8436509114633" > <a href="/products/mug-personnalise-animal-st-valentin" id="CardLink-template--18183668891913__main-collection-product-grid-8436509114633" class="full-unstyled-link" aria-labelledby="CardLink-template--18183668891913__main-collection-product-grid-8436509114633 Badge-template--18183668891913__main-collection-product-grid-8436509114633" > Mug personnalisé animal -St Valentin </a> </h3> <div class="card-information"><span class="caption-large light"></span><div product-id="8436509114633" product-handle="mug-personnalise-animal-st-valentin" class="alireviews-review-star-rating"></div> <div class="price" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span class="price-item price-item--regular"> €24,90 </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Prix habituel</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Prix promotionnel</span> <span class="price-item price-item--sale price-item--last"> €24,90 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Prix unitaire</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> par </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"></div> </div> </div> </div> </li></ul></div></div> </div></div> </div><section id="shopify-section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45" class="shopify-section section"><link href="//klemklem.com/cdn/shop/t/5/assets/section-rich-text.css?v=155250126305810049721697480771" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding { padding-top: 30px; padding-bottom: 39px; } @media screen and (min-width: 750px) { .section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding { padding-top: 40px; padding-bottom: 52px; } }</style><div class="isolate"> <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--18183668891913__574e1403-1741-4f92-8d4d-1ad6e4e3ee45-padding"> <div class="rich-text__wrapper rich-text__wrapper--center page-width"> <div class="rich-text__blocks center"><div class="rich-text__text rte scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <div class="metafield-rich_text_field"><p>Chez <strong>Klem Klem</strong>, nous adorons les animaux de compagnie et nous sommes convaincus que vous aussi ! C’est pourquoi nous avons créé <strong>des mugs personnalisés à leur effigie</strong>. Que vous ayez <strong>un chien, un chat, un lapin ou même un hamster</strong>, vous trouverez sur notre site un mug qui vous permettra d’avoir <strong>votre animal de compagnie préféré près de vous tout au long de la journée</strong>.</p><p>Nos mugs sont en céramique de haute qualité, résistants aux rayures et aux éclats. Ils sont également compatibles avec les lave-vaisselles et les micro-ondes, ce qui les rend pratiques à utiliser au quotidien. De plus, <strong>nos mugs sont entièrement personnalisables</strong> : vous pouvez choisir la couleur, la taille, et ajouter une photo de votre animal de compagnie ainsi que son nom.</p><p>Chez Klem Klem, nous sommes passionnés par <strong>la cause animale</strong> et nous nous engageons à reverser <strong>1€ par commande à l’association niçoise “Un brin de chance”</strong>. Cette association fondée par Sandrine, une femme qui oeuvre pour le bien-être des animaux depuis plusieurs années, prend en charge des animaux malades, abandonnés ou maltraités. En achetant l’un de nos <strong>mugs personnalisés</strong>, vous <strong>contribuez donc à une belle cause tout en ayant un objet unique et original à l’effigie de votre animal de compagnie.</strong></p><p>Alors n’hésitez plus et <strong>offrez-vous ou offrez à un ami un mug personnalisé Klem Klem !</strong></p></div> </div></div> </div> </div> </div> </section> </main> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--18183665221897__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//klemklem.com/cdn/shop/t/5/assets/section-footer.css?v=125160298726032154631697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-newsletter.css?v=4727253280200485261697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-list-menu.css?v=151968516119678728991697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-list-payment.css?v=69253961410771838501697480771" rel="stylesheet" type="text/css" media="all" /> <link href="//klemklem.com/cdn/shop/t/5/assets/component-list-social.css?v=35792976012981934991697480771" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.footer { margin-top: 0px; } .section-sections--18183665221897__footer-padding { padding-top: 33px; padding-bottom: 36px; } @media screen and (min-width: 750px) { .footer { margin-top: 0px; } .section-sections--18183665221897__footer-padding { padding-top: 44px; padding-bottom: 48px; } }</style><footer class="footer color-background-2 gradient section-sections--18183665221897__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in" data-cascade ><div class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" ><h2 class="footer-block__heading inline-richtext">Tout ce qu'il vous faut !</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="/pages/portrait-chat-personnalise" class="link link--text list-menu__item list-menu__item--link" > Portrait chat personnalisé </a> </li><li> <a href="/pages/mug-chat-personnalise" class="link link--text list-menu__item list-menu__item--link" > Mug personnalisé chat </a> </li><li> <a href="/pages/portrait-cheval-personnalise" class="link link--text list-menu__item list-menu__item--link" > Portrait cheval personnalisé </a> </li><li> <a href="/pages/mug-personnalise-chien" class="link link--text list-menu__item list-menu__item--link" > Mug personnalisé chien </a> </li><li> <a href="/pages/porte-cle-personnalise-chien" class="link link--text list-menu__item list-menu__item--link" > Porte-clé personnalisé chien </a> </li><li> <a href="/pages/portrait-chien-personnalise" class="link link--text list-menu__item list-menu__item--link" > Portrait chien personnalisé </a> </li></ul></div><div class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" ><h2 class="footer-block__heading inline-richtext">Informations légales</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="/pages/mentions-legales" class="link link--text list-menu__item list-menu__item--link" > Mentions légales </a> </li><li> <a href="/pages/cguv" class="link link--text list-menu__item list-menu__item--link" > CGUV </a> </li><li> <a href="/pages/politique-de-confidentialite" class="link link--text list-menu__item list-menu__item--link" > Politique de confidentialité </a> </li></ul></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" ><h2 class="footer-block__heading inline-richtext">Notre mission</h2><div class="footer-block__details-content rte"> <p>Vous proposer les meilleurs cadeaux pour les amoureux de leurs animaux</p> </div></div></div><div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade ><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Rejoins la team Klem Klem</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="newsletter-form__field-wrapper"> <div class="field"> <input id="NewsletterForm--sections--18183665221897__footer" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="E-mail" required > <label class="field__label" for="NewsletterForm--sections--18183665221897__footer"> E-mail </label> <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="S'inscrire" > <svg viewbox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </button> </div></div></form></div> <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> <a href="https://www.instagram.com/klemklem_fr" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewbox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.tiktok.com/@klemklem_fr" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewbox="0 0 20 20"> <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/> </svg> <span class="visually-hidden">TikTok</span> </a> </li></ul> </div> </div><div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade > <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"></div> </div> <div class="footer__content-bottom-wrapper page-width"> <div class="footer__copyright caption"> <small class="copyright__content" >© 2024, <a href="/" title="">Klem Klem</a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">🐾</a></small></div> </div> </div> </footer> </div> <!-- END sections: footer-group --> <ul hidden> <li id="a11y-refresh-page-message">Le choix d'une sélection entraîne l'actualisation de la page entière.</li> <li id="a11y-new-window-message">S'ouvre dans une nouvelle fenêtre.</li> </ul> <script> window.shopUrl = 'https://klemklem.com'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `Une erreur est survenue lors de l’actualisation de votre panier. Veuillez réessayer.`, quantityError: `Vous ne pouvez pas ajouter plus de [quantity] de ce produit à votre panier.`, }; window.variantStrings = { addToCart: `Ajouter au panier`, soldOut: `Épuisé`, unavailable: `Non disponible`, unavailable_with_option: `[value] – indisponible`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] articles ajoutés`, itemAdded: `[quantity] article ajouté`, itemsRemoved: `[quantity] articles retirés`, itemRemoved: `[quantity] article retiré`, viewCart: `Voir le panier`, each: `[money]/pièce`, }; window.accessibilityStrings = { imageAvailable: `L'image [index] est maintenant disponible dans la galerie`, shareSuccess: `Lien copié dans le presse-papiers`, pauseSlideshow: `Interrompre le diaporama`, playSlideshow: `Lire le diaporama`, recipientFormExpanded: `Formulaire de destinataire de carte-cadeau agrandi`, recipientFormCollapsed: `Formulaire de destinataire de carte-cadeau réduit`, }; </script><script src="//klemklem.com/cdn/shop/t/5/assets/predictive-search.js?v=162273246065392412141697480771" defer="defer"></script><div id="shopify-block-10910696115237310528" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: hs-querys-graphql --><script> window.HSSLIDECART = window.HSSLIDECART || {}; window.HSSLIDECART = window.HSSLIDECART || {}; window.HSSLIDECART.VERSION_GRAPHQL = '2024-04'; window.HSSLIDECART.ROUTE_GRAPHQL = "https://047650-2.myshopify.com/api/2024-04/graphql.json"; window.HSSLIDECART.QUERY_GRAPHQL ={ ADD_DISCOUNT:`mutation cartDiscountCodesUpdate($cartId: ID!, $discountCodes: [String!]) { cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) { cart { lines(first: 100){ nodes { merchandise { ... on ProductVariant { id image{ url } product{ handle } title } } discountAllocations{ discountedAmount{ amount currencyCode } } } } discountCodes { code applicable } discountAllocations{ discountedAmount{ amount } } cost { subtotalAmount { amount } totalAmount{ amount } } } } }` } </script><!-- END app snippet --><!-- BEGIN app snippet: hs-cart-drawer --><script> window.HSSLIDECART = window.HSSLIDECART || {}; window.HSSLIDECART = window.HSSLIDECART || {}; window.HSSLIDECART.setSettings = {}; window.HSSLIDECART.setSettings = {}; window.HSSLIDECART.money_html = `€10,00`; window.HSSLIDECART.money_currency_html = `€10,00 EUR`; window.HSSLIDECART.shop_url = "047650-2.myshopify.com"; window.HSSLIDECART.apk = "d53eb6a42dc5c882f52ed0f156d9c8da"; window.HSSLIDECART.auth = "3c18b47451de8b45f5ccf12f15b07138"; </script> <link href="//cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-swiper-bundle.min.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" integrity="sha256-+1jhGsfZNQccvv6BwELTNLvxDrxMaZEx/5dGdHwG8sc=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-swiper-bundle.min.js" defer></script> <script type="text/javascript" integrity="sha256-DlQW8UXnvxbFhQQ1bHMv5+mWcfRpYZTFsUCiUtsC8K8=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-handlebars.min.js" defer="defer"></script> <script type="text/javascript" integrity="sha256-F1AAEBCC/sMDbtNxYhZ++XJObfRE/6RqCoX0mtLShak=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-confetti.min.js" defer></script> <script type="text/javascript" integrity="sha256-UCibPrr3SJ0Ph15TtUKV/eHIuCrflEalqFmkIKAanpY=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-circle-progress.js" defer></script> <script type="text/javascript" integrity="sha256-MlyhQ8az7hizNEd5by5N5mb5IBD/iWJgCVC2bLgT62M=" crossorigin="anonymous" src="https://cdn.shopify.com/extensions/2de884fc-faee-419d-985f-3edced395805/iacart-cart-upsell-cart-drawer-242/assets/hs-sl-cart.js" defer></script> <!-- END app snippet --><!-- BEGIN app snippet: hs-product --><script> window.HSSLIDECART.SHOP = {}; window.HSSLIDECART.SHOP.secure_url = 'https://klemklem.com'; window.HSSLIDECART.CART = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.HSSLIDECART.TOTAL_SAVE = 0; </script><!-- END app snippet --><!-- BEGIN app snippet: hs-cart-drawer-subscriptions --><div class='hs-customer-session'><form action="/cart" method="post" style="display:none;"><label for="hs-checkout-bold">Checkout:</label><input type="submit" name="checkout" id="hs-checkout-bold" value="Check Out" /><label for="agree">Agree:</label><input type="checkbox" id="agree" checked="checked" /></form></div><!-- END app snippet --> </div><div id="shopify-block-8924079168617604943" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: alireviews_variables --><script type=text/javascript>if( !window.hasOwnProperty('__AR_VARIABLE_INJECT')){ window['__AR_SHOPIFY_DATA'] = typeof Shopify != 'undefined' ? Shopify : {}; window['__AR_WIDGET_REVIEW_OBJECT']= { product_id : "", collection_id: "497651810569", template_id: "collection", shop_id: "69988417801", shop_name: "047650-2.myshopify.com", name: "Klem Klem", customer_id : "", tags : "", design_mode : false, theme_id: window['__AR_SHOPIFY_DATA'].theme && window['__AR_SHOPIFY_DATA'].theme.id || '', locale: "fr", page_type: "collection", product_in_card : "", total_order_values : "0", last_purchase: "", } window['__AR_WIDGET_REVIEW_POPUP_DETAIL_SETTING'] = null window['__AR_WIDGET_REVIEW_POPUP_DETAIL_CONTENTS'] = null window['__AR_BETA_PROMO_BADGE_DATA'] = null window['__AR_VARIABLE_INJECT'] = 1 }</script><!-- END app snippet --> <!-- BEGIN app snippet: alireviews_metafield --> <!-- END app snippet --> <!-- BEGIN app snippet: config_widget_review_box --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1; window['__AR_WIDGET_REVIEW_BOX'] = 1; window['__AR_WIDGET_REVIEW_BOX_SETTING'] = {"layout":"slider","show_summary_section":true,"show_custom_questions_rating":false,"show_cta_buttons":true,"show_qna_section":false,"show_tabs":false,"show_search_box":true,"show_filter":true,"show_sorting":true,"reviews_per_loading_grid":12,"reviews_per_loading_list":5,"number_of_reviews_slider":8,"your_brand_color":"rgba(33,33,33,1)","primary_text_color":"rgba(40,41,61,1)","secondary_text_color":"rgba(143,144,166,1)","border_radius":6,"font_size":14,"rating_icon_spacing":2,"font_family":"inherit","section_background":"rgba(255,255,255,1)","heading_text_font_size":26,"body_text_font_size":14,"accessory_text_font_size":12,"box_shadow":"none","enable_auto_play":true,"auto_play_speed":5,"enable_infinite_loop":true,"slide_behavior":"one_item","max_width":1200,"rating_icon_shape":"default","rating_icon_filled_color":"rgba(250,173,20,1)","rating_icon_empty_color":"rgba(204,204,204,1)","show_rating_icon_border":false,"rating_icon_border_color":"rgba(255,122,0,1)","rating_icon_size":14,"button_background":"rgba(40,41,61,1)","button_text_color":"rgba(255,255,255,1)","links_color":"rgba(40,41,61,1)","button_outline_color":"rgba(228,228,235,1)","card_background_color":"rgba(255,255,255,1)","show_card_border":true,"card_border_color":"rgba(228,228,235,1)","show_review_media":true,"show_review_star":true,"customer_avatar":"auto","customer_name_format":"full_name","show_reviewer_country_flag":true,"show_verified_badge":true,"verified_badge_color":"rgba(6,136,80,1)","show_reaction_icon":true,"show_positive_reactions_only":false,"show_published_date":true,"qna_show_reaction_icon":true,"qna_customer_name_format":"full_name","qna_show_customer_country_flag":true,"qna_show_positive_reactions_only":false,"qna_show_published_date":true,"write_a_review_mode":"new_section","ask_a_question_mode":"new_section","show_title":true,"show_average_rating":true,"show_rating_distribution":true,"default_reviews_sorting":"by_date","show_questions_sorting":false,"default_questions_sorting":"newest_first","show_questions_search_box":false,"custom_css":null,"date_format":"ll","qna_date_format":"ll","hide_for_products_without_reviews":false,"margin_top":20,"margin_bottom":20}; window['__AR_WIDGET_REVIEW_BOX_CONTENTS'] = {"fr":{"summary_section_title":"Avis des clients","summary_review_singular_format":"[review_number] critique","summary_review_plural_format":"[review_number] critiques","summary_review_submit_label":"Écrire un avis","summary_qna_submit_label":"Posez une question","summary_discount_amount":"Obtenez une remise [discount_amount]","review_empty_title":"Il n'y a pas encore d'avis de clients","review_empty_content":"Soyez le premier à partager vos pensées avec d'autres clients.","qna_empty_title":"Il n'y a pas encore de questions","qna_empty_content":"N'hésitez pas à partager vos préoccupations avec nous.","review_load_more":"Charger plus","review_count":"Avis ([reviews_count])","qna_question_count":"Questions ([questions_count])","review_filter_by":"Filtrer","review_filter_clear":"Éclaircir","review_sort_by_date":"Trier par date","review_sort_by_rating":"Trier par note","review_sort_by_content":"Trier par contenu","qna_sort_by_date":"Trier par date","review_section_title":"Écrire un avis","review_rating_label":"Note","review_rating_empty":"Veuillez nous donner votre note","review_upload_label":"Ajouter des médias","review_upload_max_photo_size":"Taille maximale de téléchargement de la photo : 10 MB","review_upload_max_video_size":"Taille maximale de téléchargement de la vidéo : 100 MB","review_upload_max_attachments":"Pièces jointes maximales : 5 éléments","review_upload_incorrect_format":"Le fichier doit être au format .jpg, .png, .gif, .mp4 ou .mov","review_content_label":"Commentaires","review_content_placeholder":"Partagez vos pensées sur le produit","review_content_required":"Ce champ est requis","review_name_label":"Nom","review_name_placeholder":"Entrez votre nom","review_name_required":"Ce champ est requis","review_email_label":"Courriel","review_email_placeholder":"Entrez votre courriel","review_email_invalid":"Format de courriel non valide","review_email_required":"Ce champ est requis","review_submit_label":"Soumettre l'avis","review_cancel_label":"Annuler","review_discount_suggestion":"Téléchargez votre avis avec des photos ou des vidéos pour obtenir une remise de [discount_amount] immédiatement !","review_thank_you_title":"Merci !","review_thank_you_content":"Merci d'être l'un de nos histoires de réussite !","review_discount_content":"Prenez votre coupon de réduction [discount_amount] maintenant","review_shop_now":"Magasiner maintenant","review_discount_expiry_date":"Date d'expiration : [expiry_date]","qna_section_title":"Écrire une question","qna_question_label":"Question","qna_question_placeholder":"Écrivez votre question icimp est requis","qna_question_required":"Ce champ est requis","qna_name_label":"Nom","qna_name_placeholder":"Entrez votre nom","qna_name_required":"Ce champ est requis","qna_email_label":"Courriel","qna_email_placeholder":"Entrez votre courriel","qna_email_invalid":"Format de courriel non valide","qna_email_required":"Ce champ est requis","qna_submit_label":"Soumettre la question","qna_cancel_label":"Annuler","qna_thank_you_title":"Merci !","qna_thank_you_content":"Merci d'être l'un de nos histoires de réussite !","review_sort_by_media":"Trier par média","qna_sort_by_date_newest":"Les plus récents en premier","qna_sort_by_date_oldest":"Les plus anciens en premier","qna_load_more":"Charger plus","qna_search_box_placeholder":"Rechercher des questions","qna_see_more":"Voir plus","qna_helpful":"Cela vous a-t-il été utile ?","review_search_box_placeholder":"Rechercher des avis","review_see_more":"Voir plus","review_verified_purchase":"Achat vérifié","review_not_verified_purchase":"Notation","review_helpful":"Cela vous a-t-il été utile ?","review_empty":"Il n'y a pas encore d'avis de clients.","custom_question_required":"Ce champ est requis"}}; window['__AR_WIDGET_REVIEW_BOX_SUMMARY'] = null; </script><!-- END app snippet --> <!-- BEGIN app snippet: config_widget_review_star_rating --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1 window['__AR_WIDGET_REVIEW_STAR_RATING'] = 1; window['__AR_WIDGET_REVIEW_STAR_RATING_SETTING'] = {"primary_text_color":"rgba(28,28,40,1)","secondary_text_color":"rgba(143,144,166,1)","body_text_font_size":14,"accessory_text_font_size":12,"border_radius":6,"font_family":"inherit","hidden_no_review_product_page":false,"hidden_no_review_product_items":false,"show_star_rating_detail":true,"abbreviate_the_review_number":false,"rating_icon_shape":"default","rating_icon_spacing":2,"rating_icon_filled_color":"rgba(40,41,61,1)","rating_icon_empty_color":"rgba(217,217,217,1)","show_rating_icon_border":false,"rating_icon_border_color":"rgba(40,41,61,1)","rating_icon_size":16,"custom_css":null}; window['__AR_WIDGET_REVIEW_STAR_RATING_CONTENTS'] = []; </script><!-- END app snippet --> <!-- BEGIN app snippet: config_widget_review_tab --><script type=text/javascript> window['__AR_WIDGET_REVIEW_TAB'] = 0; </script><!-- END app snippet --> <!-- BEGIN app snippet: config_widget_review_popup --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1; window['__AR_WIDGET_REVIEW_POPUP'] = 0; </script><!-- END app snippet --> <!-- BEGIN app snippet: config_widget_reviews_carousel --><script type=text/javascript>window['__AR_WIDGET_VERSION'] = 1 window['__AR_WIDGET_REVIEW_CAROUSEL'] = 0 </script><!-- END app snippet --> <script type='text/javascript'> window['__AR_WIDGET_VERSION'] = 1; window['__AR_CORE_SNIPPET'] = 1; </script> </div><div id="shopify-block-14684659138027382045" class="shopify-block shopify-app-block"> <!-- XO Gallery: https://apps.shopify.com/xo-gallery --> <link href="https://cdn.shopify.com/extensions/a8998fea-8258-4cdf-afcd-0e7e9b0b720f/xo-gallery-43/assets/xo-gallery.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://cdn.xotiny.com/assets/shop/047650-2/gallery/main.min.css?v=1707341144390" rel="stylesheet" type="text/css" media="all" /> <script>var xoUpdate =1707341144390;var xoMultiLang =false; var xoDfLang ="fr"; var xogMoneyFormat = `€{{amount_with_comma_separator}}`;</script> <script src="https://cdn.shopify.com/extensions/a8998fea-8258-4cdf-afcd-0e7e9b0b720f/xo-gallery-43/assets/xo-gallery.js" defer="defer" type="module"></script> <!-- End: XO Gallery --> </div></body> </html>