// Barre de progression livraison gratuite — tiroir panier Moon Bundles // À coller dans : Moon Bundles > Tiroir de panier > JavaScript Personnalisé // (choisir « Tous les paniers » pour que ça s'applique partout) // // - S'insère juste sous l'en-tête « Votre panier », visible sans scroller // - Barre minimaliste : message + jauge fine noire sur fond gris clair // - Montant restant dynamique (seuil lu depuis le réglage Hextom), progresse à chaque ajout/retrait // - FR pour les navigateurs francophones, EN sinon — aucun emoji // - Se réinsère automatiquement si l'app re-rend le tiroir (function () { if (window.__ppCartFsInit) return; window.__ppCartFsInit = true; /* ==================== RÉGLAGES ==================== */ var _fsb = (window.hextom_fsb_config && window.hextom_fsb_config.bars && window.hextom_fsb_config.bars[0]) || {}; var THRESHOLD_EUR = Number(_fsb.goal) > 0 ? Number(_fsb.goal) : 150; var isFr = (navigator.language || '').toLowerCase().indexOf('fr') === 0; var TXT_PROGRESS = isFr ? 'Plus que {amt} pour la livraison gratuite en Europe en point relais' : 'Only {amt} away from free pickup point delivery in Europe'; var TXT_REACHED = isFr ? 'Livraison gratuite en Europe en point relais obtenue' : 'Free pickup point delivery in Europe unlocked'; /* ================================================== */ var thresholdCents = THRESHOLD_EUR * 100; var euro = function (cents) { var v = (cents / 100).toFixed(2); if (isFr) return v.replace('.', ',').replace(/,00$/, '') + '€'; return '€' + v.replace(/\.00$/, ''); }; /* Styles injectés une seule fois */ var style = document.createElement('style'); style.textContent = '#pp-cartfs{padding:14px 16px 12px;font-family:inherit;}' + '#pp-cartfs .pp-cartfs-msg{margin:0 0 8px;font-size:13px;line-height:1.4;color:inherit;}' + '#pp-cartfs .pp-cartfs-msg strong{font-weight:700;}' + '#pp-cartfs .pp-cartfs-track{height:4px;background:#e8e8e8;border-radius:2px;overflow:hidden;}' + '#pp-cartfs .pp-cartfs-fill{height:100%;width:0;background:#111;border-radius:inherit;transition:width .45s cubic-bezier(.25,.8,.25,1);}'; document.head.appendChild(style); var lastHtml = null; var lastPct = null; function ensureBar() { var bar = document.getElementById('pp-cartfs'); if (bar) return bar; var header = document.querySelector('#moonbundle-cart-drawer .moonbundle-cart-drawer-header') || document.querySelector('.moonbundle-cart-drawer-header'); if (!header) return null; bar = document.createElement('div'); bar.id = 'pp-cartfs'; bar.innerHTML = '

' + '

'; header.insertAdjacentElement('afterend', bar); lastHtml = null; /* force la mise à jour du contenu après (ré)insertion */ lastPct = null; return bar; } function render(totalCents, itemCount) { var bar = ensureBar(); if (!bar) return; bar.style.display = itemCount > 0 ? '' : 'none'; if (itemCount <= 0) return; var html = totalCents >= thresholdCents ? TXT_REACHED : TXT_PROGRESS.replace('{amt}', euro(thresholdCents - totalCents)); var pct = Math.min(100, Math.round((totalCents / thresholdCents) * 1000) / 10); /* n'écrit dans le DOM que si quelque chose a changé (évite les boucles avec le MutationObserver) */ if (html !== lastHtml) { bar.querySelector('.pp-cartfs-msg').innerHTML = html; lastHtml = html; } if (pct !== lastPct) { bar.querySelector('.pp-cartfs-fill').style.width = pct + '%'; lastPct = pct; } } var pending = null; function refresh() { clearTimeout(pending); pending = setTimeout(function () { fetch('/cart.js') .then(function (r) { return r.json(); }) .then(function (c) { render(c.total_price, c.item_count); }) .catch(function () {}); }, 150); } /* Le tiroir Moon Bundles se re-rend tout seul : on surveille le DOM et on se réinsère/rafraîchit dès qu'il change (nos propres écritures sont ignorées pour ne pas boucler) */ new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { var target = mutations[i].target; if (target && target.closest && target.closest('#pp-cartfs')) continue; refresh(); return; } }).observe(document.body, { childList: true, subtree: true }); /* Détecte aussi directement les ajouts/retraits panier (partagé avec la barre d'annonces : une seule installation du patch) */ if (!window.__raFetchPatched) { window.__raFetchPatched = true; var origFetch = window.fetch; window.fetch = function () { var url = typeof arguments[0] === 'string' ? arguments[0] : (arguments[0] && arguments[0].url) || ''; var promise = origFetch.apply(this, arguments); if (/\/cart\/(add|change|update|clear)/.test(url)) { promise.then(function () { setTimeout(function () { document.dispatchEvent(new Event('ra:cart-refresh')); }, 300); }).catch(function () {}); } return promise; }; } document.addEventListener('ra:cart-refresh', refresh); refresh(); })();

KNIT TEE - GRAY & WHITE

KNIT TEE - GRAY & WHITE

Guide des tailles :

Guide des tailles :