` : ``; node.innerHTML = `

${imgHTML}

${it.name} ${it.size || ''}

${it.qty}

$${(it.price * it.qty).toFixed(2)}

`; cartBody.appendChild(node); }); } } if (subtotalEl) subtotalEl.textContent = '$' + subtotal.toFixed(2); if (discountLineEl) { if (discount > 0 && promo) { discountLineEl.style.display = 'flex'; if (discountLabelEl) discountLabelEl.textContent = `Discount (${promo.code} −${promo.discountPercent}%)`; if (discountEl) discountEl.textContent = '−$' + discount.toFixed(2); } else { discountLineEl.style.display = 'none'; } } if (shippingEl) { shippingEl.textContent = cart.length === 0 ? '—' : (shipping === 0 ? 'FREE' : '$' + shipping.toFixed(2)); } if (totalEl) totalEl.textContent = '$' + total.toFixed(2); syncProductCards(); updateFreeShipNote(discountedSubtotal); persist(); }; const updateFreeShipNote = (total) => { const note = document.getElementById('cartShipNote'); if (!note) return; const pct = Math.min(100, (total / FREE_SHIP_THRESHOLD) * 100); let label; if (total === 0) label = 'Free shipping on orders over $130'; else if (total >= FREE_SHIP_THRESHOLD) label = 'You unlocked free shipping · Shipment protection included'; else label = `Add $${(FREE_SHIP_THRESHOLD - total).toFixed(2)} more for free shipping`; note.innerHTML = `${label}`; }; // Keep all visible product cards in sync with cart state const syncProductCards = () => { document.querySelectorAll('.product').forEach(p => { const slug = p.dataset.slug || p.dataset.id; const item = cart.find(c => c.slug === slug); const ctrl = p.querySelector('.cart-control'); const qtyEl = p.querySelector('.qty'); if (!ctrl) return; if (item) { ctrl.classList.add('expanded'); if (qtyEl) qtyEl.textContent = item.qty; } else { ctrl.classList.remove('expanded'); if (qtyEl) qtyEl.textContent = '1'; } }); }; const flyToCart = (sourceImgEl) => { if (!cartBtn || !sourceImgEl) return; const cartRect = cartBtn.getBoundingClientRect(); const srcRect = sourceImgEl.getBoundingClientRect(); if (!srcRect.width || !srcRect.height) return; const ghost = document.createElement('div'); ghost.className = 'fly'; // Find the actual visual element (img or svg) let contentEl = sourceImgEl; const srcTag = sourceImgEl.tagName && sourceImgEl.tagName.toLowerCase(); if (srcTag !== 'img' && srcTag !== 'svg') { contentEl = sourceImgEl.querySelector('img') || sourceImgEl.querySelector('svg') || sourceImgEl; } const contentTag = contentEl.tagName && contentEl.tagName.toLowerCase(); if (contentTag === 'img') { const url = contentEl.currentSrc || contentEl.src || contentEl.getAttribute('src') || ''; if (url) { ghost.style.backgroundImage = `url("${url}")`; ghost.style.backgroundSize = 'contain'; ghost.style.backgroundRepeat = 'no-repeat'; ghost.style.backgroundPosition = 'center'; } } else if (contentTag === 'svg') { const cloned = contentEl.cloneNode(true); cloned.removeAttribute('width'); cloned.removeAttribute('height'); cloned.style.width = '78%'; cloned.style.height = '78%'; ghost.appendChild(cloned); } const startX = srcRect.left + srcRect.width / 2 - 30; const startY = srcRect.top + srcRect.height / 2 - 30; const endX = cartRect.left + cartRect.width / 2 - 30; const endY = cartRect.top + cartRect.height / 2 - 30; ghost.style.left = startX + 'px'; ghost.style.top = startY + 'px'; ghost.style.transition = 'transform .8s cubic-bezier(.4,0,.2,1), opacity .25s ease .55s'; document.body.appendChild(ghost); requestAnimationFrame(() => { requestAnimationFrame(() => { ghost.style.transform = `translate(${endX - startX}px, ${endY - startY}px) scale(.22)`; ghost.style.opacity = '0'; }); }); setTimeout(() => { ghost.remove(); if (cartBtn) { cartBtn.classList.remove('bump'); void cartBtn.offsetWidth; cartBtn.classList.add('bump'); } }, 850); }; // Document-level event delegation for product cards anywhere document.addEventListener('click', (e) => { const product = e.target.closest('.product'); if (product) { const slug = product.dataset.slug || product.dataset.id; const name = product.dataset.name; const price = parseFloat(product.dataset.price); const size = product.dataset.size || ''; const image = product.dataset.image || ''; const color = product.dataset.color || ''; const addBtn = e.target.closest('.add-btn') || e.target.closest('.pdp-add-btn') || e.target.closest('.card-preorder-btn'); if (addBtn) { e.preventDefault(); if (!slug || !name || !Number.isFinite(price)) return; const isBackorder = !!e.target.closest('.card-preorder-btn') || product.querySelector('.img.availability-backorder') != null; const existing = cart.find(c => c.slug === slug); if (existing) { existing.qty++; } else { cart.push({ slug, name, price, size, image, color, qty: 1 }); } const img = product.querySelector('.img') || document.querySelector('.pdp-photo'); try { flyToCart(img); } catch(err) {} renderCart(); showToast(isBackorder ? 'Pre-ordered ' + name : name + ' added'); return; } if (e.target.closest('.inc')) { e.preventDefault(); const item = cart.find(c => c.slug === slug); if (item) { item.qty++; const img = product.querySelector('.img'); flyToCart(img); renderCart(); } return; } if (e.target.closest('.dec')) { e.preventDefault(); const item = cart.find(c => c.slug === slug); if (item) { item.qty--; if (item.qty <= 0) cart = cart.filter(c => c.slug !== slug); renderCart(); } return; } } // Cart drawer item +/- const ciInc = e.target.closest('.ci-inc'); if (ciInc) { e.preventDefault(); const slug = ciInc.dataset.slug; const item = cart.find(c => c.slug === slug); if (item) { item.qty++; renderCart(); } return; } const ciDec = e.target.closest('.ci-dec'); if (ciDec) { e.preventDefault(); const slug = ciDec.dataset.slug; const item = cart.find(c => c.slug === slug); if (item) { item.qty--; if (item.qty <= 0) { const node = ciDec.closest('.cart-item'); if (node) node.classList.add('removing'); setTimeout(() => { cart = cart.filter(c => c.slug !== slug); renderCart(); }, 240); } else { renderCart(); } } return; } // Cart drawer remove button const rm = e.target.closest('.ci-rm'); if (rm) { const slug = rm.dataset.slug; const item = rm.closest('.cart-item'); if (item) item.classList.add('removing'); setTimeout(() => { cart = cart.filter(c => c.slug !== slug); renderCart(); }, 240); } }); renderCart(); // ---------- Promo / affiliate code: validates against /api/promo/validate, applies discount ---------- if (promo && promoInput) { promoInput.value = promo.code; if (promoMsg) { promoMsg.classList.remove('err'); promoMsg.classList.add('ok'); promoMsg.textContent = `Code "${promo.code}" applied · ${promo.discountPercent}% off.`; } } const setPromoMsg = (text, kind) => { if (!promoMsg) return; promoMsg.classList.remove('ok','err'); if (kind) promoMsg.classList.add(kind); promoMsg.textContent = text; }; const clearPromo = () => { promo = null; try { localStorage.removeItem(KEY_PROMO); } catch(e) {} renderCart(); }; if (promoApply && promoInput) { const applyPromo = async () => { const v = (promoInput.value || '').trim().toUpperCase(); if (!v) { clearPromo(); setPromoMsg('Code cleared.'); return; } promoApply.disabled = true; promoApply.textContent = '…'; setPromoMsg('Checking…'); try { const res = await fetch('/api/promo/validate?code=' + encodeURIComponent(v), { cache: 'no-store' }); const data = await res.json(); if (data && data.ok && typeof data.discountPercent === 'number') { promo = { code: data.code, discountPercent: data.discountPercent }; try { localStorage.setItem(KEY_PROMO, JSON.stringify(promo)); } catch(e) {} promoInput.value = promo.code; setPromoMsg(`Code "${promo.code}" applied · ${promo.discountPercent}% off.`, 'ok'); renderCart(); } else { clearPromo(); setPromoMsg((data && data.error) || 'Code not recognized.', 'err'); } } catch (err) { setPromoMsg('Could not validate code. Try again.', 'err'); } finally { promoApply.disabled = false; promoApply.textContent = 'Apply'; } }; promoApply.addEventListener('click', applyPromo); promoInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); applyPromo(); } }); } // ---------- External cart updates (e.g. PDP client component) ---------- window.addEventListener('helixcore:cart-changed', (e) => { try { const raw = localStorage.getItem(KEY_CART); cart = raw ? JSON.parse(raw) : []; } catch (err) { cart = []; } renderCart(); const detail = (e && e.detail) || {}; if (detail.added) showToast(detail.added + ' added'); const photo = document.querySelector('.pdp-photo') || document.querySelector('.pdp-stage svg') || document.querySelector('.pdp-stage'); if (photo) { try { flyToCart(photo); } catch(err) {} } if (detail.openDrawer) { setTimeout(() => { try { openCart(); } catch(err) {} }, 600); } }); // ---------- Newsletter ---------- const nlForm = document.getElementById('newsletterForm'); if (nlForm) { const KEY_NL = 'helixcore_newsletter_v1'; const note = document.getElementById('newsletterNote'); const input = document.getElementById('newsletterEmail'); try { if (localStorage.getItem(KEY_NL)) { nlForm.classList.add('subscribed'); if (note) note.textContent = "You're on the list. Thanks!"; } } catch(e) {} nlForm.addEventListener('submit', (e) => { e.preventDefault(); const email = (input && input.value || '').trim(); const ok = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); if (!ok) { if (note) { note.textContent = 'Please enter a valid email.'; note.classList.add('err'); } if (input) input.focus(); return; } try { localStorage.setItem(KEY_NL, email); } catch(e) {} nlForm.classList.add('subscribed'); if (note) { note.classList.remove('err'); note.textContent = "You're on the list. Thanks!"; } const toast = document.getElementById('toast'); const tmsg = document.getElementById('toastMsg'); if (toast && tmsg) { tmsg.textContent = 'Subscribed'; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2200); } }); } })();

Every product, fully documented.

Stay in the loop.

Are you 21 or older?

Every product, fully documented.