Votre sélection

' + '

Panier vide

' + '

Ajoutez un produit depuis une fiche produit pour commencer votre sélection.

' + 'Voir le catalogue' + '

' + '

' + '' + '

'; } function renderCartItems(root, items) { var subtotal = items.reduce(function (total, item) { return total + item.product.price * item.quantity; }, 0); var totalQuantity = items.reduce(function (total, item) { return total + item.quantity; }, 0); var itemHtml = items .map(function (item) { var product = item.product; var imageStyle = product.coverImage ? ' style="background-image:url(' + escapeHtml(product.coverImage) + ')"' : ""; return ( '

' + '' + (product.coverImage ? '

' : "") + '

' + '' + '

' + '

' + '' + escapeHtml(product.category) + '' + (product.brand ? '' + escapeHtml(product.brand) + '' : "") + '

' + '' + escapeHtml(product.name) + '' + (item.color ? '

Couleur: ' + escapeHtml(item.color) + '

' : "") + '

' + escapeHtml(product.shortDescription) + '

' + '

' + '' + '' + item.quantity + '' + '' + '

' + 'Revenir au produit' + '' + '

' + '

' + formatPrice(product.price * item.quantity) + '

' + '

' + formatPrice(product.price) + ' / unité

' + '

' ); }) .join(""); root.innerHTML = '

' + '

Panier

' + '

Votre sélection

' + '

' + itemHtml + '

' + '

' + '' + '

'; } function renderCartPage() { var root = document.querySelector("[data-cart-root]"); if (!root) return; var cart = readCart(); if (!cart.length) { renderEmptyCart(root); return; } root.innerHTML = '

Chargement du panier...

'; fetch("/api/cart/products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ items: cart }) }) .then(function (response) { if (!response.ok) throw new Error("Cart request failed"); return response.json(); }) .then(function (data) { var items = Array.isArray(data.items) ? data.items : []; if (!items.length) { saveCart([], false); renderEmptyCart(root); return; } var availableItems = items.map(function (item) { return { color: item.color || "", productId: item.product.id, quantity: item.quantity }; }); var hasChanged = availableItems.length !== cart.length || availableItems.some(function (item, index) { var existingItem = cart[index]; return !existingItem || existingItem.productId !== item.productId || String(existingItem.color || "") !== String(item.color || "") || existingItem.quantity !== item.quantity; }); if (hasChanged) { saveCart(availableItems, false); } renderCartItems(root, items); }) .catch(function () { root.innerHTML = '

Impossible de charger le panier pour le moment.

'; }); } document.addEventListener("click", function (event) { var target = event.target; if (!(target instanceof Element)) return; var addRoot = target.closest("[data-add-to-cart]"); if (addRoot) { var quantityNode = addRoot.querySelector("[data-cart-quantity]"); var currentQuantity = sanitizeQuantity(quantityNode ? quantityNode.textContent : 1); var stock = Number(addRoot.getAttribute("data-stock") || "1"); if (target.closest("[data-cart-quantity-decrease]")) { currentQuantity = Math.max(1, currentQuantity - 1); if (quantityNode) quantityNode.textContent = String(currentQuantity); return; } if (target.closest("[data-cart-quantity-increase]")) { currentQuantity = Math.min(Math.max(stock, 1), currentQuantity + 1); if (quantityNode) quantityNode.textContent = String(currentQuantity); return; } if (target.closest("[data-cart-add]")) { if (stock <= 0) return; var colorInput = addRoot.querySelector("[data-cart-color-option]:checked"); var selectedColor = colorInput ? colorInput.value : ""; addCartItem(addRoot.getAttribute("data-product-id"), currentQuantity, selectedColor); var status = addRoot.querySelector("[data-cart-status]"); var label = addRoot.querySelector("[data-cart-add-label]"); if (status) status.hidden = false; if (label) label.textContent = "Ajouté"; window.setTimeout(function () { if (status) status.hidden = true; if (label) label.textContent = "Ajouter au panier"; }, 1800); } } var line = target.closest("[data-cart-line]"); if (line) { var productId = line.getAttribute("data-product-id"); var color = line.getAttribute("data-color") || ""; var quantity = sanitizeQuantity(line.getAttribute("data-quantity")); if (target.closest("[data-cart-item-decrease]")) { updateCartItem(productId, color, quantity - 1); renderCartPage(); return; } if (target.closest("[data-cart-item-increase]")) { updateCartItem(productId, color, quantity + 1); renderCartPage(); return; } if (target.closest("[data-cart-item-remove]")) { removeCartItem(productId, color); renderCartPage(); return; } } if (target.closest("[data-cart-clear]")) { saveCart([]); renderCartPage(); return; } if (target.closest('a[href="/panier"]')) { window.setTimeout(renderCartPage, 400); } }); window.addEventListener(CART_EVENT, renderCartPage); window.addEventListener("storage", function () { updateCartBadges(); renderCartPage(); }); document.addEventListener("DOMContentLoaded", function () { updateCartBadges(); renderCartPage(); }); updateCartBadges(); renderCartPage(); })();

Bague

Informations produit

Retours vérifiés