<!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>
