' + '

' + g.month + '

' + '

' + g.name + '

' + (g.price ? '

' + g.price + '

' : '') + '

'; }).join(''); return '

' + '

' + GIFT_TOTAL + ' en cadeaux' + 'INCLUS' + '

' + '

' + GIFT_SUBTITLE + '

' + '

' + '' + '

' + '

' + items + '

' + '

'; }; // TASK 1: UPDATE DYNAMIC REBATE PILL const updateCombinedPill = () => { const bundleActive = document.querySelector('.gbbMixCascadeBoxWrapper--active .gbbMixCascadeBoxDiscountText'); const bundleVal = bundleActive ? parseInt(bundleActive.innerText.replace(/\D/g, '')) : 0; const wrapper = document.querySelector('.gbbMixPageWrapper'); const isSub = wrapper && wrapper.getAttribute('data-purchase-type') === 'SUBSCRIPTION_PURCHASE'; let subVal = 0; if (isSub) { const subPill = document.querySelector('.gbbMixCustomSelectOption[selected="true"] .gbbMixSubscriptionSellingPlanOptionDiscountText'); subVal = subPill ? parseInt(subPill.innerText.replace(/\D/g, '')) : 0; } const atcPills = document.querySelectorAll('.gbbMixCascadeAddToCartBtnDiscountPill'); const total = bundleVal + subVal; if (total > 0) { atcPills.forEach(pill => { const targetText = total + '% off'; if (pill.innerText !== targetText) { pill.innerText = targetText; pill.style.setProperty('display', 'inline-block', 'important'); } }); } }; // TASK 2: INJECT BENEFITS + CARTE CADEAUX const injectBenefits = () => { const subWrapper = document.querySelector('.gbbMixPurchaseOptionWrapper[data-value="SUBSCRIPTION_PURCHASE"]'); if (!subWrapper) return; // Déjà injecté : on sort if (subWrapper.querySelector('.recap-gift-card')) return; const subBox = subWrapper.querySelector('.gbbMixPurchaseOptionContent'); if (!subBox) return; // 1) Liste de bénéfices — reste dans le conteneur interne if (!document.getElementById('recap-benefits-container')) { const listContainer = document.createElement('div'); listContainer.id = 'recap-benefits-container'; listContainer.style.display = 'flex'; listContainer.style.flexDirection = 'column'; listContainer.innerHTML = `

RABAIS DE 15% sur ta première commande
RABAIS DE 10% à vie
LIVRAISON GRATUITE sur chaque commande
SANS ENGAGEMENT, annule ou pause quand tu veux

`; subBox.appendChild(listContainer); } // 2) Carte cadeaux + disclaimer — directement dans l'option d'achat, // le conteneur interne peut rogner les bords. subWrapper.insertAdjacentHTML('beforeend', giftHTML() + '

Minimum de 2 commandes requis*

' ); // 3) Toggle ouvrir/fermer const card = subWrapper.querySelector('.recap-gift-card'); const head = card.querySelector('.recap-gift-head'); const btn = card.querySelector('.recap-gift-toggle'); head.addEventListener('click', function(e) { // Empêche le clic de sélectionner/désélectionner l'option d'abonnement e.preventDefault(); e.stopPropagation(); const collapsed = card.classList.toggle('is-collapsed'); btn.setAttribute('aria-expanded', String(!collapsed)); }); }; // TASK 3: CLEAN UP ANY BANNER LEFT OVER FROM A PREVIOUS VERSION const removeBanner = () => { document.querySelectorAll('#recap-bottle-banner, .recap-free-bottle-banner').forEach(el => el.remove()); }; // TASK 4: FORCE FOOTER STATIC + DRAWER OPEN const fixLayout = () => { // Unstick the footer const footer = document.querySelector('.gbbMixCascadeFooterWrapper'); if (footer) { footer.style.setProperty('position', 'static', 'important'); footer.style.setProperty('bottom', 'auto', 'important'); footer.style.setProperty('left', 'auto', 'important'); footer.style.setProperty('right', 'auto', 'important'); footer.style.setProperty('top', 'auto', 'important'); footer.style.setProperty('z-index', 'auto', 'important'); footer.style.setProperty('box-shadow', 'none', 'important'); footer.style.setProperty('transform', 'none', 'important'); // Force drawer open so subscription widget inside is visible footer.setAttribute('data-drawer-status', 'open'); } // Force the drawer container to show its full height const drawer = document.querySelector('.gbbMixCascadeCartDrawerContainer'); if (drawer) { drawer.style.setProperty('height', 'auto', 'important'); drawer.style.setProperty('max-height', 'none', 'important'); drawer.style.setProperty('overflow', 'visible', 'important'); } // Hide "Voir mes produits" toggle document.querySelectorAll('.gbbMixCascadeSelectedItemsInCartWrappper').forEach(el => { el.style.setProperty('display', 'none', 'important'); }); // Hide product list inside drawer document.querySelectorAll('.gbbMixCascadeCartItemsWrapper').forEach(el => { el.style.setProperty('display', 'none', 'important'); }); // Force subscription widget visible const subWidget = document.querySelector('.gbbMixSubscriptionWidgetWrapper'); if (subWidget) { subWidget.style.setProperty('display', 'block', 'important'); subWidget.style.setProperty('visibility', 'visible', 'important'); subWidget.style.setProperty('opacity', '1', 'important'); subWidget.style.setProperty('height', 'auto', 'important'); subWidget.style.setProperty('max-height', 'none', 'important'); subWidget.style.setProperty('overflow', 'visible', 'important'); } }; // TASK 5: WIRE PURCHASE OPTION HIGHLIGHTING const wirePurchaseOptions = () => { document.querySelectorAll('.gbbMixPurchaseOptionWrapper').forEach(label => { if (label.dataset.recapWired) return; label.dataset.recapWired = 'true'; label.addEventListener('click', (e) => { // Un clic sur la carte cadeaux ne doit pas changer l'option if (e.target.closest('.recap-gift-head')) return; document.querySelectorAll('.gbbMixPurchaseOptionWrapper').forEach(l => { l.setAttribute('data-checked', 'false'); }); label.setAttribute('data-checked', 'true'); const radio = label.querySelector('.gbbMixPurchaseOptionRadio'); if (radio) { radio.checked = true; radio.dispatchEvent(new Event('change', { bubbles: true })); } }); }); }; // RUN EVERYTHING const run = () => { updateCombinedPill(); injectBenefits(); removeBanner(); fixLayout(); wirePurchaseOptions(); }; setInterval(run, 300); document.addEventListener('click', () => setTimeout(run, 50)); })();

Cherry-Lime

Mango-Passion

Raspberry-Melon

Discovery Kit

Pack your box