Men’s Wrapt Sneakers

Avec sa semelle en caoutchouc unique, son laçage traditionnel, sa facilité à enfiler et à retirer, ainsi que le chaussant de notre célèbre collection de Chaussures minimalistes, ce modèle hybride à profil bas offre la sensation de marcher pieds nus avec une touche de modernité. CARACTÉRISTIQUES
• Tige en cuir de porc suédé imperméable
• Tige ripstop légère et résistante
• Fermeture à lacets traditionnels
• Col rembourré
• Doublure en maille respirante 100 % recyclée
• Revêtement de la semelle intérieure en maille 100 % recyclée
• Traitement Cleansport NXT™ pour un contrôle naturel des odeurs
• Semelle intérieure intégrée en mousse EVA
• La construction des Chaussures minimalistes Merrell Barefoot 2 est conçue pour maintenir le pied dans une position naturelle
• Construction interne en EVA plus souple et plus légère
• Semelle extérieure en caoutchouc durable Merrell Quantum Grip™ qui inspire confiance dans les environnements de trail les plus extrêmes
• Poids d’une demi-paire : 0 lb 10,23 oz, 290 g
• Dénivelé : 0 mm

Compléter le look

/* projects/merrell-complete-the-look/template:scripts/script.js */ »use strict »;(() => { // projects/merrell-complete-the-look/scripts/cross-sell-map.js var crossSellMap = { « 60744M »: [« 60746M », « 60748M », « 60760M », « 17703M »], « 60746M »: [« 60744M », « 60748M », « 60760M », « 17703M »], « 60748M »: [« 60746M », « 60744M », « 60760M », « 17703M »], « 60753M » : [« 60758M », « 60748M », « 60812U »], « 60745W » : [« 60747W », « 60749W », « 60930W », « 16256W »], « 60747W » : [« 60745W », « 60749W », « 60930W », « 16256W »], « 60749W » : [« 60745W », « 60747W », « 60930W », « 16256W »], « 60628W » : [« 60755W », « 60700W », « 60738U »], « 17703M » : [« 61113M », « 61081M », « 61085U »], « 44491W »: [« 61086W », « 61087W », « 61085U »], « 60644M »: [« 61092M », « 61081M », « 61084U »], « 16256W » : [« 61107W », « 61111W », « 60735U »] }; // projects/merrell-complete-the-look/scripts/pdp-utils.js function getCurrentProductId() { return window.dataLayer[2].product_id; } // projects/Merrell-complete-the-look/scripts/api.js var API_URL = « https://fedapps.wolverineworldwide.com »; var PRODUCTS_ENDPOINT = « /api/products »; function getSiteParams() { const siteId = window.CQuotient?.siteId || « merrell_us »; const locale = window.CQuotient?.locale?.replace(« _ », « -« ) || « en-US »; return { siteId, locale }; } async function fetchProducts(styleCodes) { const { siteId, locale } = getSiteParams(); const url = new URL(`${API_URL}${PRODUCTS_ENDPOINT}`); url.searchParams.append(« ids », styleCodes.join(« , »)); url.searchParams.append(« siteId », siteId); url.searchParams.append(« locale », locale); const response = await fetch(url); if (!response.ok) { throw new Error(`Échec de la récupération des produits : ${response.status}`); } return response.json(); } // projects/merrell-complete-the-look/scripts/script.js function renderSlide(product) { return `

${product.name}

`; } function initCarousel() { const root = document.querySelector(« #complete-the-look »); const viewportNode = root.querySelector(« .ctl-carousel-viewport »); const prevButton = root.querySelector(« .ctl-btn-prev »); const nextButton = root.querySelector(« .ctl-btn-next »); const scrollbarNode = root.querySelector(« .ctl-progress »); const carousel = EmblaCarousel(viewportNode, { align: « start », skipSnaps: true }); const hideClass = « carousel-hide »; const canNotScroll = () => !carousel.canScrollNext() && !carousel.canScrollPrev(); function handleInit(isReInit = false) { function updateButtons() { if (!prevButton || !nextButton) return; function setButtonStates() { prevButton.toggleAttribute(« disabled », !carousel.canScrollPrev()); nextButton.toggleAttribute(« disabled », !carousel.canScrollNext()); } if (canNotScroll()) { prevButton.classList.add(hideClass); nextButton.classList.add(hideClass); } else { prevButton.classList.remove(hideClass); nextButton.classList.remove(hideClass); } if (!isReInit) { prevButton.addEventListener(« click », () => carousel.scrollPrev()); nextButton.addEventListener(« click », () => carousel.scrollNext()); carousel.on(« select », setButtonStates); } setButtonStates(); } function updateScrollbar() { if (!scrollbarNode) return; function setScrollProgress() { const rootNode = carousel.rootNode(); const containerNode = carousel.containerNode(); const rootWidth = rootNode.clientWidth; const containerWidth = containerNode.scrollWidth; const visibleRatio = containerWidth ? Math.min(1, rootWidth / containerWidth) : 1; const progress = Math.max(0, Math.min(1, carousel.scrollProgress())); const viewportCoverageRatio = progress * (1 – visibleRatio) + visibleRatio; const progressPercent = Math.ceil(viewportCoverageRatio * 1e3) / 10; scrollbarNode.style.setProperty( « –scroll-progress », `${progressPercent}%` ); } if (canNotScroll()) { scrollbarNode.classList.add(hideClass); } else { scrollbarNode.classList.remove(hideClass); } carousel.on(« scroll », setScrollProgress); setScrollProgress(); } updateButtons(); updateScrollbar(); } function reInit() { carousel.reInit({ watchDrag: !canNotScroll() }); } window.addEventListener(« resize », () => { clearTimeout(window.__ctlResizeTimer); window.__ctlResizeTimer = setTimeout(reInit, 150); }); carousel.on(« init », () => { handleInit(); reInit(); }); carousel.on(« reInit », () => handleInit(true)); } function initToggle() { const root = document.querySelector(« #complete-the-look »); const toggle = root.querySelector(« .ctl-toggle »); const carousel = root.querySelector(« .ctl-carousel »); const controls = root.querySelector(« .ctl-controls »); toggle.addEventListener(« click », () => { const collapsed = toggle.classList.toggle(« is-collapsed »); carousel.style.display = collapsed ? « none » : «  »; controls.style.display = collapsed ? « none » : «  »; }); } fedlib.pollForDataLayer(async function() { const productId = getCurrentProductId(); console.log(« [CTL] productId: », productId); if (!productId) return; const recommendations = crossSellMap[productId]; console.log(« [CTL] recommandations: », recommandations); if (!recommandations) return; const donnéesProduits = await fetchProduits(recommandations); console.log(« [CTL] donnéesProduits: », donnéesProduits); const produits = donnéesProduits.data || []; if (!products.length) return; let enrichedProducts; try { enrichedProducts = products.map((product) => { const slugUrl = new URL(product.slugUrl, location.origin); return { name: product.name, price: product.price, image: product.imageGroups[0].images[0].link, url: slugUrl.href }; }); } catch (e) { console.error(« [CTL] erreur enrichedProducts : », e, products); return; } const root = document.querySelector(« #complete-the-look »); console.log(« [CTL] root : », root); if (!root) return; try { const container = root.querySelector(« .ctl-carousel-container »); container.innerHTML = enrichedProducts.map(renderSlide).join(«  »); const productDescCol = root.closest(« .bfx-product-desc »); if (productDescCol) { const row = productDescCol.closest(« .row »); const insertAfter = row || productDescCol; insertAfter.after(root); } initCarousel(); initToggle(); console.log(« [CTL] terminé u2705 »); } catch (e) { console.error(« [CTL] erreur de rendu : », e); } });})();/* projects/merrell-complete-the-look/template:styles/style.scss */#complete-the-look { –ctl-padding-x: 0; –ctl-card-min-width: 265px; –ctl-card-max-width: 640px; –ctl-gap: 1rem; –ctl-progress-max-width: 265px; display: none;}@media (min-width: 768px) { #complete-the-look { –ctl-progress-max-width: 384px; }}@media (min-width: 1024px) { #complete-the-look { –ctl-card-min-width: 249px; –ctl-progress-max-width: 800px; }}.ctl { font-size: 1rem; color: var(–color-base); background: #fff; text-align: left;}.ctl * { -webkit-font-smoothing: antialiased; box-sizing: border-box;}.ctl a { color: inherit; text-decoration: none;}.ctl img { display: block; width: 100%; height: auto;}.ctl-wrapper { padding: 0 var(–ctl-padding-x); margin: 0 auto; max-width: max-content; border-top: 1px solid black;}.ctl-header { display: flex; padding: 1.5rem 0; align-items: center; justify-content: space-between;}.ctl-title { font-size: 1.5rem; margin: 0; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.48px;}.ctl-toggle { display: flex; height: auto; background: none; border: none; cursor: pointer; align-items: center; justify-content: center;}.ctl-toggle svg { width: 15px; transition : transform 0.3s ease ; height : 15px ;}.ctl-toggle.is-collapsed svg { transform : rotate(180deg) ;}.ctl-carousel { margin : 0 calc(var(–ctl-padding-x) * -1) ;}.ctl-carousel-viewport { overflow : hidden ; padding-inline: var(–ctl-padding-x);}.ctl-carousel-container { display: flex; gap: var(–ctl-gap); touch-action: pan-y pinch-zoom;}.ctl-slide { max-width: var(–ctl-card-max-width); flex: 0 0 auto; min-width: var(–ctl-card-min-width); flex: 1 0 0;}.ctl-slide-link { display: flex; flex-direction: column; background: #f2f2f2; border-radius: 1rem; overflow: hidden; height: 100%;}.ctl-slide-img-wrapper { display: flex; aspect-ratio: 1/1; overflow: hidden; align-items: center; justify-content: center;}.ctl-slide-img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply;}.ctl-slide-info { display: flex; padding: 1rem; align-items: center; gap: 0.5rem;}.ctl-slide-name { font-size: 1rem; margin: 0; flex: 1; font-weight: 500; line-height: 1.5rem;}.ctl-slide-arrow { display: flex; width: 26px; flex-shrink: 0; align-items: center; overflow: hidden;}.ctl-slide-arrow svg { width: 24px; height: auto; flex-shrink: 0;}.ctl-controls { display: flex; padding: 1rem 0; align-items: flex-start; justify-content: space-between; gap: 10.25rem;}@media (min-width: 1024px) { .ctl-controls { padding: 1.5rem 0; }}.ctl-btns { display: none; gap: 1rem;}@media (min-width: 1024px) { .ctl-btns { display: flex; }}.ctl-btn { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; background: #f2f2f2; border: none; border-radius: 9999px; cursor: pointer; padding: 0; transition: background 0.15s ease, opacity 0.15s ease;}.ctl-btn::after { content: «  »; display: block; width: 1rem; height: 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform 0.3s ease;}.ctl-btn[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.5;}.ctl-btn.carousel-hide { visibility: hidden;}.ctl-btn-prev::after { background-image: url(« data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTcgNi4zNjM5NUMxNy41NTIzIDYuMzYzOTUgMTggNi44MTE2NyAxOCA3LjM2Mzk1QzE4IDcuOTE2MjQgMTcuNTUyMyA4LjM2Mzk1IDE3IDguMzYzOTVWNy4zNjM5NVY2LjM2Mzk1Wk0wLjI5Mjg5MiA4LjA3MTA2Qy0wLjA5NzYzMTUgNy42ODA1NCAtMC4wOTc2MzE1IDcuMDQ3MzcgMC4yOTI4OTIgNi42NTY4NUw2LjY1Njg1IDAuMjkyODg1QzcuMDQ3MzggLTAuMDk3NjM5NiA3LjY4MDU0IC0wLjA5NzYzOTYgOC4wNzEwNyAwLjI5Mjg4NUM4LjQ2MTU5IDAuNjgzNDA5IDguNDYxNTkgMS4zMTY1NyA4LjA3MTA3IDEuNzA3MUwyLjQxNDIxIDcuMzYzOTVMOC4wNzEwNyAxMy4wMjA4QzguNDYxNTkgMTMuNDExMyA4LjQ2MTU5IDE0LjA0NDUgOC4wNzEwNyAxNC40MzVDNy42ODA1NCAxNC44MjU1IDcuMDQ3MzggMTQuODI1NSA2LjY1Njg1IDE0LjQzNUwwLjI5Mjg5MiA4LjA3MTA2Wk0xNyA3LjM2Mzk1VjguMzYzOTVIMVY3LjM2Mzk1VjYuMzYzOTVIMTdWNy4zNjM5NVoiIGZpbGw9IiMxOTE5MTkiLz4KPC9zdmc+ »);}@media (hover: hover) { .ctl-btn-prev:hover::after { transform: translateX(-30%); }}.ctl-btn-next::after { background-image: url(« data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMSA2LjM2Mzk1QzAuNDQ3NzE1IDYuMzYzOTUgMCA2LjgxMTY3IDAgNy4zNjM5NUMwIDcuOTE2MjQgMC40NDc3MTUgOC4zNjM5NSAxIDguMzYzOTVWNy4zNjM5NVY2LjM2Mzk1Wk0xNy43MDcxIDguMDcxMDZDMTguMDk3NiA3LjY4MDU0IDE4LjA5NzYgNy4wNDczNyAxNy43MDcxIDYuNjU2ODVMMTEuMzQzMSAwLjI5Mjg4NUMxMC45NTI2IC0wLjA5NzYzOTYgMTAuMzE5NSAtMC4wOTc2Mzk2IDkuOTI4OTMgMC4yOTI4ODVDOS41Mzg0MSAwLjY4MzQwOSA5LjUzODQxIDEuMzE2NTcgOS45Mjg5MyAxLjcwNzFMMTUuNTg1OCA3LjM2Mzk1TDkuOTI4OTMgMTMuMDIwOEM5LjUzODQxIDEzLjQxMTMgOS41Mzg0MSAxNC4wNDQ1IDkuOTI4OTMgMTQuNDM1QzEwLjMxOTUgMTQuODI1NSAxMC45NTI2IDE0LjgyNTUgMTEuMzQzMSAxNC40MzVMMTcuNzA3MSA4LjA3MTA2Wk0xIDcuMzYzOTVWOC4zNjM5NUgxN1Y3LjM2Mzk1VjYuMzYzOTVIMVY3LjM2Mzk1WiIgZmlsbD0iIzE5MTkxOSIvPgo8L3N2Zz4= »);}@media (hover: hover) { .ctl-btn-next:hover::after { transform: translateX(30%); }}@media (hover: hover) { .ctl-btn:hover { background: #ff803b; }}.ctl-progress-wrapper { display: flex; flex: 1; flex-direction: column; align-items: center; padding-top: 1rem;}@media (min-width: 1024px) { .ctl-progress-wrapper { padding-top: 1.5rem; }}.ctl-progress { position: relative; width: 100%; max-width: var(–ctl-progress-max-width); height: 4px; background: #e3e3e3; border-radius: 8px; overflow: hidden;}.ctl-progress::after { position: absolute; top: 0; left: 0; width: var(–scroll-progress, 0%); content: «  »; height: 100%; background: var(–color-base); border-radius: 8px; transition: width 0.1s ease;}.ctl-progress.carousel-hide { visibility: hidden;}