≪SALE≫【GENTIL】Padded Volume Vest

{ const openButton = e.target.closest('.js-open-variant-modal'); if (openButton) { e.preventDefault(); e.stopPropagation(); openModal(); return; } const closeButton = e.target.closest('[data-close-modal]'); if (closeButton || e.target === modal) { document.querySelector('.variant-confirm').classList.add('is-hidden'); document.querySelector('.variant-select').classList.remove('is-hidden'); closeModal(); } }); document.addEventListener('click', async (e) => { const addButton = e.target.closest('.js-add-variant'); if (!addButton) return; const variantId = addButton.dataset.variantId; const response = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ items: [ { id: variantId, quantity: 1, }, ], }), }); const result = await response.json(); if (!response.ok) { const errorEl = document.querySelector('.variant-modal__error'); errorEl.classList.remove('is-hidden'); errorEl.textContent = result.description || result.message; setTimeout(() => { errorEl.classList.add('is-hidden'); },2000); return; } document.querySelector('.variant-select').classList.add('is-hidden'); document.querySelector('.variant-confirm').classList.remove('is-hidden'); document.querySelector('.js-confirm-size').textContent = addButton.dataset.size; document.querySelector('.js-confirm-color').textContent = addButton.dataset.color; document.querySelector('.js-confirm-price').textContent = addButton.dataset.price; document.querySelector('.js-confirm-image').src = addButton.dataset.image; }); document.addEventListener('click', (e) => { if (e.target.closest('.js-go-cart')) { location.href = '/cart'; } if (e.target.closest('.js-back-select')) { document.querySelector('.variant-confirm').classList.add('is-hidden'); document.querySelector('.variant-select').classList.remove('is-hidden'); closeModal(); } }); function refreshWishlistButtons(retry = 0) { if (!window._swat) return; window._swat.fetch(function(products) { if (products.length === 0 && retry < 10) { setTimeout(function () { refreshWishlistButtons(retry + 1); }, 300); return; } document.querySelectorAll(".variant-wishlist").forEach(btn => { const exists = products.some( p => Number(p.epi) === Number(btn.dataset.variantId) ); btn.classList.toggle("variant-added", exists); }); document.querySelectorAll(".btn.-style5").forEach(btn => { const productId = Number(btn.dataset.productId); const hasWishlist = products.some( p => Number(p.empi) === productId ); btn.classList.toggle("variant-added", hasWishlist); }); }); } document.addEventListener("DOMContentLoaded", function () { const timer = setInterval(function () { if (!window._swat) return; window._swat.fetch(function (products) { if (products.length === 0) return; refreshWishlistButtons(); clearInterval(timer); }); }, 300); }); document.addEventListener("click", function(e){ const btn = e.target.closest(".variant-wishlist"); if(!btn) return; const exists = btn.classList.contains("variant-added"); if(exists){ _swat.removeFromWishList({ empi:Number(btn.dataset.productId), epi:Number(btn.dataset.variantId) }, refreshWishlistButtons); }else{ _swat.addToWishList({ empi:Number(btn.dataset.productId), epi:Number(btn.dataset.variantId) }, refreshWishlistButtons); } });