(function () { var SELECTOR = '[data-sgcd-ship]'; // Messages par langue (marchés EU / autres) var I18N = { fr: 'En stock, expédié sous 1-2 jours', en: 'In stock — ships next business day', de: 'Jetzt bestellen — Versand in 1-2 Tagen', es: 'Compra ahora — envío en 1-2 días', it: 'Ordina ora — spedito in 1-2 giorni' }; var I18N_FALLBACK = 'Buy now — orders shipped within 1-2 days'; // ISO du pays sélectionné via le sélecteur de pays Shopify function getCountry() { if (window.Shopify && Shopify.country) return String(Shopify.country).toUpperCase(); return ''; } // ISO langue (2 lettres) via Shopify.locale function getLang() { var l = (window.Shopify && Shopify.locale) ? String(Shopify.locale) : 'fr'; return l.slice(0, 2).toLowerCase(); } // Fenêtre 7–10 jours OUVRÉS (samedi/dimanche exclus) — US uniquement function computeWindow() { var cur = new Date(); var bd = 0, d7 = null, d10 = null, guard = 0; while (bd < 10 && guard < 40) { cur.setDate(cur.getDate() + 1); guard++; var dow = cur.getDay(); // 0 = dimanche, 6 = samedi if (dow !== 0 && dow !== 6) { bd++; if (bd === 7) d7 = new Date(cur); if (bd === 10) d10 = new Date(cur); } } return (d7 && d10) ? { d7: d7, d10: d10 } : null; } // Format MM/DD pour les US function fmt(d) { return ('0' + (d.getMonth() + 1)).slice(-2) + '/' + ('0' + d.getDate()).slice(-2); } // Construit le message selon le marché // Retourne { html: true, value } pour les US (dates stylées), sinon texte brut. function buildMessage() { if (getCountry() === 'US') { var w = computeWindow(); if (w) { return { html: true, value: 'Order today — estimated delivery ' + '' + fmt(w.d7) + ' – ' + fmt(w.d10) + '' }; } // si le calcul échoue, on retombe sur le message générique EN return { html: false, value: I18N.en }; } return { html: false, value: I18N[getLang()] || I18N_FALLBACK }; } function paint(el) { var t = el.querySelector('.sgcd-ship__text'); if (t) { var m = buildMessage(); if (m.html) { t.innerHTML = m.value; } else { t.textContent = m.value; } } el.hidden = false; } function run() { document.querySelectorAll(SELECTOR).forEach(paint); } // Run initial if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); } // Le cart drawer (Corner) se re-render à chaque update du panier : // on repeint le badge quand le DOM change, avec debounce via rAF. var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; run(); }); } new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); })(); /* ======================================================================= SHINE AND GLORY — Cart Custom JS (v14f) ======================================================================= */ /* ====================================================================== BLOC 1 — CART CONTROLLER (total natif uniquement) ====================================================================== */ (function() { 'use strict'; const WATCHDOG_MS = 1500; let lastSignature = ''; let isRendering = false; let fetchInFlight = null; function reveal() { try { const w = document.getElementById('corner-cowi-cart-summary-items-wrapper'); if (w) w.classList.add('sg-total-ready'); } catch(e) {} } setTimeout(reveal, WATCHDOG_MS); try { if (!document.getElementById('sg-cart-style')) { const s = document.createElement('style'); s.id = 'sg-cart-style'; s.textContent = ` #corner-cowi-cart-summary-items-wrapper:not(.sg-total-ready) #corner-cowi-cart-cta-total-price-wrapper { visibility: hidden !important; } #corner-cowi-cart-custom-html-below-item { border-top: 0 !important; } `; document.head.appendChild(s); } } catch(e) {} function getCornerState() { try { const totalEl = document.querySelector('#corner-cowi-cart-cta-total-price-wrapper span:last-child span'); const items = document.querySelectorAll('.corner-cowi-cart-item'); let totalQty = 0; items.forEach(function(it) { totalQty += parseInt(it.getAttribute('data-quantity') || 0); }); const totalText = totalEl ? totalEl.textContent.trim() : ''; return { totalText: totalText, qty: totalQty, signature: totalText + '|' + totalQty }; } catch(e) { return null; } } function fetchCart() { if (fetchInFlight) return fetchInFlight; try { const controller = new AbortController(); const timeoutId = setTimeout(function() { controller.abort(); }, 2500); fetchInFlight = fetch('/cart.js', { signal: controller.signal }) .then(function(r) { clearTimeout(timeoutId); if (!r.ok) throw new Error('fail'); return r.json(); }) .catch(function() { return null; }) .finally(function() { fetchInFlight = null; }); return fetchInFlight; } catch(e) { fetchInFlight = null; return Promise.resolve(null); } } function renderCart(cart) { if (isRendering) return; if (!cart || typeof cart.item_count !== 'number') return; isRendering = true; try { try { document.body.setAttribute('data-sg-item-count', cart.item_count); document.body.setAttribute('data-sg-cart-total', cart.total_price); } catch(e) {} try { const itemsWrapper = document.getElementById('corner-cowi-cart-summary-items-wrapper'); if (itemsWrapper) itemsWrapper.classList.add('sg-total-ready'); } catch(e) { reveal(); } } catch(e) { reveal(); } finally { const state = getCornerState(); if (state) lastSignature = state.signature; setTimeout(function() { isRendering = false; }, 100); } } function syncCheck() { if (isRendering) return; const state = getCornerState(); if (!state) return; if (state.signature === lastSignature) return; fetchCart().then(function(cart) { if (cart) renderCart(cart); else reveal(); }); } window.__sgSyncCart = function() { fetchCart().then(function(cart) { if (cart) renderCart(cart); else reveal(); }); }; try { fetchCart().then(function(cart) { if (cart) renderCart(cart); else reveal(); }); } catch(e) { reveal(); } try { let tick = null; const observer = new MutationObserver(function() { if (isRendering) return; if (tick) clearTimeout(tick); tick = setTimeout(function() { tick = null; syncCheck(); }, 60); }); observer.observe(document.body, { childList: true, subtree: true }); } catch(e) { reveal(); } try { setInterval(syncCheck, 800); } catch(e) {} })(); /* ====================================================================== BLOC 2 — Init attrs + hydrate + kill Corner native progress bar ====================================================================== */ try { (function() { if (!document.body.hasAttribute('data-sg-item-count')) { document.body.setAttribute('data-sg-item-count', '0'); } if (!document.body.hasAttribute('data-sg-cart-total')) { document.body.setAttribute('data-sg-cart-total', '0'); } // Kill la barre verte native Corner sous le Total if (!document.getElementById('sg-kill-corner-meter')) { const style = document.createElement('style'); style.id = 'sg-kill-corner-meter'; style.innerHTML = ` #corner-cowi-cart-goal-meter-wrapper, #corner-cowi-cart-goal-meter, #corner-cowi-cart-summary-items-wrapper > [class*="goal-meter"], #corner-cowi-cart-summary-items-wrapper > div[style*="background"]:not(#corner-cowi-cart-cta-total-price-wrapper):not(#corner-cowi-cart-summary-shipping) { display: none !important; height: 0 !important; visibility: hidden !important; } `; document.head.appendChild(style); } function hydrateCartTotal() { fetch('/cart.js') .then(function(r) { return r.ok ? r.json() : null; }) .then(function(cart) { if (cart && typeof cart.total_price === 'number') { document.body.setAttribute('data-sg-cart-total', cart.total_price); } if (cart && typeof cart.item_count === 'number') { document.body.setAttribute('data-sg-item-count', cart.item_count); } }) .catch(function() {}); } function updateCornerCartVisibility() { const cartItems = document.querySelectorAll('.corner-cowi-cart-item'); let totalQty = 0; cartItems.forEach(item => { totalQty += parseInt(item.getAttribute('data-quantity') || 0); }); const current = document.body.getAttribute('data-sg-item-count'); if (current === null || (current === '0' && totalQty > 0) || (current !== '0' && totalQty === 0 && cartItems.length === 0)) { document.body.setAttribute('data-sg-item-count', totalQty); hydrateCartTotal(); } } hydrateCartTotal(); updateCornerCartVisibility(); const observer = new MutationObserver(updateCornerCartVisibility); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-quantity'] }); })(); } catch(e) { console.error("Erreur init:", e); } /* ====================================================================== BLOC 3 — Takeover du cart goal natif Corner (v14f) Réécrit le goal text de Corner + barre noire dessous + marge top + icône check en glyphe texte + restriction marché US ====================================================================== */ (function () { 'use strict'; const THRESHOLD_CENTS = 8500; const BAR_ID = 'sg-cart-goal-bar'; const SG_FLAG = 'data-sg-goal'; const GOAL_CONTAINER_ID = 'corner-cowi-cart-custom-html-below-item'; const GOAL_PAD_TOP = 20; // <-- marge au-dessus du goal, ajuste ici const US_ONLY = true; // <-- le goal ne s'affiche QUE sur le marché US // Glyphe texte : aucune règle CSS du thème (svg{...}) ne peut l'agrandir. // \uFE0E force le rendu texte (pas emoji) sur iOS -> la couleur s'applique. const CHECK_ICON = '\u2713\uFE0E'; function getCopy(remaining) { const r = Math.ceil(remaining); return { fr: `Plus que ${r}$ pour la livraison gratuite.`, en: `$${r} left — shipping turns free.`, de: `Noch ${r}$ bis zum kostenlosen Versand.`, es: `Te faltan ${r}$ para el envío gratis.`, it: `Ti mancano ${r}$ per la spedizione gratuita.` }; } const COPY_UNLOCKED = { fr: 'Livraison offerte débloquée', en: 'Free tracked shipping unlocked.', de: 'Kostenloser Versand freigeschaltet', es: 'Envío gratis desbloqueado', it: 'Spedizione gratuita sbloccata' }; function detectLang() { try { let l = 'en'; if (window.Shopify && window.Shopify.locale) l = window.Shopify.locale; else l = document.documentElement.lang || 'en'; l = l.toLowerCase().substring(0, 2); return COPY_UNLOCKED[l] ? l : 'en'; } catch(e) { return 'en'; } } // Le goal (seuil $85, copy en $) ne vaut que pour le marché US. function isUsMarket() { try { if (typeof window.__sgGoalMarket === 'string') { return window.__sgGoalMarket.toUpperCase() === 'US'; } if (window.Shopify) { if (typeof Shopify.country === 'string') { return Shopify.country.toUpperCase() === 'US'; } if (Shopify.currency && Shopify.currency.active) { return Shopify.currency.active.toUpperCase() === 'USD'; } } } catch(e) {} return false; // par défaut : on n'affiche pas } // ===== CSS ===== try { if (!document.getElementById('sg-goal-style')) { const s = document.createElement('style'); s.id = 'sg-goal-style'; s.textContent = ` #${BAR_ID} { margin-top: 3px; height: 3px; border-radius: 99px; background: rgba(0, 0, 0, 0.1); overflow: hidden; } #${BAR_ID} > div { height: 100%; border-radius: 99px; transition: width .4s ease; background: #000; width: 0%; } `; document.head.appendChild(s); } } catch(e) {} // Trouve l'élément texte du cart goal natif Corner function findCornerGoalText() { const belowItem = document.getElementById(GOAL_CONTAINER_ID); if (belowItem) { const children = belowItem.children; for (let i = 0; i < children.length; i++) { const child = children[i]; if (child.id === BAR_ID) continue; const txt = child.textContent || ''; if (txt.includes('shipping') || txt.includes('livraison') || txt.includes('Versand') || txt.includes('envío') || txt.includes('spedizione') || txt.includes('away') || txt.includes('unlocked') || txt.includes('débloquée') || child.getAttribute(SG_FLAG)) { return child; } } if (children.length > 0 && children[0].id !== BAR_ID) return children[0]; } const allEls = document.querySelectorAll('#corner-cowi-cart-wrapper p, #corner-cowi-cart-wrapper span, #corner-cowi-cart-wrapper div'); for (let i = 0; i < allEls.length; i++) { const el = allEls[i]; if (el.id === BAR_ID) continue; const t = el.textContent || ''; if ((t.includes('away from free') || t.includes('unlocked free') || t.includes('livraison') || el.getAttribute(SG_FLAG)) && el.children.length <= 2) { return el; } } return null; } function ensureBar(afterEl) { let bar = document.getElementById(BAR_ID); if (!bar) { bar = document.createElement('div'); bar.id = BAR_ID; const fill = document.createElement('div'); bar.appendChild(fill); afterEl.parentNode.insertBefore(bar, afterEl.nextSibling); } if (bar.previousElementSibling !== afterEl) { afterEl.parentNode.insertBefore(bar, afterEl.nextSibling); } return bar; } // Marge top + alignement gauche/droite du slot goal sur la marge du drawer. function alignGoalContainer() { try { const container = document.getElementById(GOAL_CONTAINER_ID); if (!container) return; container.style.boxSizing = 'border-box'; container.style.paddingTop = GOAL_PAD_TOP + 'px'; const ref = document.querySelector('.corner-cowi-cart-item img') || document.querySelector('.corner-cowi-cart-item'); if (!ref) return; const pad = Math.round( ref.getBoundingClientRect().left - container.getBoundingClientRect().left ); if (pad > 2 && pad < 80) { container.style.paddingLeft = pad + 'px'; container.style.paddingRight = pad + 'px'; } } catch(e) {} } function sync() { try { const qty = parseInt(document.body.getAttribute('data-sg-item-count') || '0', 10); const totalCents = parseInt(document.body.getAttribute('data-sg-cart-total') || '0', 10); const lang = detectLang(); if (qty <= 0) return; const goalEl = findCornerGoalText(); if (!goalEl) return; // Hors marché US : on masque tout et on sort. if (US_ONLY && !isUsMarket()) { goalEl.removeAttribute(SG_FLAG); const bar = document.getElementById(BAR_ID); if (bar) bar.style.display = 'none'; return; } const isUnlocked = totalCents >= THRESHOLD_CENTS; const pct = Math.min(100, Math.round((totalCents / THRESHOLD_CENTS) * 100)); const remaining = (THRESHOLD_CENTS - totalCents) / 100; goalEl.setAttribute(SG_FLAG, '1'); alignGoalContainer(); goalEl.style.cssText = "font-family:'Cabin',sans-serif;font-weight:400;font-size:13px;line-height:1.4;color:#000 !important;letter-spacing:0.005em;display:inline-block;"; if (isUnlocked) { const txt = COPY_UNLOCKED[lang]; const fullHTML = '' + txt + '' + CHECK_ICON; if (goalEl.innerHTML !== fullHTML) goalEl.innerHTML = fullHTML; const bar = document.getElementById(BAR_ID); if (bar) bar.style.display = 'none'; } else { const copies = getCopy(remaining); const txt = copies[lang]; if (goalEl.textContent !== txt || goalEl.children.length > 0) { goalEl.innerHTML = ''; goalEl.textContent = txt; } const bar = ensureBar(goalEl); bar.style.display = ''; const textWidth = goalEl.offsetWidth; if (textWidth > 0) { bar.style.width = textWidth + 'px'; } const fill = bar.firstElementChild; if (fill) fill.style.width = pct + '%'; } } catch(e) {} } function deferredSync() { setTimeout(sync, 200); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', deferredSync); } else { deferredSync(); } try { const attrObs = new MutationObserver(function() { setTimeout(sync, 100); }); attrObs.observe(document.body, { attributes: true, attributeFilter: ['data-sg-item-count', 'data-sg-cart-total'] }); } catch(e) {} try { let tick = null; const domObs = new MutationObserver(function() { if (tick) clearTimeout(tick); tick = setTimeout(sync, 200); }); domObs.observe(document.body, { childList: true, subtree: true }); } catch(e) {} try { setInterval(sync, 1000); } catch(e) {} })(); /* ====================================================================== BLOC 4 — Refresh container Corner sur édition panier ====================================================================== */ async function refreshCartContainer() { const selector = '#corner-dynamic-checkout-cart-container'; try { const response = await fetch(window.location.href); const htmlText = await response.text(); const parser = new DOMParser(); const doc = parser.parseFromString(htmlText, 'text/html'); const newElement = doc.querySelector(selector); const currentElement = document.querySelector(selector); if (newElement && currentElement) { currentElement.replaceWith(newElement); } } catch (error) { console.error('Error refreshing cart container:', error); } } corner.on("onCartEdit", () => { refreshCartContainer().then(() => { setTimeout(() => { if (window.__sgSyncCart) window.__sgSyncCart(); }, 120); }); });

Pull en Maille "Circle Star"

Vu sur vous :

Ta sélection est carrée.