(function () { var loumontCartFixScheduled = false; function injectLoumontProgressStyle() { if (document.getElementById('loumont-moonbundle-progress-style')) return; var css = ` #moonbundle-cart-drawer .moonbundle-cart-progress-bar { width: 100% !important; overflow: visible !important; } #moonbundle-cart-drawer .moonbundle-cart-progress-bar-segments.loumont-progress-fixed { position: relative !important; display: block !important; width: 100% !important; height: 106px !important; margin: 6px 0 0 0 !important; padding: 0 !important; overflow: visible !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector.first { display: none !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector { position: absolute !important; top: 15px !important; height: var(--moonbundle-cartdrawer-progressBar-connector-height, 6px) !important; background: var(--moonbundle-cartdrawer-progressBar-inactive, #efefef) !important; border-radius: var(--moonbundle-cartdrawer-progressBar-connector-borderRadius, 100px) !important; overflow: hidden !important; margin: 0 !important; z-index: 1 !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector-fill { height: 100% !important; background: var(--moonbundle-cartdrawer-progressBar-active, #000000) !important; border-radius: inherit !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector[data-loumont-connector="1"] { left: 20px !important; width: calc(50% - 20px) !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector[data-loumont-connector="2"] { left: 50% !important; width: calc(50% - 20px) !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div:not(.moonbundle-cart-progress-bar-connector) { position: absolute !important; top: 0 !important; width: 100px !important; z-index: 3 !important; margin: 0 !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div[data-loumont-step="1"] { left: 60px !important; transform: translateX(-50%) !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div[data-loumont-step="2"] { left: 50% !important; transform: translateX(-50%) !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div[data-loumont-step="3"] { left: calc(100% - 30px) !important; transform: translateX(-50%) !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-wrapper { width: 92px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; margin: 0 !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment { position: relative !important; z-index: 4 !important; margin: 0 auto !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-title { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-image-wrapper, #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-icon.custom-icon { display: flex !important; align-items: center !important; justify-content: center !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-text-below { width: 92px !important; margin-top: 7px !important; text-align: center !important; line-height: 1.15 !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-text-below-title, #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-text-below-subtitle { display: block !important; width: 100% !important; text-align: center !important; white-space: normal !important; word-break: normal !important; } @media screen and (max-width: 480px) { #moonbundle-cart-drawer .moonbundle-cart-progress-bar-segments.loumont-progress-fixed { height: 73px !important; margin-top: 6px !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector { top: 13px !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector[data-loumont-connector="1"] { left: 15px !important; width: calc(50% - 15px) !important; } #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-connector[data-loumont-connector="2"] { left: 50% !important; width: calc(50% - 5px) !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div[data-loumont-step="1"] { left: 50px !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div[data-loumont-step="3"] { left: calc(100% - 10px) !important; } #moonbundle-cart-drawer .loumont-progress-fixed > div:not(.moonbundle-cart-progress-bar-connector), #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-wrapper, #moonbundle-cart-drawer .loumont-progress-fixed .moonbundle-cart-progress-bar-segment-text-below { width: 140px !important; } } `; var style = document.createElement('style'); style.id = 'loumont-moonbundle-progress-style'; style.textContent = css; document.head.appendChild(style); } function fixMoonBundleProgressBar() { injectLoumontProgressStyle(); var bars = document.querySelectorAll('#moonbundle-cart-drawer .moonbundle-cart-progress-bar-segments'); bars.forEach(function (bar) { bar.classList.add('loumont-progress-fixed'); var connectors = bar.querySelectorAll(':scope > .moonbundle-cart-progress-bar-connector'); var steps = Array.prototype.filter.call(bar.children, function (child) { return !child.classList.contains('moonbundle-cart-progress-bar-connector'); }); if (connectors[1]) connectors[1].setAttribute('data-loumont-connector', '1'); if (connectors[2]) connectors[2].setAttribute('data-loumont-connector', '2'); if (steps[0]) steps[0].setAttribute('data-loumont-step', '1'); if (steps[1]) steps[1].setAttribute('data-loumont-step', '2'); if (steps[2]) steps[2].setAttribute('data-loumont-step', '3'); }); } function isLoumontGiftItem(item) { var title = item.querySelector('.moonbundle-cart-item-title'); var titleText = title ? title.textContent.trim().toUpperCase() : ''; var itemText = item.textContent.toUpperCase(); var isTravelBag = titleText.indexOf('TRAVEL BAG') !== -1 || titleText.indexOf('DARK TRAVEL BAG') !== -1; var isTshirtGift = titleText.indexOf('T-SHIRT OFFERT') !== -1 || titleText.indexOf('T SHIRT OFFERT') !== -1; var hasFreePrice = itemText.indexOf('0,00€') !== -1 || itemText.indexOf('0.00€') !== -1 || itemText.indexOf('GRATUIT') !== -1; return (isTravelBag || isTshirtGift) && hasFreePrice; } function moveMoonBundleFreeGiftsToBottom() { var cartItemsContainer = document.querySelector('#moonbundle-cart-items'); if (!cartItemsContainer) return; var items = Array.prototype.slice.call( cartItemsContainer.querySelectorAll(':scope > .moonbundle-cart-item') ); if (items.length < 2) return; var giftItems = items.filter(isLoumontGiftItem); if (!giftItems.length) return; var lastNonGiftIndex = -1; items.forEach(function (item, index) { if (!isLoumontGiftItem(item)) { lastNonGiftIndex = index; } }); var firstGiftIndex = items.findIndex(isLoumontGiftItem); if (firstGiftIndex > lastNonGiftIndex) return; giftItems.forEach(function (giftItem) { cartItemsContainer.appendChild(giftItem); }); } function runLoumontCartFixes() { fixMoonBundleProgressBar(); moveMoonBundleFreeGiftsToBottom(); } function scheduleLoumontCartFixes() { if (loumontCartFixScheduled) return; loumontCartFixScheduled = true; window.requestAnimationFrame(function () { loumontCartFixScheduled = false; runLoumontCartFixes(); }); } scheduleLoumontCartFixes(); var observer = new MutationObserver(function () { scheduleLoumontCartFixes(); }); observer.observe(document.body, { childList: true, subtree: true }); document.addEventListener('click', function () { setTimeout(scheduleLoumontCartFixes, 150); setTimeout(scheduleLoumontCartFixes, 600); }); document.addEventListener('change', function () { setTimeout(scheduleLoumontCartFixes, 150); setTimeout(scheduleLoumontCartFixes, 600); }); })(); (function () { function normalizeMoonBundleProgressTextWeight() { var textBlocks = document.querySelectorAll( '#moonbundle-cart-drawer .moonbundle-cart-progress-bar-initial-text' ); textBlocks.forEach(function (block) { block.style.fontWeight = '800'; block.style.textShadow = '0.40px 0 0 currentColor'; block.style.letterSpacing = '0.1px'; var strongElements = block.querySelectorAll('strong, b'); strongElements.forEach(function (strong) { var span = document.createElement('span'); span.textContent = strong.textContent; span.style.fontWeight = '800'; span.style.textShadow = '0.40px 0 0 currentColor'; span.style.letterSpacing = '0.1px'; strong.parentNode.replaceChild(span, strong); }); Array.prototype.forEach.call(block.children, function (child) { child.style.fontWeight = '800'; child.style.textShadow = '0.40px 0 0 currentColor'; child.style.letterSpacing = '0.1px'; }); }); } normalizeMoonBundleProgressTextWeight(); var observer = new MutationObserver(function () { normalizeMoonBundleProgressTextWeight(); }); observer.observe(document.body, { childList: true, subtree: true }); document.addEventListener('click', function () { setTimeout(normalizeMoonBundleProgressTextWeight, 100); setTimeout(normalizeMoonBundleProgressTextWeight, 400); }); document.addEventListener('change', function () { setTimeout(normalizeMoonBundleProgressTextWeight, 100); setTimeout(normalizeMoonBundleProgressTextWeight, 400); }); })(); (function () { function moveUpsellPriceUnderTitle() { var upsells = document.querySelectorAll( '#moonbundle-cart-drawer .moonbundle-cart-upsell-toggle-container' ); upsells.forEach(function (upsell) { var content = upsell.querySelector('.moonbundle-cart-upsell-toggle-content'); var right = upsell.querySelector('.moonbundle-cart-upsell-toggle-right'); var price = upsell.querySelector('.moonbundle-cart-upsell-toggle-price-container'); if (!content || !right || !price) return; if (price.parentNode !== content) { content.appendChild(price); } }); } moveUpsellPriceUnderTitle(); var observer = new MutationObserver(function () { moveUpsellPriceUnderTitle(); }); observer.observe(document.body, { childList: true, subtree: true }); document.addEventListener('click', function () { setTimeout(moveUpsellPriceUnderTitle, 100); setTimeout(moveUpsellPriceUnderTitle, 400); }); document.addEventListener('change', function () { setTimeout(moveUpsellPriceUnderTitle, 100); setTimeout(moveUpsellPriceUnderTitle, 400); }); })(); (function () { var isOrganizingUpsell = false; function organizeUpsellInFooter() { if (isOrganizingUpsell) return; var drawer = document.querySelector('#moonbundle-cart-drawer'); if (!drawer) return; var footer = drawer.querySelector('.moonbundle-cart-drawer-footer'); var checkoutButton = drawer.querySelector('.moonbundle-cart-drawer-checkout'); var upsellWrapper = drawer.querySelector('.moonbundle-cart-upsell-products-wrapper'); var titleRow = drawer.querySelector('.moonbundle-cart-upsell-title-row'); if (!footer || !checkoutButton || !upsellWrapper) return; var toggleSection = upsellWrapper.querySelector('.moonbundle-cart-upsell-toggle-section'); var toggleContainer = upsellWrapper.querySelector('.moonbundle-cart-upsell-toggle-container'); if (!toggleSection || !toggleContainer) return; isOrganizingUpsell = true; if (upsellWrapper.parentNode !== footer) { footer.insertBefore(upsellWrapper, checkoutButton); } if (upsellWrapper.nextElementSibling !== checkoutButton) { footer.insertBefore(upsellWrapper, checkoutButton); } if (titleRow && titleRow.parentNode !== toggleSection) { toggleSection.insertBefore(titleRow, toggleContainer); } if (titleRow && titleRow.nextElementSibling !== toggleContainer) { toggleSection.insertBefore(titleRow, toggleContainer); } isOrganizingUpsell = false; } function scheduleOrganizeUpsellInFooter() { setTimeout(organizeUpsellInFooter, 100); setTimeout(organizeUpsellInFooter, 400); setTimeout(organizeUpsellInFooter, 900); } scheduleOrganizeUpsellInFooter(); document.addEventListener('click', scheduleOrganizeUpsellInFooter); document.addEventListener('change', scheduleOrganizeUpsellInFooter); })(); (function () { if (window.loumontCartVariantSelectorV2Loaded) return; window.loumontCartVariantSelectorV2Loaded = true; var productCache = {}; var variantSelectorTimer = null; function getProductHandleFromItem(item) { var link = item.querySelector('.moonbundle-cart-item-title-link, .moonbundle-cart-item-image-link'); if (!link) return null; var href = link.getAttribute('href') || ''; var match = href.match(/\/products\/([^?\/#]+)/); return match ? match[1] : null; } function getCurrentVariantIdFromItem(item) { var link = item.querySelector('.moonbundle-cart-item-title-link, .moonbundle-cart-item-image-link'); var href = link ? link.getAttribute('href') || '' : ''; var match = href.match(/[?&]variant=(\d+)/); if (match) return match[1]; var key = item.getAttribute('data-item-key') || ''; var keyMatch = key.match(/^(\d+)/); return keyMatch ? keyMatch[1] : null; } function getLineKeyFromItem(item) { return item.getAttribute('data-item-key'); } function getQuantityFromItem(item) { var input = item.querySelector('.moonbundle-quantity-input'); var qty = input ? parseInt(input.value, 10) : 1; if (!qty || qty < 1) qty = 1; return qty; } function getVariantLabel(variant) { if (!variant) return ''; if (variant.option1 && !variant.option2 && !variant.option3) { return variant.option1; } return variant.title || variant.option1 || ''; } function fetchProductData(handle) { if (productCache[handle]) { return Promise.resolve(productCache[handle]); } return fetch('/products/' + handle + '.js', { credentials: 'same-origin' }) .then(function (response) { if (!response.ok) throw new Error('Product not found'); return response.json(); }) .then(function (product) { productCache[handle] = product; return product; }); } function findMatchingCartLine(item, currentVariantId) { var domKey = getLineKeyFromItem(item); return fetch('/cart.js', { credentials: 'same-origin' }) .then(function (response) { if (!response.ok) throw new Error('Impossible de lire le panier'); return response.json(); }) .then(function (cart) { var items = cart.items || []; var exactKeyMatch = items.find(function (line) { return String(line.key) === String(domKey); }); if (exactKeyMatch) return exactKeyMatch; var variantMatch = items.find(function (line) { return String(line.variant_id) === String(currentVariantId); }); if (variantMatch) return variantMatch; return null; }); } function refreshCartWithoutReload() { document.dispatchEvent(new CustomEvent('cart:refresh')); document.dispatchEvent(new CustomEvent('cart:updated')); document.dispatchEvent(new CustomEvent('moonbundle:cart:refresh')); window.dispatchEvent(new CustomEvent('cart:refresh')); window.dispatchEvent(new CustomEvent('cart:updated')); window.dispatchEvent(new CustomEvent('moonbundle:cart:refresh')); setTimeout(function () { document.dispatchEvent(new CustomEvent('cart:refresh')); document.dispatchEvent(new CustomEvent('cart:updated')); document.dispatchEvent(new CustomEvent('moonbundle:cart:refresh')); }, 400); } function changeCartItemVariant(item, newVariantId, select) { var currentVariantId = getCurrentVariantIdFromItem(item); var quantity = getQuantityFromItem(item); if (!currentVariantId || !newVariantId) return; select.disabled = true; findMatchingCartLine(item, currentVariantId) .then(function (cartLine) { if (!cartLine || !cartLine.key) { throw new Error('Ligne panier introuvable'); } var oldProperties = cartLine.properties || {}; return fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ id: cartLine.key, quantity: 0 }) }) .then(function (response) { if (!response.ok) throw new Error('Impossible de retirer l’ancienne variante'); return response.json(); }) .then(function () { return fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ id: Number(newVariantId), quantity: quantity, properties: oldProperties }) }); }); }) .then(function (response) { if (!response.ok) throw new Error('Impossible d’ajouter la nouvelle variante'); return response.json(); }) .then(function () { refreshCartWithoutReload(); setTimeout(function () { buildAllVariantSelectors(); }, 700); }) .catch(function (error) { console.error('[Loumont] Erreur changement variante :', error); select.disabled = false; }); } function cleanDuplicateVariantSelectors(item) { var wrappers = item.querySelectorAll('.loumont-cart-variant-select-wrapper'); wrappers.forEach(function (wrapper, index) { if (index > 0) wrapper.remove(); }); } function buildVariantSelectorForItem(item) { cleanDuplicateVariantSelectors(item); if (item.querySelector('.loumont-cart-variant-select-wrapper')) return; if (item.getAttribute('data-loumont-variant-building') === 'true') return; var handle = getProductHandleFromItem(item); var currentVariantId = getCurrentVariantIdFromItem(item); var oldVariantValue = item.querySelector('.moonbundle-product-options-values'); var optionsContainer = item.querySelector('.moonbundle-product-options'); if (!handle || !currentVariantId || !oldVariantValue) return; item.setAttribute('data-loumont-variant-building', 'true'); fetchProductData(handle) .then(function (product) { if (!product || !product.variants || product.variants.length <= 1) { item.removeAttribute('data-loumont-variant-building'); return; } cleanDuplicateVariantSelectors(item); if (item.querySelector('.loumont-cart-variant-select-wrapper')) { item.removeAttribute('data-loumont-variant-building'); return; } var availableVariants = product.variants.filter(function (variant) { return variant.available || String(variant.id) === String(currentVariantId); }); if (!availableVariants.length) { item.removeAttribute('data-loumont-variant-building'); return; } var wrapper = document.createElement('div'); wrapper.className = 'loumont-cart-variant-select-wrapper'; var select = document.createElement('select'); select.className = 'loumont-cart-variant-select'; availableVariants.forEach(function (variant) { var option = document.createElement('option'); option.value = variant.id; option.textContent = getVariantLabel(variant); if (String(variant.id) === String(currentVariantId)) { option.selected = true; } select.appendChild(option); }); select.addEventListener('change', function () { var newVariantId = select.value; if (String(newVariantId) === String(currentVariantId)) return; changeCartItemVariant(item, newVariantId, select); }); wrapper.appendChild(select); if (oldVariantValue) { oldVariantValue.innerHTML = ''; oldVariantValue.appendChild(wrapper); } else if (optionsContainer) { optionsContainer.innerHTML = ''; optionsContainer.appendChild(wrapper); } item.removeAttribute('data-loumont-variant-building'); }) .catch(function (error) { console.error('[Loumont] Erreur sélecteur variante :', error); item.removeAttribute('data-loumont-variant-building'); }); } function buildAllVariantSelectors() { var items = document.querySelectorAll('#moonbundle-cart-drawer .moonbundle-cart-item'); items.forEach(function (item) { buildVariantSelectorForItem(item); }); } function scheduleBuildAllVariantSelectors() { clearTimeout(variantSelectorTimer); variantSelectorTimer = setTimeout(function () { buildAllVariantSelectors(); }, 250); } scheduleBuildAllVariantSelectors(); document.addEventListener('click', function () { setTimeout(scheduleBuildAllVariantSelectors, 200); setTimeout(scheduleBuildAllVariantSelectors, 700); }); document.addEventListener('change', function () { setTimeout(scheduleBuildAllVariantSelectors, 200); setTimeout(scheduleBuildAllVariantSelectors, 700); }); var observer = new MutationObserver(function () { scheduleBuildAllVariantSelectors(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); (function () { if (window.loumontTshirtGiftModalPickerV8Loaded) return; window.loumontTshirtGiftModalPickerV8Loaded = true; var THRESHOLD_CENTS = 30000; var GIFT_PROPERTY_KEY = '_loumont_tshirt_gift'; var GIFT_PROPERTY_VALUE = 'tshirt_300_picker'; var STORAGE_HANDLE_KEY = 'loumont_tshirt_gift_selected_handle'; var STORAGE_VARIANT_KEY = 'loumont_tshirt_gift_selected_variant'; var PRODUCTS = [ { handle: 'neos-t-shirt-blue', label: 'Bleu' }, { handle: 'neos-t-shirt-blue-copie', label: 'Blanc' }, { handle: 'neos-t-shirt-black', label: 'Noir' } ]; var productCache = {}; var renderTimer = null; var isAddingGift = false; var selectedHandle = localStorage.getItem(STORAGE_HANDLE_KEY) || PRODUCTS[0].handle; var selectedVariantId = localStorage.getItem(STORAGE_VARIANT_KEY) || ''; function fetchCart() { return fetch('/cart.js', { credentials: 'same-origin' }).then(function (response) { if (!response.ok) throw new Error('Impossible de lire le panier'); return response.json(); }); } function fetchProduct(handle) { if (productCache[handle]) return Promise.resolve(productCache[handle]); return fetch('/products/' + handle + '.js', { credentials: 'same-origin' }) .then(function (response) { if (!response.ok) throw new Error('Produit introuvable : ' + handle); return response.json(); }) .then(function (product) { productCache[handle] = product; return product; }); } function fetchAllProducts() { return Promise.all(PRODUCTS.map(function (item) { return fetchProduct(item.handle); })); } function isGiftProductHandle(handle) { return PRODUCTS.some(function (item) { return item.handle === handle; }); } function isLoumontGiftLine(line) { if (!line) return false; var properties = line.properties || {}; return String(properties[GIFT_PROPERTY_KEY] || '') === GIFT_PROPERTY_VALUE; } function getGiftLines(cart) { return (cart.items || []).filter(isLoumontGiftLine); } function getEligibleTotal(cart) { return (cart.items || []).reduce(function (sum, line) { if (isLoumontGiftLine(line)) return sum; return sum + (line.final_line_price || line.line_price || 0); }, 0); } function getProductLabel(handle, product) { var config = PRODUCTS.find(function (item) { return item.handle === handle; }); if (config && config.label) return config.label; return String(product.title || handle) .replace(/NEO'?S/gi, '') .replace(/T[- ]?SHIRT/gi, '') .trim(); } function getProductImage(product) { if (!product) return ''; if (product.featured_image) return product.featured_image; if (product.images && product.images.length) return product.images[0]; return ''; } function getVariantSize(variant) { var values = [ variant.option1, variant.option2, variant.option3 ].filter(Boolean); var sizeOrder = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL']; var found = values.find(function (value) { return sizeOrder.indexOf(String(value).toUpperCase()) !== -1; }); return found || variant.title; } function getAvailableVariants(product) { return (product.variants || []).filter(function (variant) { return variant.available; }); } function removeGiftLine(line) { return fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ id: line.key, quantity: 0 }) }).then(function (response) { if (!response.ok) throw new Error('Impossible de retirer l’ancien t-shirt offert'); return response.json(); }); } function addGiftVariant(variantId) { return fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ id: Number(variantId), quantity: 1, properties: { '_loumont_tshirt_gift': 'tshirt_300_picker', '_cadeau': 'T-shirt offert dès 300€' } }) }).then(function (response) { if (!response.ok) { return response.text().then(function (text) { throw new Error('Impossible d’ajouter le t-shirt offert : ' + text); }); } return response.json(); }); } function refreshMoonBundleCart() { document.dispatchEvent(new CustomEvent('cart:updated')); window.dispatchEvent(new CustomEvent('cart:updated')); setTimeout(function () { document.dispatchEvent(new CustomEvent('cart:refresh')); window.dispatchEvent(new CustomEvent('cart:refresh')); }, 600); } function stabilizeAfterUpdate() { if (window.loumontMoonBundleLayoutStabilizerLoaded) { document.dispatchEvent(new CustomEvent('cart:updated')); document.dispatchEvent(new CustomEvent('moonbundle:cart:refresh')); } window.dispatchEvent(new Event('resize')); } function getPickerMount() { var drawer = document.querySelector('#moonbundle-cart-drawer'); if (!drawer) return null; var body = drawer.querySelector('.moonbundle-cart-body-scrollable'); if (!body) return null; var items = body.querySelector('.moonbundle-cart-body-items') || body.querySelector('#moonbundle-cart-items'); return { body: body, before: items }; } function createPickerIfNeeded() { var mount = getPickerMount(); if (!mount) return null; var picker = document.querySelector('#moonbundle-cart-drawer .loumont-gift-picker'); var modal = document.querySelector('.loumont-gift-modal-overlay'); if (!picker) { picker = document.createElement('div'); picker.className = 'loumont-gift-picker'; picker.innerHTML = ''; if (mount.before && mount.before.parentNode === mount.body) { mount.body.insertBefore(picker, mount.before); } else { mount.body.insertBefore(picker, mount.body.firstChild); } picker.querySelector('.loumont-gift-picker-button').addEventListener('click', function () { var overlay = document.querySelector('.loumont-gift-modal-overlay'); if (overlay) { overlay.classList.add('is-open'); setTimeout(scheduleRenderGiftPicker, 50); } }); } if (!modal) { modal = document.createElement('div'); modal.className = 'loumont-gift-modal-overlay'; modal.innerHTML = ''; document.body.appendChild(modal); modal.querySelector('.loumont-gift-modal-close').addEventListener('click', function () { modal.classList.remove('is-open'); }); modal.addEventListener('click', function (event) { if (event.target === modal) { modal.classList.remove('is-open'); } }); } if (modal.parentNode !== document.body) { document.body.appendChild(modal); } modal.style.position = 'fixed'; modal.style.zIndex = '2147483647'; return modal; } function removePicker() { var picker = document.querySelector('#moonbundle-cart-drawer .loumont-gift-picker'); var modal = document.querySelector('.loumont-gift-modal-overlay'); if (picker) picker.remove(); if (modal) modal.remove(); setTimeout(stabilizeAfterUpdate, 50); setTimeout(stabilizeAfterUpdate, 250); } function fillPickerProducts(modal, products) { var colorsContainer = modal.querySelector('.loumont-gift-colors'); var sizeSelect = modal.querySelector('.loumont-gift-size'); var addButton = modal.querySelector('.loumont-gift-add'); var currentText = modal.querySelector('.loumont-gift-picker-current'); if (!colorsContainer || !sizeSelect || !addButton) return; colorsContainer.innerHTML = ''; products.forEach(function (product) { var productHandle = product.handle; var label = getProductLabel(productHandle, product); var imageUrl = getProductImage(product); var button = document.createElement('button'); button.type = 'button'; button.className = 'loumont-gift-color'; button.setAttribute('data-handle', productHandle); button.setAttribute('aria-label', label); if (imageUrl) { var img = document.createElement('img'); img.src = imageUrl; img.alt = label; button.appendChild(img); } var labelSpan = document.createElement('span'); labelSpan.className = 'loumont-gift-color-label'; labelSpan.textContent = label; button.appendChild(labelSpan); if (productHandle === selectedHandle) { button.classList.add('is-selected'); } button.addEventListener('click', function () { selectedHandle = productHandle; localStorage.setItem(STORAGE_HANDLE_KEY, selectedHandle); var newProduct = products.find(function (p) { return p.handle === selectedHandle; }); var available = newProduct ? getAvailableVariants(newProduct) : []; selectedVariantId = available.length ? String(available[0].id) : ''; localStorage.setItem(STORAGE_VARIANT_KEY, selectedVariantId); fillPickerProducts(modal, products); }); colorsContainer.appendChild(button); }); var selectedProduct = products.find(function (product) { return product.handle === selectedHandle; }); if (!selectedProduct) { selectedProduct = products[0]; selectedHandle = selectedProduct.handle; localStorage.setItem(STORAGE_HANDLE_KEY, selectedHandle); } var variants = getAvailableVariants(selectedProduct); sizeSelect.innerHTML = ''; variants.forEach(function (variant) { var option = document.createElement('option'); option.value = variant.id; option.textContent = getVariantSize(variant); if (String(variant.id) === String(selectedVariantId)) { option.selected = true; } sizeSelect.appendChild(option); }); var selectedExists = variants.some(function (variant) { return String(variant.id) === String(selectedVariantId); }); if (!selectedExists && variants.length) { selectedVariantId = String(variants[0].id); localStorage.setItem(STORAGE_VARIANT_KEY, selectedVariantId); sizeSelect.value = selectedVariantId; } sizeSelect.onchange = function () { selectedVariantId = String(sizeSelect.value); localStorage.setItem(STORAGE_VARIANT_KEY, selectedVariantId); }; addButton.disabled = variants.length === 0 || isAddingGift; if (currentText) { currentText.textContent = ''; } addButton.textContent = 'AJOUTER LE T-SHIRT OFFERT'; addButton.onclick = function () { var variantId = String(sizeSelect.value || selectedVariantId); if (!variantId || isAddingGift) return; selectedVariantId = variantId; localStorage.setItem(STORAGE_VARIANT_KEY, selectedVariantId); localStorage.setItem(STORAGE_HANDLE_KEY, selectedHandle); isAddingGift = true; addButton.disabled = true; addButton.textContent = 'AJOUT EN COURS...'; fetchCart() .then(function (cart) { var existingGifts = getGiftLines(cart); return Promise.all(existingGifts.map(removeGiftLine)); }) .then(function () { return addGiftVariant(variantId); }) .then(function () { refreshMoonBundleCart(); var overlay = document.querySelector('.loumont-gift-modal-overlay'); if (overlay) overlay.classList.remove('is-open'); removePicker(); setTimeout(stabilizeAfterUpdate, 100); setTimeout(stabilizeAfterUpdate, 400); setTimeout(stabilizeAfterUpdate, 900); setTimeout(scheduleRenderGiftPicker, 900); setTimeout(scheduleRenderGiftPicker, 1700); }) .catch(function (error) { console.error('[Loumont] Erreur choix t-shirt offert :', error); }) .finally(function () { isAddingGift = false; addButton.disabled = false; addButton.textContent = 'AJOUTER LE T-SHIRT OFFERT'; }); }; } function renderGiftPicker() { if (isAddingGift) return; Promise.all([ fetchCart(), fetchAllProducts() ]) .then(function (results) { var cart = results[0]; var products = results[1]; var eligibleTotal = getEligibleTotal(cart); var isEligible = eligibleTotal >= THRESHOLD_CENTS; var giftLines = getGiftLines(cart); if (!isEligible) { if (giftLines.length) { Promise.all(giftLines.map(removeGiftLine)).then(function () { refreshMoonBundleCart(); setTimeout(stabilizeAfterUpdate, 100); setTimeout(stabilizeAfterUpdate, 500); }); } removePicker(); return; } if (giftLines.length > 0) { removePicker(); return; } var modal = createPickerIfNeeded(); if (!modal) return; fillPickerProducts(modal, products); }) .catch(function (error) { console.error('[Loumont] Erreur affichage t-shirt offert :', error); }); } function scheduleRenderGiftPicker() { clearTimeout(renderTimer); renderTimer = setTimeout(function () { renderGiftPicker(); }, 400); } scheduleRenderGiftPicker(); document.addEventListener('click', function () { setTimeout(scheduleRenderGiftPicker, 350); setTimeout(scheduleRenderGiftPicker, 1200); setTimeout(scheduleRenderGiftPicker, 2200); }); document.addEventListener('change', function () { setTimeout(scheduleRenderGiftPicker, 350); setTimeout(scheduleRenderGiftPicker, 1200); setTimeout(scheduleRenderGiftPicker, 2200); }); document.addEventListener('cart:updated', function () { setTimeout(scheduleRenderGiftPicker, 350); setTimeout(scheduleRenderGiftPicker, 1200); }); document.addEventListener('moonbundle:cart:refresh', function () { setTimeout(scheduleRenderGiftPicker, 350); setTimeout(scheduleRenderGiftPicker, 1200); }); })(); (function () { if (window.loumontFooterAnimationLoaded) return; window.loumontFooterAnimationLoaded = true; var wasOpen = false; function isDrawerOpen() { var drawer = document.querySelector('#moonbundle-cart-drawer'); if (!drawer) return false; var style = window.getComputedStyle(drawer); var rect = drawer.getBoundingClientRect(); if (style.display === 'none') return false; if (style.visibility === 'hidden') return false; if (rect.width < 50) return false; if (rect.height < 50) return false; return rect.left < window.innerWidth && rect.right > 0; } function restartFooterAnimation() { var drawer = document.querySelector('#moonbundle-cart-drawer'); if (!drawer) return; drawer.classList.remove('loumont-footer-animate'); void drawer.offsetHeight; drawer.classList.add('loumont-footer-animate'); } function checkDrawerState() { var open = isDrawerOpen(); if (open && !wasOpen) { setTimeout(restartFooterAnimation, 80); } wasOpen = open; } document.addEventListener('click', function () { setTimeout(checkDrawerState, 50); setTimeout(checkDrawerState, 250); setTimeout(checkDrawerState, 600); }); document.addEventListener('cart:refresh', checkDrawerState); document.addEventListener('cart:updated', checkDrawerState); document.addEventListener('moonbundle:cart:refresh', checkDrawerState); var observer = new MutationObserver(function () { checkDrawerState(); }); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'style', 'aria-hidden'] }); checkDrawerState(); })();

Country/region

Language

Rejoins la liste VIP et gagne ton cadeau :

SIGN UP TO OUR VIP LIST