`; const tierSelector = selectorWrapper.querySelector("#zrx-kaching-tier-select"); /* ========================================== 4. INSERT SELECTOR BESIDE ATC BUTTON ========================================== */ const productActions = stickyBar.querySelector(".zrx-sticky-atc-product-actions"); if (productActions) { productActions.insertBefore(selectorWrapper, productActions.firstChild); } /* ========================================== 5. DYNAMICALLY POPULATE DROPDOWN OPTIONS ========================================== */ function populateDropdownOptions() { const tiers = getKachingTiers(); if (!tiers.length) return; tierSelector.innerHTML = tiers .map((tier, index) => { return ``; }) .join(""); } /* ========================================== 6. UPDATE STICKY BAR FROM KACHING ========================================== */ function updateStickyFromKaching(index) { const tiers = getKachingTiers(); if (!tiers[index]) return; const tier = tiers[index]; // Update dropdown value tierSelector.value = String(index); // Update sticky product price if (stickyProductPrice && tier.price) { stickyProductPrice.textContent = tier.price; } // Update sticky compare-at price if (stickyComparePrice && tier.fullPrice) { stickyComparePrice.textContent = tier.fullPrice; } } /* ========================================== 7. SELECT KACHING TIER ========================================== */ function selectKachingTier(index) { const tiers = getKachingTiers(); if (!tiers[index]) return; const radio = tiers[index].radio; if (!radio) return; if (!radio.checked) { radio.click(); } setTimeout(function () { updateStickyFromKaching(index); }, 50); } /* ========================================== 8. STICKY SELECTOR → KACHING ========================================== */ tierSelector.addEventListener("change", function () { const selectedIndex = parseInt(tierSelector.value, 10); selectKachingTier(selectedIndex); }); /* ========================================== 9. OBSERVE KACHING TIER SELECTION ========================================== */ const kachingContainer = document.querySelector(".kaching-bundles"); if (kachingContainer) { const kachingObserver = new MutationObserver(function () { const tiers = getKachingTiers(); if (!tiers.length) return; const selectedIndex = tiers.findIndex(function (tier) { return ( tier.bar.classList.contains("kaching-bundles__bar--selected") || (tier.radio && tier.radio.checked) ); }); if (selectedIndex === -1) return; if (parseInt(tierSelector.value, 10) !== selectedIndex) { updateStickyFromKaching(selectedIndex); } }); kachingObserver.observe(kachingContainer, { childList: true, subtree: true, attributes: true, attributeFilter: ["class", "checked"] }); } /* ========================================== 10. INITIAL SYNC & POPULATION ========================================== */ function initializeSync() { populateDropdownOptions(); const tiers = getKachingTiers(); if (!tiers.length) return; const selectedIndex = tiers.findIndex(function (tier) { return ( tier.bar.classList.contains("kaching-bundles__bar--selected") || (tier.radio && tier.radio.checked) ); }); if (selectedIndex !== -1) { updateStickyFromKaching(selectedIndex); } else { updateStickyFromKaching(0); } } setTimeout(initializeSync, 300); });

Dein Warenkorb

Mach deine ELVUA Routine komplett:

ELVUA Body Serum 60ml - Dauerhaft weniger Haarwachstum

Gesamtsumme

Dein Warenkorb ist leer

Kontakt

Newsletter

Kundenservice +

Rechtliches +

Kundenservice
+

Rechtliches
+