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 viewIcon = ''; var deleteIcon = ''; 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 + '

' + '

' + '' + '

'; enhanceCartItemActions(root, viewIcon, deleteIcon); } function renderCartPage(options) { options = options || {}; var root = document.querySelector("[data-cart-root]"); if (!root) return; var cart = readCart(); if (!cart.length) { renderEmptyCart(root); return; } if (options.showLoading !== false || !root.querySelector("[data-cart-line]")) { 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 = sanitizePickerQuantity(quantityNode ? quantityNode.textContent : 0); var stock = Number(addRoot.getAttribute("data-stock") || "1"); if (target.closest("[data-cart-quantity-decrease]")) { currentQuantity = Math.max(0, 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 || currentQuantity <= 0) return; var selectedColor = getSelectedCartColor(addRoot); setCartItem(addRoot.getAttribute("data-product-id"), currentQuantity, selectedColor); updateAddToCartQuantity(addRoot); 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]")) { var nextQuantity = quantity - 1; previewCartLineQuantity(line, nextQuantity); updateCartItem(productId, color, nextQuantity); return; } if (target.closest("[data-cart-item-increase]")) { var increasedQuantity = quantity + 1; previewCartLineQuantity(line, increasedQuantity); updateCartItem(productId, color, increasedQuantity); return; } if (target.closest("[data-cart-item-remove]")) { previewCartLineQuantity(line, 0); removeCartItem(productId, color); return; } } if (target.closest("[data-cart-clear]")) { saveCart([]); renderCartPage(); return; } if (target.closest('a[href="/panier"]')) { window.setTimeout(renderCartPage, 400); } }); document.addEventListener("change", function (event) { var target = event.target; if (!(target instanceof Element)) return; if (target.matches("[data-cart-color-option]")) { var addRoot = target.closest("[data-add-to-cart]"); if (addRoot) updateAddToCartQuantity(addRoot); } }); window.addEventListener(CART_EVENT, function () { updateCartBadges(); initializeAddToCartPickers(); renderCartPage({ showLoading: false }); }); window.addEventListener("storage", function () { updateCartBadges(); initializeAddToCartPickers(); renderCartPage({ showLoading: false }); }); window.addEventListener("pageshow", function () { updateCartBadges(); initializeAddToCartPickers(); }); if (window.MutationObserver) { new MutationObserver(function (mutations) { var shouldSyncPickers = mutations.some(function (mutation) { return Array.from(mutation.addedNodes).some(function (node) { return node instanceof Element && (node.matches("[data-add-to-cart]") || Boolean(node.querySelector("[data-add-to-cart]"))); }); }); if (shouldSyncPickers) { scheduleAddToCartPickerSync(); } }).observe(document.body, { childList: true, subtree: true }); } document.addEventListener("DOMContentLoaded", function () { updateCartBadges(); initializeAddToCartPickers(); renderCartPage(); }); updateCartBadges(); initializeAddToCartPickers(); renderCartPage(); })();

test

Informations produit

Retours vérifiés