(function () { 'use strict'; /* ========================================================= CONFIGURATION ========================================================= */ // Titres à remplacer directement (original → nouveau) var TITLE_OVERRIDES = {}; // Titres avec compteur automatique (original → base) // Si 2+ produits avec le même titre dans un tier, ajoute " 1", " 2", etc. // Si 1 seul produit, affiche juste la base sans numéro var TITLE_COUNTERS = { 'Kalm Bracelet - Your Weight Loss Solution': 'Bracelet' }; // Label affiché sur le Tier 1 (single-product) à côté des swatches var SINGLE_PRODUCT_LABEL = 'Bracelet'; // Upsell : depuis quel tier → vers quel tier var UPSELL_FROM_INDEX = 0; var UPSELL_TO_INDEX = 1; var UPSELL_CONFIG = { priceDiff: '+$15', title: 'Add the Ring Booster', subtitle: 'and amplify your results.', linkText: 'See offer →' }; /* ========================================================= ÉTAT INTERNE ========================================================= */ var trackedActiveIdx = -1; var initialDetectionDone = false; /* ========================================================= DÉTECTION DU TIER ACTIF ========================================================= */ function isOfferActive(offerWrapper) { var optionEl = offerWrapper.querySelector('.moonbundle-option'); var classStr = (offerWrapper.className + ' ' + (optionEl ? optionEl.className : '')).toLowerCase(); if (/(^|[\s-])(active|selected|checked)(\s|$)/i.test(classStr)) return true; if (optionEl) { if (optionEl.getAttribute('aria-checked') === 'true') return true; if (optionEl.getAttribute('aria-selected') === 'true') return true; if (optionEl.getAttribute('aria-pressed') === 'true') return true; } var radio = offerWrapper.querySelector('input[type="radio"]'); if (radio && radio.checked) return true; return false; } function detectActiveOffer() { var offers = Array.from(document.querySelectorAll('.moonbundle-option-wrapper')); for (var i = 0; i < offers.length; i++) { if (isOfferActive(offers[i])) return i; } return -1; } /* ========================================================= UPSELL BOX (nudge "+$15") ========================================================= */ function createUpsellBox(targetOffer) { var box = document.createElement('div'); box.className = 'mb-upsell-box'; box.setAttribute('role', 'button'); box.setAttribute('tabindex', '0'); box.innerHTML = '💡' + '' + '' + UPSELL_CONFIG.priceDiff + ' — ' + UPSELL_CONFIG.title + ' ' + UPSELL_CONFIG.subtitle + ' ' + '' + UPSELL_CONFIG.linkText + '' + ''; var trigger = function (e) { e.preventDefault(); e.stopPropagation(); trackedActiveIdx = UPSELL_TO_INDEX; var clickable = targetOffer.querySelector('.moonbundle-option') || targetOffer; clickable.click(); }; box.addEventListener('click', trigger); box.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') trigger(e); }); return box; } function showUpsell(box) { box.style.removeProperty('display'); } function hideUpsell(box) { box.style.setProperty('display', 'none', 'important'); } function manageUpsell() { var offers = Array.from(document.querySelectorAll('.moonbundle-option-wrapper')); if (offers.length <= Math.max(UPSELL_FROM_INDEX, UPSELL_TO_INDEX)) return; var sourceOffer = offers[UPSELL_FROM_INDEX]; var targetOffer = offers[UPSELL_TO_INDEX]; var shouldShow = trackedActiveIdx === UPSELL_FROM_INDEX; var upsell = document.querySelector('.mb-upsell-box'); if (shouldShow) { if (!upsell) { upsell = createUpsellBox(targetOffer); sourceOffer.appendChild(upsell); } else if (upsell.parentElement !== sourceOffer) { sourceOffer.appendChild(upsell); } showUpsell(upsell); } else if (upsell) { hideUpsell(upsell); } } /* ========================================================= TRAITEMENT PRINCIPAL ========================================================= */ function processOffers() { var offers = document.querySelectorAll('.moonbundle-option-wrapper'); if (!offers.length) return; offers.forEach(function (offer) { // 1. Déplacer "Why the Ring Booster?" sous les variantes var highlight = offer.querySelector('.moonbundle-highlights'); if (highlight) { var variantsBlock = offer.querySelector('.moonbundle-multi-product-horizontal-layout') || offer.querySelector('.moonbundle-variants-box'); if (variantsBlock && highlight.previousElementSibling !== variantsBlock) { variantsBlock.insertAdjacentElement('afterend', highlight); } } // 2. Injecter "Save $XX" à côté du prix unitaire var label = offer.querySelector('.moonbundle-label-inside'); var unitPrice = offer.querySelector('.moonbundle-option-subtitle'); if (label && unitPrice && !unitPrice.contains(label)) { unitPrice.appendChild(label); } // 3. Label "Bracelet" sur le Tier 1 + nom couleur sélectionnée offer.querySelectorAll('.moonbundle-option-selector').forEach(function (selector) { var isInMultiProduct = !!selector.closest('.moonbundle-multi-product-horizontal-layout'); // Ajouter le label "Bracelet" sur le single-product (Tier 1) if (!isInMultiProduct) { var spLabel = selector.querySelector('.mb-single-product-label'); if (!spLabel) { spLabel = document.createElement('span'); spLabel.className = 'mb-single-product-label'; spLabel.textContent = SINGLE_PRODUCT_LABEL; selector.insertBefore(spLabel, selector.firstChild); } } // Afficher le nom de la couleur sélectionnée à côté des swatches var swatches = selector.querySelector('.moonbundle-swatch-buttons'); if (!swatches) return; var selected = swatches.querySelector('[aria-checked="true"]'); if (!selected) return; var colorName = selected.getAttribute('data-value') || selected.getAttribute('title') || selected.getAttribute('aria-label') || ''; if (!colorName) return; var nameLabel = selector.querySelector('.mb-selected-color-name'); if (!nameLabel) { nameLabel = document.createElement('span'); nameLabel.className = 'mb-selected-color-name'; swatches.parentNode.insertBefore(nameLabel, swatches.nextSibling); } if (nameLabel.textContent !== colorName) { nameLabel.textContent = colorName; } }); // 4. Renommer les titres de produit (compteurs + overrides) var titleElements = offer.querySelectorAll('.moonbundle-mp-line-product-title'); var totalCounts = {}; titleElements.forEach(function (titleEl) { if (!titleEl.dataset.mbOriginal) { titleEl.dataset.mbOriginal = titleEl.textContent.trim(); } var original = titleEl.dataset.mbOriginal; if (TITLE_COUNTERS[original]) { totalCounts[original] = (totalCounts[original] || 0) + 1; } }); var counters = {}; titleElements.forEach(function (titleEl) { var original = titleEl.dataset.mbOriginal; var newTitle = null; if (TITLE_COUNTERS[original]) { if (totalCounts[original] > 1) { counters[original] = (counters[original] || 0) + 1; newTitle = TITLE_COUNTERS[original] + ' ' + counters[original]; } else { newTitle = TITLE_COUNTERS[original]; } } else if (TITLE_OVERRIDES[original]) { newTitle = TITLE_OVERRIDES[original]; } if (newTitle && titleEl.textContent !== newTitle) { titleEl.textContent = newTitle; } }); }); // Détection initiale du tier actif if (!initialDetectionDone) { var detected = detectActiveOffer(); if (detected !== -1) { trackedActiveIdx = detected; } initialDetectionDone = true; } // Gérer l'upsell manageUpsell(); } /* ========================================================= SCHEDULING & LISTENERS ========================================================= */ var rafId = null; function scheduleProcess() { if (rafId !== null) return; rafId = requestAnimationFrame(function () { rafId = null; processOffers(); }); } // Pass initial if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', processOffers, { once: true }); } else { processOffers(); } // Gestion des clics document.addEventListener('click', function (e) { var isUpsellClick = !!e.target.closest('.mb-upsell-box'); if (isUpsellClick) { trackedActiveIdx = UPSELL_TO_INDEX; } else { var wrapper = e.target.closest('.moonbundle-option-wrapper'); if (wrapper) { var offers = Array.from(document.querySelectorAll('.moonbundle-option-wrapper')); var idx = offers.indexOf(wrapper); if (idx >= 0) { trackedActiveIdx = idx; } } } manageUpsell(); if (e.target.closest('.moonbundle-swatch-buttons__button') || e.target.closest('.moonbundle-option') || e.target.closest('.mb-upsell-box')) { scheduleProcess(); } }, true); // Observer les re-renders Moonbundle new MutationObserver(scheduleProcess).observe(document.body, { childList: true, subtree: true }); })();

Kalm Bracelet - Your Weight Loss Solution

You may also like