/* Aurora runtime: tiny, dependency-free, progressive enhancement only. Each module guards on its own data-attribute, so unused features cost 0. */ (function () { 'use strict'; var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; /* ---- entrance animations ---- */ function initAnimations(root) { var nodes = (root || document).querySelectorAll('[data-animate]:not(.is-inview)'); if (!nodes.length) return; if (!('IntersectionObserver' in window) || reduced) { nodes.forEach(function (n) { n.classList.add('is-inview'); }); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('is-inview'); io.unobserve(e.target); } }); }, { rootMargin: '0px 0px -10% 0px' }); nodes.forEach(function (n) { io.observe(n); }); } /* ---- header: sticky / reveal-on-scroll-up / mobile drawer ---- */ function initHeaders(root) { (root || document).querySelectorAll('[data-header]:not([data-init])').forEach(function (hdr) { hdr.setAttribute('data-init', ''); var mode = hdr.getAttribute('data-sticky'); if (mode && mode !== 'none') { // Spacer keeps layout height when the header goes fixed — no jump. var spacer = document.createElement('div'); spacer.className = 'hdr__spacer'; hdr.parentNode.insertBefore(spacer, hdr.nextSibling); // Direction accumulator: only hide/show after a deliberate scroll // (≥14px in one direction) — micro-jitter no longer flickers it. var last = 0, acc = 0, offset = hdr.offsetTop + hdr.offsetHeight, ticking = false; function onScroll() { var y = window.scrollY; if (y > offset) { if (!hdr.classList.contains('is-stuck')) { spacer.style.height = hdr.offsetHeight + 'px'; hdr.classList.add('is-stuck'); } if (mode === 'scroll-up') { var d = y - last; acc = (d > 0) === (acc > 0) ? acc + d : d; if (acc > 14 && y > offset + 120) hdr.classList.add('is-hidden'); else if (acc < -14) hdr.classList.remove('is-hidden'); } } else { hdr.classList.remove('is-stuck', 'is-hidden'); spacer.style.height = '0px'; acc = 0; } last = y; ticking = false; } window.addEventListener('scroll', function () { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } }, { passive: true }); } var drawer = hdr.querySelector('[data-drawer]'); var openBtn = hdr.querySelector('[data-drawer-open]'); if (drawer && openBtn) { var close = function () { drawer.classList.remove('is-open'); openBtn.setAttribute('aria-expanded', 'false'); setTimeout(function () { drawer.hidden = true; }, 300); }; openBtn.addEventListener('click', function () { drawer.hidden = false; requestAnimationFrame(function () { drawer.classList.add('is-open'); }); openBtn.setAttribute('aria-expanded', 'true'); }); drawer.querySelector('[data-drawer-close]')?.addEventListener('click', close); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); }); } }); } /* ---- announcement: rotation + dismiss ---- */ function initAnnouncements(root) { (root || document).querySelectorAll('[data-announcement]:not([data-init])').forEach(function (bar) { bar.setAttribute('data-init', ''); if (bar.hasAttribute('data-dismissible') && sessionStorage.getItem('annc-dismissed')) { bar.style.display = 'none'; return; } bar.querySelector('[data-announcement-close]')?.addEventListener('click', function () { bar.style.display = 'none'; sessionStorage.setItem('annc-dismissed', '1'); }); if (bar.classList.contains('annc--rotate')) { var items = bar.querySelectorAll('.annc__item'); if (items.length < 2) { items[0] && items[0].classList.add('is-active'); return; } var i = 0; items[0].classList.add('is-active'); setInterval(function () { items[i].classList.remove('is-active'); i = (i + 1) % items.length; items[i].classList.add('is-active'); }, (parseInt(bar.getAttribute('data-speed'), 10) || 4) * 1000); } if (bar.classList.contains('annc--marquee')) { // Duplicate content so the loop is seamless. var track = bar.querySelector('.annc__track'); track.innerHTML += track.innerHTML; bar.style.setProperty('--marquee-speed', ((parseInt(bar.getAttribute('data-speed'), 10) || 4) * 5) + 's'); } }); } /* ---- slideshow ---- */ function initSliders(root) { (root || document).querySelectorAll('[data-slider]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var track = el.querySelector('[data-slider-track]'); var slides = el.querySelectorAll('[data-slide]'); if (!track || slides.length === 0) return; var i = 0, n = slides.length, timer = null; var fade = el.getAttribute('data-transition') === 'fade'; var dotsWrap = el.querySelector('[data-slider-dots]'); var dots = []; if (dotsWrap) { for (var d = 0; d < n; d++) { var b = document.createElement('button'); b.type = 'button'; b.setAttribute('aria-label', 'Go to slide ' + (d + 1)); if (dotsWrap.classList.contains('slideshow__pagination--numbers')) b.textContent = d + 1; (function (idx) { b.addEventListener('click', function () { go(idx, true); }); })(d); dotsWrap.appendChild(b); dots.push(b); } } function go(to, manual) { i = (to + n) % n; if (fade) slides.forEach(function (s, k) { s.classList.toggle('is-active', k === i); }); else track.style.transform = 'translateX(-' + (i * 100) + '%)'; dots.forEach(function (d, k) { d.classList.toggle('is-active', k === i); }); if (manual) restart(); } function restart() { if (timer) clearInterval(timer); if (el.getAttribute('data-autoplay') === 'true' && n > 1 && !reduced) { timer = setInterval(function () { go(i + 1); }, (parseInt(el.getAttribute('data-interval'), 10) || 5) * 1000); } } el.querySelector('[data-slider-prev]')?.addEventListener('click', function () { go(i - 1, true); }); el.querySelector('[data-slider-next]')?.addEventListener('click', function () { go(i + 1, true); }); el.addEventListener('mouseenter', function () { if (timer) clearInterval(timer); }); el.addEventListener('mouseleave', restart); var sx = null; el.addEventListener('touchstart', function (e) { sx = e.touches[0].clientX; }, { passive: true }); el.addEventListener('touchend', function (e) { if (sx === null) return; var dx = e.changedTouches[0].clientX - sx; if (Math.abs(dx) > 40) go(dx > 0 ? i - 1 : i + 1, true); sx = null; }, { passive: true }); go(0); restart(); }); } /* ---- countdown timers ---- */ function initCountdowns(root) { (root || document).querySelectorAll('[data-countdown]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var target = new Date(el.getAttribute('data-to').replace(' ', 'T')); if (isNaN(target)) return; var expiry = el.getAttribute('data-expiry') || 'message'; var boxes = el.classList.contains('cdown__timer'); function unit(num, label) { return '' + String(num).padStart(2, '0') + '' + label + ''; } function tick() { var ms = target - Date.now(); if (ms <= 0) { clearInterval(t); var section = el.closest('.frame') || el.closest('.promo-strip'); if (expiry === 'hide' && section) section.style.display = 'none'; else if (expiry === 'message') el.innerHTML = '

' + (el.getAttribute('data-expired-message') || 'Ended') + '

'; else el.innerHTML = boxes ? unit(0, 'days') + unit(0, 'hrs') + unit(0, 'min') + unit(0, 'sec') : '00:00:00'; return; } var s = Math.floor(ms / 1000); var d = Math.floor(s / 86400), h = Math.floor(s % 86400 / 3600), m = Math.floor(s % 3600 / 60), sec = s % 60; el.innerHTML = boxes ? unit(d, 'days') + unit(h, 'hrs') + unit(m, 'min') + unit(sec, 'sec') : (d > 0 ? d + 'd ' : '') + String(h).padStart(2, '0') + ':' + String(m).padStart(2, '0') + ':' + String(sec).padStart(2, '0'); } var t = setInterval(tick, 1000); tick(); }); } /* ---- FAQ: single-open accordion (multi-open is native

) ---- */ function initAccordions(root) { (root || document).querySelectorAll('[data-accordion]:not([data-init])').forEach(function (acc) { acc.setAttribute('data-init', ''); if (acc.hasAttribute('data-multi')) return; acc.addEventListener('toggle', function (e) { if (e.target.open) { acc.querySelectorAll('details[open]').forEach(function (d) { if (d !== e.target) d.open = false; }); } }, true); }); } /* ---- video facades: load the heavy player only on click ---- */ function initFacades(root) { (root || document).querySelectorAll('[data-video-facade]:not([data-init])').forEach(function (f) { f.setAttribute('data-init', ''); f.addEventListener('click', function () { var yt = f.getAttribute('data-youtube'), vm = f.getAttribute('data-vimeo'), mp4 = f.getAttribute('data-mp4'); var node; if (yt) { node = document.createElement('iframe'); node.src = 'https://www.youtube-nocookie.com/embed/' + yt + '?autoplay=1'; node.allow = 'autoplay; encrypted-media'; node.allowFullscreen = true; } else if (vm) { node = document.createElement('iframe'); node.src = 'https://player.vimeo.com/video/' + vm + '?autoplay=1'; node.allow = 'autoplay'; node.allowFullscreen = true; } else if (mp4) { node = document.createElement('video'); node.src = mp4; node.controls = true; node.autoplay = true; node.playsInline = true; } if (node) { f.innerHTML = ''; f.appendChild(node); } }, { once: true }); }); } /* ---- newsletter forms (front-end success state; backend wiring later) ---- */ function initNewsletters(root) { (root || document).querySelectorAll('[data-newsletter]:not([data-init])').forEach(function (form) { form.setAttribute('data-init', ''); form.addEventListener('submit', function () { var ok = form.parentElement.querySelector('[data-newsletter-success]'); if (ok) { ok.hidden = false; form.hidden = true; } }); }); } /* ---- footer collapsible columns (mobile) ---- */ function initFooters(root) { (root || document).querySelectorAll('.ftr--collapsible [data-ftr-toggle]:not([data-init])').forEach(function (h) { h.setAttribute('data-init', ''); h.addEventListener('click', function () { if (window.innerWidth > 749) return; h.closest('.ftr__col').classList.toggle('is-open'); }); }); } /* ===== Aurora reusable slider (data-aur-slider) ===== Transform-based track: per-breakpoint slides-per-view, loop, autoplay with pause-on-hover, drag/swipe, keyboard, arrows, dot/bar/number/ progress pagination, fade mode (1-per-view), desktop/mobile gating. */ function initAurSliders(root) { (root || document).querySelectorAll('[data-aur-slider]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var cfg; try { cfg = JSON.parse(el.getAttribute('data-config') || '{}'); } catch (e) { cfg = {}; } var viewport = el.querySelector('[data-aur-viewport]'); var track = el.querySelector('[data-aur-track]'); var pag = el.querySelector('[data-aur-pagination]'); if (!viewport || !track) return; var slides = Array.prototype.slice.call(track.children); if (slides.length < 2) { el.classList.add('is-static'); return; } var index = 0, timer = null, dragging = false, startX = 0, startOffset = 0; var fade = cfg.transition === 'fade'; function bpPerView() { var w = window.innerWidth; if (w < 750) return cfg.perViewMobile || 1; if (w < 1024) return cfg.perViewTablet || 2; return cfg.perView || 3; } function activeHere() { var w = window.innerWidth; if (cfg.mode === 'desktop') return w >= 750; if (cfg.mode === 'mobile') return w < 750; return true; } function pages() { var pv = fade ? 1 : bpPerView(); return Math.max(1, Math.ceil(slides.length / pv) + (fade ? slides.length - 1 : 0) * 0); } function maxIndex() { return fade ? slides.length - 1 : Math.max(0, slides.length - bpPerView()); } function renderPagination() { if (!pag || cfg.pagination === 'none') return; var mi = maxIndex(); if (cfg.pagination === 'progress') { pag.innerHTML = ''; return; } if (cfg.pagination === 'numbers') { pag.innerHTML = '' + (index + 1) + ' / ' + (mi + 1) + ''; return; } var html = ''; for (var i = 0; i <= mi; i++) { html += ''; } pag.innerHTML = html; } function apply() { if (!activeHere()) { el.classList.add('is-static'); track.style.transform = ''; slides.forEach(function (sl) { sl.style.opacity = ''; sl.style.position = ''; }); return; } el.classList.remove('is-static'); index = Math.min(index, maxIndex()); if (fade) { slides.forEach(function (sl, i) { sl.style.transition = 'opacity ' + (cfg.speed || 450) + 'ms ease'; sl.style.opacity = i === index ? '1' : '0'; sl.style.position = i === index ? 'relative' : 'absolute'; sl.style.inset = i === index ? '' : '0'; }); } else { var gap = cfg.gap || 24; var pv = bpPerView(); var slideW = (viewport.clientWidth - gap * (pv - 1) - (cfg.peek && index < maxIndex() ? viewport.clientWidth * 0.08 : 0)) / pv; slides.forEach(function (sl) { sl.style.flex = '0 0 ' + slideW + 'px'; }); var offset = index * (slideW + gap); if (cfg.center && pv > 1) offset -= (viewport.clientWidth - slideW) / 2 - ((pv - 1) * (slideW + gap)) / 2; track.style.transition = dragging ? 'none' : 'transform ' + (cfg.speed || 450) + 'ms cubic-bezier(.25,.8,.35,1)'; track.style.transform = 'translateX(' + -Math.max(0, offset) + 'px)'; } el.querySelectorAll('[data-aur-prev],[data-aur-next]').forEach(function (b) { var prev = b.hasAttribute('data-aur-prev'); b.disabled = !cfg.loop && (prev ? index <= 0 : index >= maxIndex()); }); renderPagination(); } function go(i) { var mi = maxIndex(); if (cfg.loop) index = ((i % (mi + 1)) + (mi + 1)) % (mi + 1); else index = Math.max(0, Math.min(i, mi)); apply(); } el.querySelector('[data-aur-prev]').addEventListener('click', function () { go(index - 1); restart(); }); el.querySelector('[data-aur-next]').addEventListener('click', function () { go(index + 1); restart(); }); if (pag) pag.addEventListener('click', function (e) { var b = e.target.closest('[data-go]'); if (b) { go(parseInt(b.getAttribute('data-go'), 10)); restart(); } }); el.addEventListener('keydown', function (e) { if (e.key === 'ArrowLeft') { e.preventDefault(); go(index - 1); restart(); } if (e.key === 'ArrowRight') { e.preventDefault(); go(index + 1); restart(); } }); /* drag / swipe (pointer events cover mouse + touch). The pointer is captured only AFTER real movement: capturing on pointerdown retargets the browser's click event to the viewport, which breaks clicks on slide content (links on the storefront, block selection in the editor). A plain click must stay a plain click on its slide. */ var armed = false; viewport.addEventListener('pointerdown', function (e) { if (fade || el.classList.contains('is-static')) return; armed = true; dragging = false; startX = e.clientX; var m = /-?[\d.]+/.exec(track.style.transform || ''); startOffset = m ? parseFloat(m[0]) : 0; }); viewport.addEventListener('pointermove', function (e) { if (!armed) return; if (!dragging) { if (Math.abs(e.clientX - startX) < 6) return; dragging = true; viewport.setPointerCapture(e.pointerId); } track.style.transition = 'none'; track.style.transform = 'translateX(' + (startOffset + e.clientX - startX) + 'px)'; }); function endDrag(e) { armed = false; if (!dragging) return; dragging = false; var delta = e.clientX - startX; if (Math.abs(delta) > 40) go(delta < 0 ? index + 1 : index - 1); else apply(); restart(); } viewport.addEventListener('pointerup', endDrag); viewport.addEventListener('pointercancel', endDrag); /* autoplay */ function restart() { clearInterval(timer); if (cfg.autoplay) timer = setInterval(function () { go(index + 1); }, (cfg.interval || 5) * 1000); } if (cfg.pauseHover !== false) { el.addEventListener('mouseenter', function () { clearInterval(timer); }); el.addEventListener('mouseleave', restart); } restart(); var rAF = null; window.addEventListener('resize', function () { cancelAnimationFrame(rAF); rAF = requestAnimationFrame(apply); }); apply(); }); } function boot(root) { initAnimations(root); initHeaders(root); initAnnouncements(root); initSliders(root); initAurSliders(root); initCountdowns(root); initAccordions(root); initFacades(root); initNewsletters(root); initFooters(root); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', function () { boot(); }); else boot(); /* The editor re-renders sections live; re-scan after DOM swaps. */ var pending = null; new MutationObserver(function () { clearTimeout(pending); pending = setTimeout(function () { boot(); }, 100); }).observe(document.body, { childList: true, subtree: true }); })(); /* ================= T3 commerce modules ================= */ (function () { 'use strict'; function money(cents) { var probe = document.querySelector('[data-price-now]'); var sym = probe && /^[^\d\s.,-]/.test(probe.textContent.trim()) ? probe.textContent.trim()[0] : '$'; var root = document.querySelector('.theme-root'); var code = root && root.getAttribute('data-currency') ? ' ' + root.getAttribute('data-currency') : ''; return sym + (cents / 100).toFixed(2) + code; } /* Shopify designMode contract: in the theme editor, behaviors that steal the page (lightboxes, form navigations, checkout redirects) yield to the editor's element-selection layer. */ function designMode() { var r = document.querySelector('.theme-root'); return !!(r && r.getAttribute('data-design-mode') === 'true'); } function showToast(message, type) { var wrap = document.querySelector('[data-sf-toasts]'); if (!wrap) { wrap = document.createElement('div'); wrap.setAttribute('data-sf-toasts', ''); wrap.className = 'sf-toasts'; document.body.appendChild(wrap); } var el = document.createElement('div'); el.className = 'sf-toast sf-toast--' + (type || 'info'); el.setAttribute('role', 'status'); el.textContent = message; wrap.appendChild(el); requestAnimationFrame(function () { el.classList.add('is-in'); }); setTimeout(function () { el.classList.remove('is-in'); setTimeout(function () { el.remove(); }, 300); }, 3600); } window.auroraToast = showToast; async function cartRequest(path, opts) { var res = await fetch('/api/storefront/' + path, Object.assign({ headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, }, opts)); if (!res.ok) throw await res.json().catch(function () { return {}; }); var body = await res.json(); document.dispatchEvent(new CustomEvent('aurora:cart-updated', { detail: body.data })); window.dispatchEvent(new CustomEvent('aurora:cart-updated', { detail: body.data })); return body.data; } /* ---- header cart count + drawer ---- */ function renderDrawer(cart) { var el = document.querySelector('[data-cart-drawer]'); if (!el) { el = document.createElement('div'); el.setAttribute('data-cart-drawer', ''); el.className = 'cdrawer'; el.innerHTML = '

' + ''; document.body.appendChild(el); el.addEventListener('click', function (e) { if (e.target.closest('[data-cdrawer-close]')) closeDrawer(); var rm = e.target.closest('[data-cdrawer-remove]'); if (rm) cartRequest('cart/items/' + rm.getAttribute('data-cdrawer-remove'), { method: 'DELETE' }); var step = e.target.closest('[data-cdrawer-qty]'); if (step) { var qid = step.getAttribute('data-cdrawer-qty'); var qinput = el.querySelector('[data-cdrawer-qty-input="' + qid + '"]'); var next = Math.max(0, (+(qinput ? qinput.value : 1)) + (+step.getAttribute('data-delta'))); cartRequest('cart/items/' + qid, { method: 'PATCH', body: JSON.stringify({ quantity: next }) }); } var noteToggle = e.target.closest('[data-cdrawer-note-toggle]'); if (noteToggle) { var noteWrap = el.querySelector('[data-cdrawer-note-wrap]'); if (noteWrap) noteWrap.hidden = !noteWrap.hidden; } }); el.addEventListener('change', function (e) { var qinput2 = e.target.closest('[data-cdrawer-qty-input]'); if (qinput2) { cartRequest('cart/items/' + qinput2.getAttribute('data-cdrawer-qty-input'), { method: 'PATCH', body: JSON.stringify({ quantity: Math.max(0, +qinput2.value) }), }); } var note = e.target.closest('[data-cdrawer-note]'); if (note) cartRequest('cart/note', { method: 'PUT', body: JSON.stringify({ note: note.value }) }); }); } var body = el.querySelector('.cdrawer__body'); var foot = el.querySelector('.cdrawer__foot'); if (cart === undefined) { // still loading body.innerHTML = '

'; foot.innerHTML = ''; return el; } var notice = (cart && cart.removed && cart.removed.length) ? '

' + cart.removed.join(', ') + ' is no longer available and was removed.

' : ''; if (!cart || !cart.items || cart.items.length === 0) { body.innerHTML = notice + '

🛍' + '

Your cart is empty

' + '

Discover something you\'ll love.

'; foot.innerHTML = 'Continue shopping'; return el; } var countBadge = el.querySelector('[data-cdrawer-count]'); if (countBadge) { countBadge.textContent = cart.items_count; countBadge.hidden = !cart.items_count; } var itemsHtml = cart.items.map(function (i) { return '

' + (i.image ? '

' : '') + '

' + i.name + '' + '' + money(i.unit_price) + '' + (i.variant_title ? '' + i.variant_title + '' : '') + '

' + '

' + '' + '' + '

'; }).join(''); body.innerHTML = notice + itemsHtml; var ship = ''; var themeRoot = document.querySelector('.theme-root'); if (themeRoot && themeRoot.getAttribute('data-shipping-bar') === 'false') cart = Object.assign({}, cart, { free_shipping: null }); if (cart.free_shipping) { ship = cart.free_shipping.remaining > 0 ? '

' + money(cart.free_shipping.remaining) + ' away from free shipping

' + '

' : '

🎉 Free shipping unlocked!

'; } var noteOpen = !!(cart.note || (foot.querySelector('[data-cdrawer-note-wrap]') && !foot.querySelector('[data-cdrawer-note-wrap]').hidden)); foot.innerHTML = ship + '

Total ' + money(cart.subtotal) + '

' + '

Taxes and shipping calculated at checkout

' + '' + '

' + '

' + 'View cart' + '🔒 Checkout' + '

'; return el; } function openDrawer(cart) { var el = renderDrawer(cart); if (el.classList.contains('is-open')) return; // Paint the closed state first so the width transition always runs. void el.querySelector('.cdrawer__panel').offsetWidth; requestAnimationFrame(function () { el.classList.add('is-open'); }); setTimeout(function () { el.classList.add('is-open'); }, 120); // rAF-throttled contexts } function closeDrawer() { var el = document.querySelector('[data-cart-drawer]'); if (el) el.classList.remove('is-open'); } function syncCount(cart) { document.querySelectorAll('[data-cart-count]').forEach(function (b) { var n = cart ? cart.items_count : 0; b.textContent = n; b.hidden = n === 0; }); } document.addEventListener('aurora:cart-updated', function (e) { syncCount(e.detail); var el = document.querySelector('[data-cart-drawer].is-open'); if (el) renderDrawer(e.detail); }); /* Close the drawer before View cart / Checkout navigations. Capture phase: SPA-style previews intercept these clicks with stopPropagation, which would keep the drawer open behind the new page. */ document.addEventListener('click', function (e) { if (e.target.closest('[data-cdrawer-nav]')) closeDrawer(); }, true); /* Cart icon: drawer everywhere — except the cart page, where it acts as a checkout action (Shopify's contextual cart behaviour). The theme setting Cart type = "Page" goes straight to /cart instead. */ document.addEventListener('click', function (e) { var icon = e.target.closest('[data-cart-icon]'); if (!icon) return; e.preventDefault(); if (location.pathname === '/cart') { window.location.assign('/checkout'); return; } var root = document.querySelector('.theme-root'); if (root && root.getAttribute('data-cart-type') === 'page') { window.location.assign('/cart'); return; } openDrawer(undefined); // instant open with loading spinner fetch('/api/storefront/cart', { headers: { Accept: 'application/json' } }) .then(function (r) { return r.json(); }) .then(function (b) { renderDrawer(b.data); }) .catch(function () { closeDrawer(); }); }); /* ---- cart page: estimate shipping ---- */ var SHIP_COUNTRIES = [['LB','Lebanon'],['AE','United Arab Emirates'],['SA','Saudi Arabia'],['QA','Qatar'],['KW','Kuwait'],['BH','Bahrain'],['OM','Oman'],['JO','Jordan'],['EG','Egypt'],['IQ','Iraq'],['SY','Syria'],['TR','Turkey'],['CY','Cyprus'],['GR','Greece'],['FR','France'],['DE','Germany'],['IT','Italy'],['ES','Spain'],['PT','Portugal'],['NL','Netherlands'],['BE','Belgium'],['CH','Switzerland'],['AT','Austria'],['SE','Sweden'],['NO','Norway'],['DK','Denmark'],['FI','Finland'],['IE','Ireland'],['GB','United Kingdom'],['PL','Poland'],['CZ','Czechia'],['RO','Romania'],['BG','Bulgaria'],['HU','Hungary'],['US','United States'],['CA','Canada'],['MX','Mexico'],['BR','Brazil'],['AR','Argentina'],['AU','Australia'],['NZ','New Zealand'],['JP','Japan'],['KR','South Korea'],['CN','China'],['HK','Hong Kong'],['SG','Singapore'],['MY','Malaysia'],['TH','Thailand'],['IN','India'],['PK','Pakistan'],['ID','Indonesia'],['PH','Philippines'],['VN','Vietnam'],['ZA','South Africa'],['NG','Nigeria'],['KE','Kenya'],['MA','Morocco'],['TN','Tunisia'],['DZ','Algeria']]; function initShipEstimate() { document.querySelectorAll('[data-ship-estimate]:not([data-init])').forEach(function (box) { box.setAttribute('data-init', ''); var sel = box.querySelector('[data-ship-country]'); SHIP_COUNTRIES.forEach(function (c) { var o = document.createElement('option'); o.value = c[0]; o.textContent = c[1]; sel.appendChild(o); }); box.querySelector('[data-ship-calc]').addEventListener('click', async function () { var out = box.querySelector('[data-ship-result]'); if (!sel.value) { out.textContent = 'Pick a country first.'; out.hidden = false; return; } try { var res = await fetch('/api/storefront/checkout/quote?country=' + encodeURIComponent(sel.value), { headers: { Accept: 'application/json' } }); var body = await res.json(); if (!res.ok) throw body; var d = body.data; out.innerHTML = d.shipping_total === null ? 'Sorry — no shipping available to this destination.' : 'There is one shipping rate for your address:

' + (d.shipping_method || 'Standard shipping') + ': ' + (d.shipping_total === 0 ? 'Free' : money(d.shipping_total)) + '

'; } catch (err) { out.textContent = 'Could not estimate shipping right now.'; } out.hidden = false; }); }); } initShipEstimate(); new MutationObserver(function () { initShipEstimate(); }).observe(document.body, { childList: true, subtree: true }); /* Initial badge count. */ function initCount() { if (!document.querySelector('[data-cart-count]')) return; fetch('/api/storefront/cart', { headers: { Accept: 'application/json' } }) .then(function (r) { return r.json(); }) .then(function (b) { syncCount(b.data); }) .catch(function () {}); } /* ---- product page ---- */ function initProducts(root) { (root || document).querySelectorAll('[data-product]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var variants = []; try { variants = JSON.parse(el.getAttribute('data-variants') || '[]'); } catch (e) {} var currentVariant = null; function selected() { var values = {}; el.querySelectorAll('[data-option]').forEach(function (input) { if (input.tagName === 'SELECT') values[input.getAttribute('data-option')] = input.value; else if (input.checked) values[input.getAttribute('data-option')] = input.value; }); return values; } function match() { var values = selected(); currentVariant = variants.find(function (v) { return Object.keys(values).every(function (k) { return (v.option_values || {})[k] === values[k]; }); }) || null; apply(); } function apply() { var price = currentVariant ? currentVariant.price : parseInt(el.getAttribute('data-price'), 10); var inStock = currentVariant ? currentVariant.in_stock : true; document.querySelectorAll('[data-price-now]').forEach(function (n) { n.textContent = money(price); }); el.querySelectorAll('[data-add-to-cart], .prd-sticky [data-add-to-cart]').forEach(function (b) { b.disabled = !inStock; }); var lbl = el.querySelector('[data-atc-label]'); if (lbl) lbl.textContent = inStock ? 'Add to cart' : 'Sold out'; Object.entries(selected()).forEach(function (pair) { var span = el.querySelector('[data-option-label="' + pair[0] + '"]'); if (span) span.textContent = '— ' + pair[1]; }); // Variant image association: swap the gallery to the variant's image. if (currentVariant && currentVariant.image) { var main = el.querySelector('[data-gallery-main] img'); if (main && main.src !== currentVariant.image) main.src = currentVariant.image; el.querySelectorAll('.prd__thumb').forEach(function (t) { t.classList.toggle('is-active', t.getAttribute('data-full') === currentVariant.image); }); } } el.querySelectorAll('[data-option]').forEach(function (input) { input.addEventListener('change', match); }); if (variants.length) match(); else apply(); /* gallery arrows */ var thumbs = Array.prototype.slice.call(el.querySelectorAll('.prd__thumb')); function showThumb(idx) { if (!thumbs.length) return; var t = thumbs[(idx + thumbs.length) % thumbs.length]; t.click(); } el.querySelectorAll('[data-gal-prev]').forEach(function (b) { b.addEventListener('click', function () { showThumb(thumbs.findIndex(function (t) { return t.classList.contains('is-active'); }) - 1); }); }); el.querySelectorAll('[data-gal-next]').forEach(function (b) { b.addEventListener('click', function () { showThumb(thumbs.findIndex(function (t) { return t.classList.contains('is-active'); }) + 1); }); }); /* gallery */ el.querySelectorAll('.prd__thumb').forEach(function (t) { t.addEventListener('click', function () { el.querySelectorAll('.prd__thumb').forEach(function (x) { x.classList.remove('is-active'); }); t.classList.add('is-active'); var main = el.querySelector('[data-gallery-main] img'); if (main) main.src = t.getAttribute('data-full'); }); }); /* hover zoom: magnify main image, origin follows the cursor */ var zoomMain = el.querySelector('[data-zoom] [data-gallery-main]'); if (zoomMain && !designMode() && window.matchMedia('(hover: hover)').matches) { zoomMain.classList.add('prd__main--zoomable'); zoomMain.addEventListener('mousemove', function (e) { var img = zoomMain.querySelector('img'); if (!img) return; var r = zoomMain.getBoundingClientRect(); img.style.transformOrigin = ((e.clientX - r.left) / r.width * 100) + '% ' + ((e.clientY - r.top) / r.height * 100) + '%'; }); } var gallery = el.querySelector('[data-zoom]'); if (gallery) { gallery.addEventListener('click', function (e) { if (designMode()) return; // editor: click selects, never zooms var img = e.target.closest('[data-gallery-main] img'); if (!img) return; var lb = document.querySelector('[data-lightbox]'); if (!lb) return; lb.querySelector('img').src = img.src; lb.hidden = false; }); } document.querySelectorAll('[data-lightbox-close], [data-lightbox]').forEach(function (x) { x.addEventListener('click', function () { var lb = document.querySelector('[data-lightbox]'); if (lb) lb.hidden = true; }); }); /* qty stepper */ var qty = el.querySelector('[data-qty]'); el.querySelectorAll('[data-qty-minus]').forEach(function (b) { b.addEventListener('click', function () { if (qty) qty.value = Math.max(1, +qty.value - 1); }); }); el.querySelectorAll('[data-qty-plus]').forEach(function (b) { b.addEventListener('click', function () { if (qty) qty.value = Math.min(99, +qty.value + 1); }); }); /* add to cart (buy box + sticky bar) */ document.querySelectorAll('[data-add-to-cart]').forEach(function (btn) { btn.addEventListener('click', async function () { btn.disabled = true; try { var cart = await cartRequest('cart/items', { method: 'POST', body: JSON.stringify({ product_id: parseInt(el.getAttribute('data-product-id'), 10), variant_id: currentVariant ? currentVariant.id : undefined, quantity: qty ? Math.max(1, +qty.value) : 1, }), }); openDrawer(cart); } catch (err) { showToast((err && err.message) || 'Could not add to cart.', 'error'); } finally { btn.disabled = false; } }); }); /* sticky ATC */ var sticky = document.querySelector('[data-sticky-atc]'); var buy = el.querySelector('.prd__buy'); if (sticky && buy && 'IntersectionObserver' in window) { new IntersectionObserver(function (entries) { sticky.hidden = entries[0].isIntersecting; }).observe(buy); } /* share */ el.querySelectorAll('[data-share]').forEach(function (b) { b.addEventListener('click', function () { if (navigator.share) navigator.share({ title: b.getAttribute('data-title'), url: location.href }); else navigator.clipboard.writeText(location.href).then(function () { b.textContent = 'Link copied!'; }); }); }); }); } /* ---- cart page ---- */ function initCartPage(root) { (root || document).querySelectorAll('[data-cart-page]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); el.addEventListener('click', function (e) { var step = e.target.closest('[data-cart-qty]'); if (step) { var id = step.getAttribute('data-cart-qty'); var input = el.querySelector('[data-cart-qty-input="' + id + '"]'); var next = Math.max(0, +input.value + parseInt(step.getAttribute('data-delta'), 10)); cartRequest('cart/items/' + id, { method: 'PATCH', body: JSON.stringify({ quantity: next }) }); } var rm = e.target.closest('[data-cart-remove]'); if (rm) cartRequest('cart/items/' + rm.getAttribute('data-cart-remove'), { method: 'DELETE' }); }); el.addEventListener('change', function (e) { var input = e.target.closest('[data-cart-qty-input]'); if (input) { cartRequest('cart/items/' + input.getAttribute('data-cart-qty-input'), { method: 'PATCH', body: JSON.stringify({ quantity: Math.max(0, +input.value) }), }); } var note = e.target.closest('[data-cart-note]'); if (note) cartRequest('cart/note', { method: 'PUT', body: JSON.stringify({ note: note.value }) }); }); }); } /* ---- collection filters ---- */ function initFilters(root) { (root || document).querySelectorAll('[data-filters][data-drawer-mode]:not([data-init])').forEach(function (panel) { panel.setAttribute('data-init', ''); var closeBtn = panel.querySelector('[data-filters-close]'); if (closeBtn) closeBtn.hidden = false; document.querySelectorAll('[data-filters-open]').forEach(function (b) { b.addEventListener('click', function () { panel.classList.add('is-open'); }); }); if (closeBtn) closeBtn.addEventListener('click', function () { panel.classList.remove('is-open'); }); }); (root || document).querySelectorAll('[data-sort-select]:not([data-init])').forEach(function (sel) { sel.setAttribute('data-init', ''); sel.addEventListener('change', function () { if (!designMode()) sel.form.submit(); }); }); } function bootCommerce(root) { initProducts(root); initCartPage(root); initFilters(root); } /* Delegated quick add: card/section buttons that carry their own product id. Product-page buy boxes (inside [data-product]) keep their scoped handler. */ document.addEventListener('click', async function (e) { var btn = e.target.closest('[data-add-to-cart][data-product-id]'); if (!btn || btn.closest('[data-product]')) return; e.preventDefault(); e.stopPropagation(); btn.disabled = true; try { var variantId = parseInt(btn.getAttribute('data-variant-id'), 10); var cart = await cartRequest('cart/items', { method: 'POST', body: JSON.stringify({ product_id: parseInt(btn.getAttribute('data-product-id'), 10), variant_id: isNaN(variantId) ? undefined : variantId, quantity: 1, }), }); openDrawer(cart); } catch (err) { showToast((err && err.message) || 'Could not add to cart.', 'error'); } finally { btn.disabled = false; } }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { bootCommerce(); initCount(); }); } else { bootCommerce(); initCount(); } var pending2 = null; new MutationObserver(function () { clearTimeout(pending2); pending2 = setTimeout(function () { bootCommerce(); }, 120); }).observe(document.body, { childList: true, subtree: true }); })(); /* ================= T4 content & interactive modules ================= */ (function () { 'use strict'; function designMode() { var r = document.querySelector('.theme-root'); return !!(r && r.getAttribute('data-design-mode') === 'true'); } /* before/after slider */ function initBeforeAfter(root) { (root || document).querySelectorAll('[data-before-after]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var range = el.querySelector('[data-ba-range]'); if (!range) return; range.addEventListener('input', function () { el.style.setProperty('--pos', range.value + '%'); }); }); } /* lookbook hotspots: tap-to-toggle on touch devices */ function initHotspots(root) { (root || document).querySelectorAll('[data-hotspots]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); el.querySelectorAll('[data-spot-toggle]').forEach(function (dot) { dot.addEventListener('click', function (e) { e.preventDefault(); var spot = dot.closest('.look__spot'); el.querySelectorAll('.look__spot.is-open').forEach(function (s) { if (s !== spot) s.classList.remove('is-open'); }); spot.classList.toggle('is-open'); }); }); }); } /* count-up stats */ function initCountup(root) { var nodes = (root || document).querySelectorAll('[data-countup]:not([data-init])'); if (!nodes.length) return; function run(el) { var target = parseInt(el.getAttribute('data-countup'), 10) || 0; if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { el.textContent = target.toLocaleString(); return; } var start = null; function step(ts) { if (!start) start = ts; var p = Math.min(1, (ts - start) / 1400); el.textContent = Math.floor(target * (1 - Math.pow(1 - p, 3))).toLocaleString(); if (p < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } if ('IntersectionObserver' in window) { var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { run(e.target); io.unobserve(e.target); } }); }); nodes.forEach(function (n) { n.setAttribute('data-init', ''); io.observe(n); }); } else { nodes.forEach(function (n) { n.setAttribute('data-init', ''); run(n); }); } } /* gallery lightbox (reuses the product lightbox pattern) */ function initGalleryLightbox(root) { (root || document).querySelectorAll('[data-gal-lightbox]:not([data-init])').forEach(function (gal) { gal.setAttribute('data-init', ''); gal.addEventListener('click', function (e) { if (designMode()) return; // editor: click selects, never opens lightbox var img = e.target.closest('.gal__item img'); if (!img) return; var lb = document.querySelector('[data-lightbox]'); if (!lb) { lb = document.createElement('div'); lb.className = 'prd-lightbox'; lb.setAttribute('data-lightbox', ''); lb.innerHTML = ''; lb.addEventListener('click', function () { lb.hidden = true; }); document.body.appendChild(lb); } lb.querySelector('img').src = img.src; lb.hidden = false; }); }); } /* predictive search: header search icon opens an overlay with live results */ function money2(cents) { return '$' + (cents / 100).toFixed(2); } function openPredictive() { var el = document.querySelector('[data-psearch]'); if (!el) { el = document.createElement('div'); el.className = 'psearch'; el.setAttribute('data-psearch', ''); el.innerHTML = '

' + ''; document.body.appendChild(el); // Editor: the search form must never GET-navigate the page away. el.querySelector('form').addEventListener('submit', function (ev) { if (designMode()) ev.preventDefault(); }); el.querySelector('[data-ps-close]').addEventListener('click', function () { el.classList.remove('is-open'); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') el.classList.remove('is-open'); }); var input = el.querySelector('[data-ps-input]'); var results = el.querySelector('[data-ps-results]'); var t = null; input.addEventListener('input', function () { clearTimeout(t); var q = input.value.trim(); if (q.length < 2) { results.classList.remove('has-results'); return; } t = setTimeout(function () { fetch('/api/storefront/search?q=' + encodeURIComponent(q), { headers: { Accept: 'application/json' } }) .then(function (r) { return r.json(); }) .then(function (b) { var d = b.data || {}; var html = ''; if ((d.products || []).length) { html += '

Products

' + d.products.map(function (p) { return '' + (p.image ? '

' : '') + '' + p.name + '
' + money2(p.price) + ''; }).join(''); } if ((d.collections || []).length) { html += '

Collections

' + d.collections.map(function (c) { return '' + c.name + ''; }).join(''); } if (html) html += 'All results →'; else html = '

No matches — press Enter for full search

'; results.innerHTML = html; results.classList.add('has-results'); }).catch(function () {}); }, 220); }); } el.classList.add('is-open'); setTimeout(function () { el.querySelector('[data-ps-input]').focus(); }, 80); } document.addEventListener('click', function (e) { var link = e.target.closest('a[href="/search"].hdr__icon'); if (!link) return; e.preventDefault(); openPredictive(); }); /* recently viewed: record on product pages, render the section */ function recordView() { var el = document.querySelector('[data-product]'); if (!el) return; var id = parseInt(el.getAttribute('data-product-id'), 10); if (!id) return; try { var seen = JSON.parse(localStorage.getItem('aurora:rv') || '[]').filter(function (x) { return x !== id; }); seen.unshift(id); localStorage.setItem('aurora:rv', JSON.stringify(seen.slice(0, 12))); } catch (e) {} } function initRecentlyViewed(root) { (root || document).querySelectorAll('[data-recently-viewed]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); var ids = []; try { ids = JSON.parse(localStorage.getItem('aurora:rv') || '[]'); } catch (e) {} var current = document.querySelector('[data-product]'); var currentId = current ? parseInt(current.getAttribute('data-product-id'), 10) : null; ids = ids.filter(function (x) { return x !== currentId; }).slice(0, parseInt(el.getAttribute('data-limit'), 10) || 4); if (!ids.length) return; fetch('/api/storefront/products?ids=' + ids.join(','), { headers: { Accept: 'application/json' } }) .then(function (r) { return r.json(); }) .then(function (b) { var items = (b.data || []); if (!items.length) return; // keep localStorage order items.sort(function (a, x) { return ids.indexOf(a.id) - ids.indexOf(x.id); }); el.querySelector('[data-rv-grid]').innerHTML = items.map(function (p) { return '' + '' + (p.image ? ' ' + p.name + '

' : '') + '' + '' + p.name + '' + '' + money(p.price) + ''; }).join(''); el.hidden = false; }).catch(function () {}); }); } function bootT4(root) { initBeforeAfter(root); initHotspots(root); initCountup(root); initGalleryLightbox(root); recordView(); initRecentlyViewed(root); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', function () { bootT4(); }); else bootT4(); var p4 = null; new MutationObserver(function () { clearTimeout(p4); p4 = setTimeout(function () { bootT4(); }, 150); }).observe(document.body, { childList: true, subtree: true }); })(); /* ================= checkout module ================= */ (function () { 'use strict'; async function prefillCheckout(form) { try { var res = await fetch('/api/storefront/account/me', { headers: { Accept: 'application/json' } }); if (!res.ok) return; var me = (await res.json()).data; var set = function (name, val) { var input = form.querySelector('[name=' + name + ']'); if (input && !input.value && val) input.value = val; }; set('email', me.email); set('first_name', me.first_name); set('last_name', me.last_name); set('phone', me.phone); } catch (e) {} } /* Live server-side totals: shipping, tax, discount preview. */ function money(cents, currency) { return (cents / 100).toFixed(2) + ' ' + (currency || 'USD'); } async function refreshQuote(form) { var box = document.querySelector('[data-chk-totals]'); if (!box) return; var code = (form.querySelector('[name=discount_code]') || {}).value || ''; try { var res = await fetch('/api/storefront/checkout/quote' + (code ? ('?discount_code=' + encodeURIComponent(code.trim())) : ''), { headers: { Accept: 'application/json' }, }); if (!res.ok) { // No cart yet (e.g. fresh preview) — show honest placeholders. var sh = box.querySelector('[data-chk-shipping]'); if (sh && sh.textContent.trim() === '—') sh.textContent = 'Calculated at checkout'; return; } var q = (await res.json()).data; var cur = box.getAttribute('data-currency'); var set = function (sel, val) { var el = box.querySelector(sel); if (el) el.textContent = val; }; set('[data-chk-subtotal]', money(q.subtotal, cur)); set('[data-chk-shipping]', q.shipping_total > 0 ? money(q.shipping_total, cur) : 'Free'); set('[data-chk-tax]', q.tax_total > 0 ? money(q.tax_total, cur) : '—'); set('[data-chk-total]', money(q.grand_total, cur)); var row = box.querySelector('[data-chk-discount-row]'); if (row) { row.hidden = !(q.discount_total > 0); set('[data-chk-discount]', '-' + money(q.discount_total, cur)); } var msg = form.querySelector('[data-chk-discount-msg]'); if (msg) { if (code && q.discount_valid === false) { msg.hidden = false; msg.textContent = 'This discount code is not valid.'; msg.style.color = '#b42318'; } else if (code && q.discount_valid) { msg.hidden = false; msg.textContent = 'Discount applied.'; msg.style.color = '#067647'; } else { msg.hidden = true; } } } catch (e) {} } function initCheckout(root) { (root || document).querySelectorAll('[data-checkout-form]:not([data-init])').forEach(function (form) { form.setAttribute('data-init', ''); prefillCheckout(form); refreshQuote(form); var applyBtn = form.querySelector('[data-chk-apply-discount]'); if (applyBtn) applyBtn.addEventListener('click', function () { refreshQuote(form); }); var codeInput = form.querySelector('[name=discount_code]'); if (codeInput) codeInput.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); refreshQuote(form); } }); form.addEventListener('submit', async function (e) { e.preventDefault(); var btn = form.querySelector('.chk__submit'); var errEl = form.querySelector('[data-checkout-error]'); btn.disabled = true; errEl.hidden = true; var f = new FormData(form); try { var res = await fetch('/api/storefront/checkout', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ email: f.get('email'), phone: f.get('phone') || null, first_name: f.get('first_name'), last_name: f.get('last_name') || null, address: { line1: f.get('line1'), line2: f.get('line2') || null, city: f.get('city'), postal_code: f.get('postal_code') || null, country: f.get('country'), }, payment_method: f.get('payment_method'), discount_code: f.get('discount_code') || null, accepts_marketing: f.get('accepts_marketing') === '1', note: f.get('note') || null, }), }); var body = await res.json(); if (!res.ok) throw body; window.location.assign(body.data.redirect_url || ('/orders/confirm/' + body.data.token)); } catch (err) { errEl.textContent = (err && (err.message || (err.data && err.data.message))) || 'Could not place the order.'; errEl.hidden = false; btn.disabled = false; } }); }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', function () { initCheckout(); }); else initCheckout(); new MutationObserver(function () { initCheckout(); }).observe(document.body, { childList: true, subtree: true }); })(); /* ================= customer account module ================= */ (function () { 'use strict'; function initAccount(root) { (root || document).querySelectorAll('[data-account-auth]:not([data-init])').forEach(function (el) { el.setAttribute('data-init', ''); el.querySelectorAll('[data-auth-tab]').forEach(function (tab) { tab.addEventListener('click', function () { el.querySelectorAll('[data-auth-tab]').forEach(function (t) { t.classList.toggle('is-active', t === tab); }); el.querySelectorAll('[data-auth-form]').forEach(function (f) { f.hidden = f.getAttribute('data-auth-form') !== tab.getAttribute('data-auth-tab'); }); }); }); el.querySelectorAll('[data-auth-form]').forEach(function (form) { form.addEventListener('submit', async function (e) { e.preventDefault(); var kind = form.getAttribute('data-auth-form'); var err = form.querySelector('[data-auth-error]'); var btn = form.querySelector('button[type=submit]'); btn.disabled = true; err.hidden = true; var f = new FormData(form); var body = {}; f.forEach(function (v, k) { body[k] = v; }); try { var res = await fetch('/api/storefront/account/' + kind, { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify(body), }); var data = await res.json(); if (!res.ok) throw data; window.location.assign('/account'); } catch (e2) { err.textContent = (e2 && (e2.message || (e2.data && e2.data.message))) || 'Something went wrong.'; err.hidden = false; btn.disabled = false; } }); }); }); (root || document).querySelectorAll('[data-account-logout]:not([data-init])').forEach(function (btn) { btn.setAttribute('data-init', ''); btn.addEventListener('click', async function () { await fetch('/api/storefront/account/logout', { method: 'POST', headers: { Accept: 'application/json' } }).catch(function () {}); window.location.assign('/account/login'); }); }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', function () { initAccount(); }); else initAccount(); new MutationObserver(function () { initAccount(); }).observe(document.body, { childList: true, subtree: true }); })(); /* ---- quick add: Shopify-style variant popover on product cards ---- */ (function () { function money2(c) { try { return money(c); } catch (e) { return '$' + (c / 100).toFixed(2); } } function designMode() { var r = document.querySelector('.theme-root'); return !!(r && r.getAttribute('data-design-mode') === 'true'); } var state = { product: null, sel: {} }; function variantFor() { if (!state.product || !state.product.variants || !state.product.variants.length) return null; return state.product.variants.find(function (v) { var ov = v.option_values || {}; return Object.keys(state.sel).every(function (k) { return ov[k] === state.sel[k]; }); }) || null; } function render() { var p = state.product; var el = document.querySelector('[data-qadd]'); if (!el) { el = document.createElement('div'); el.setAttribute('data-qadd', ''); el.className = 'qadd'; el.innerHTML = '

'; document.body.appendChild(el); el.addEventListener('click', function (e) { if (e.target.closest('[data-qadd-close]')) closeQuickAdd(); var pill = e.target.closest('[data-qadd-opt]'); if (pill) { state.sel[pill.getAttribute('data-qadd-opt')] = pill.getAttribute('data-qadd-val'); render(); } var add = e.target.closest('[data-qadd-add]'); if (add) submit(false); var buy = e.target.closest('[data-qadd-buy]'); if (buy) submit(true); }); } var v = variantFor(); var optsHtml = (p.options || []).map(function (o) { return '

' + o.name + ': ' + (state.sel[o.name] || '') + '

' + '

' + o.values.map(function (val) { return ''; }).join('') + '

'; }).join(''); var oos = p.variants && p.variants.length && (!v || !v.in_stock); el.querySelector('.qadd__panel').innerHTML = '

' + (p.images && p.images[0] ? '

' : '') + '

' + p.name + '

' + money2(v ? v.price : p.price) + '

' + '

' + optsHtml + '

' + '

' + '' + '' + '

'; return el; } async function submit(buyNow) { var v = variantFor(); try { var res = await fetch('/api/storefront/cart/items', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ product_id: state.product.id, variant_id: v ? v.id : null, quantity: 1 }), }); var body = await res.json(); if (!res.ok) throw body; document.dispatchEvent(new CustomEvent('aurora:cart-updated', { detail: body.data })); closeQuickAdd(); if (buyNow && !designMode()) { window.location.assign('/checkout'); return; } // Open the cart drawer through the header icon (main module scope). // (Editor: Buy it now adds to cart + opens the drawer — never a // full-page checkout redirect inside the preview.) var icon = document.querySelector('[data-cart-icon]'); if (icon) icon.click(); } catch (err) { var msg = (err && err.data && err.data.message) || 'Could not add to cart.'; if (window.auroraToast) window.auroraToast(msg, 'error'); } } function closeQuickAdd() { var el = document.querySelector('[data-qadd]'); if (el) el.classList.remove('is-open'); } document.addEventListener('click', async function (e) { var btn = e.target.closest('[data-quick-add]'); if (!btn) return; e.preventDefault(); e.stopImmediatePropagation(); try { var res = await fetch('/api/storefront/products/' + encodeURIComponent(btn.getAttribute('data-quick-add')), { headers: { Accept: 'application/json' } }); var body = await res.json(); if (!res.ok) throw body; state.product = body.data; state.sel = {}; (state.product.options || []).forEach(function (o) { state.sel[o.name] = o.values[0]; }); var el = render(); requestAnimationFrame(function () { el.classList.add('is-open'); }); setTimeout(function () { el.classList.add('is-open'); }, 120); } catch (err) { /* fall through silently */ } }, true); })();

Beats

You may also like