${it.title} $${it.price.toFixed(2)} • Qty:

`; cartItemsEl.appendChild(li); }); cartTotalEl.textContent = `$${Cart.cartTotal(items).toFixed(2)}`; } function openCartPanel() { cartPanel.setAttribute("aria-hidden", "false"); overlay.hidden = false; } function closeCartPanel() { cartPanel.setAttribute("aria-hidden", "true"); overlay.hidden = true; } cartToggle.addEventListener("click", () => { const hidden = cartPanel.getAttribute("aria-hidden") === "true"; hidden ? openCartPanel() : closeCartPanel(); renderCart(); }); cartClose.addEventListener("click", () => { closeCartPanel(); }); // delegate remove & qty change cartItemsEl.addEventListener("click", (e) => { const rm = e.target.closest(".remove"); if (rm) { const id = rm.dataset.id; Cart.removeFromCart(id); renderCart(); dispatchCartUpdate(); } }); cartItemsEl.addEventListener("change", (e) => { const input = e.target; if (input.classList.contains("qty-input")) { const id = input.dataset.id; const qty = parseInt(input.value, 10) || 1; Cart.updateQty(id, qty); renderCart(); dispatchCartUpdate(); } }); // checkout button simple action const checkoutBtn = root.querySelector("#checkout-btn"); checkoutBtn.addEventListener("click", () => { alert("Checkout is a demo. Your cart will be cleared."); Cart.clearCart(); renderCart(); dispatchCartUpdate(); closeCartPanel(); }); // initial render renderCart(); // helpers to allow external components to trigger render window.__onepiece_renderCart = renderCart; window.__onepiece_openCart = openCartPanel; window.__onepiece_closeCart = closeCartPanel; } // small helper to broadcast cart updates to header function dispatchCartUpdate() { const ev = new CustomEvent("onepiece:cart-updated"); window.dispatchEvent(ev); } export function wireGlobalCartCounter(root) { const counter = root.querySelector("#cart-count"); function update() { const items = Cart.getCart(); counter.textContent = items.reduce((s, i) => s + i.qty, 0); } update(); window.addEventListener("onepiece:cart-updated", update); } // expose a tiny API for other modules export function addProductById(id) { for (const c of categories) { for (const p of c.items) { if (p.id === id) { const added = Cart.addToCart(p); dispatchCartUpdate(); return added; } } } return null; } 1d:T282f, Onepiece Jewellery