http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#8b6f5e" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">Order today, delivered by ' + dates.min + ' \u2013 ' + dates.max + ' \u00b7 Free shipping over $125 \u00b7 Easy returns'; badge.style.cssText = 'display:flex;align-items:center;gap:10px;padding:14px 0;font-family:inherit;font-size:13px;color:#5c3d2e;border-top:1px solid #e8ddd4;border-bottom:1px solid #e8ddd4;margin:0 0 12px 0;'; target.insertBefore(badge, target.firstChild); } var observer = new MutationObserver(insertShippingEstimate); observer.observe(document.body, { childList: true, subtree: true }); })(); /* ===== Build Your Perfect Wardrobe Banner — Joyfolie ===== */ /* Tested on joyfolie.com · March 2026 · Rozee Digital */ (function () { 'use strict'; /* ---------- Configuration ---------- */ /* Edit these to match your Shopify discount codes */ var TIERS = [ { pct: 30, code: '30Save', min: 175 }, { pct: 40, code: '40Save', min: 250 }, { pct: 50, code: '50Save', min: 400 } ]; var HEADER_LINE1 = 'Build Your Perfect'; var HEADER_LINE2 = 'Spring / Summer Wardrobe'; var busy = false; /* ---------- Build the Banner HTML ---------- */ function buildBanner() { var html = ''; /* Gold header */ html += ''; /* Tier columns (horizontal — no highlighting) */ html += '

'; for (var i = 0; i < TIERS.length; i++) { var t = TIERS[i]; html += '

'; html += ' ' + t.pct + '% off'; html += ' on orders $' + t.min + '+'; html += ' use code'; html += ' ' + t.code + ''; html += '

'; } html += '

'; return html; } /* ---------- Copy to Clipboard + Toast ---------- */ function setupCopy(banner) { var toast = document.querySelector('.bmsm-copied'); if (!toast) { toast = document.createElement('div'); toast.className = 'bmsm-copied'; document.body.appendChild(toast); } /* Tap anywhere on a tier column to copy */ banner.querySelectorAll('.bmsm-banner__tier').forEach(function (el) { el.addEventListener('click', function (e) { e.stopPropagation(); var code = el.getAttribute('data-code'); if (!code) return; if (navigator.clipboard) { navigator.clipboard.writeText(code); } else { var tmp = document.createElement('textarea'); tmp.value = code; tmp.style.position = 'fixed'; tmp.style.opacity = '0'; document.body.appendChild(tmp); tmp.select(); document.execCommand('copy'); document.body.removeChild(tmp); } toast.textContent = code + ' copied!'; toast.classList.add('show'); setTimeout(function () { toast.classList.remove('show'); }, 1500); }); }); } /* ---------- Remove any existing banners ---------- */ function removeOldBanners() { document.querySelectorAll('.bmsm-banner').forEach(function (el) { el.remove(); }); } /* ---------- Inject the Banner ---------- */ function injectBanner() { if (busy) return; busy = true; var kachingCart = document.getElementById('kaching-cart'); if (!kachingCart) { busy = false; return; } /* Already have exactly one banner — nothing to do */ if (document.querySelectorAll('.bmsm-banner').length === 1) { busy = false; return; } /* Clean up any duplicates */ removeOldBanners(); var banner = document.createElement('div'); banner.className = 'bmsm-banner'; banner.innerHTML = buildBanner(); /* Insert at the top of the scrollable cart contents */ var contents = kachingCart.querySelector('.kaching-cart__contents'); if (contents) { contents.prepend(banner); } else { var header = kachingCart.querySelector('.kaching-cart__header'); if (header) { header.after(banner); } else { kachingCart.prepend(banner); } } setupCopy(banner); busy = false; } /* ---------- Watch for Cart Drawer ---------- */ var observer = new MutationObserver(function () { var cart = document.getElementById('kaching-cart'); var banners = document.querySelectorAll('.bmsm-banner'); /* Cart visible but no banner → inject */ if (cart && banners.length === 0) { injectBanner(); } /* Multiple banners somehow → clean up to just one */ if (banners.length > 1) { for (var i = 1; i < banners.length; i++) banners[i].remove(); } }); observer.observe(document.body, { childList: true, subtree: true }); if (document.readyState === 'complete') { injectBanner(); } else { window.addEventListener('load', injectBanner); } })();

Made to Match