function syncDiscountBadges() { const discountTitle = document.querySelector( '.kaching-cart__cart-discounts-title' ); const cartDiscountBadge = document.querySelector( '.kaching-cart__cart-discounts-badge' ); const discountText = cartDiscountBadge ?.querySelector('span') ?.textContent .trim(); if (!discountText) { document .querySelectorAll('.custom-product-discount-badge') .forEach((badge) => badge.remove()); return; } const uppercaseDiscount = discountText.toUpperCase(); /* Badge naast Sconti laten staan */ if ( discountTitle && cartDiscountBadge && cartDiscountBadge.parentElement !== discountTitle ) { discountTitle.appendChild(cartDiscountBadge); } const mainBadgeText = cartDiscountBadge.querySelector('span'); if (mainBadgeText) { mainBadgeText.textContent = uppercaseDiscount; } /* Dezelfde badge onder ieder product zetten */ document.querySelectorAll('.kaching-cart-item').forEach((item) => { let productBadge = item.querySelector( '.custom-product-discount-badge' ); if (!productBadge) { productBadge = document.createElement('div'); productBadge.className = 'custom-product-discount-badge'; const quantityControls = item.querySelector( '.kaching-cart-item__quantity-controls' ); if (quantityControls) { quantityControls.insertAdjacentElement( 'afterend', productBadge ); } else { item .querySelector('.kaching-cart-item__content-left') ?.appendChild(productBadge); } } productBadge.innerHTML = ` ${uppercaseDiscount} `; }); } syncDiscountBadges(); let discountUpdateTimer; const observer = new MutationObserver(() => { clearTimeout(discountUpdateTimer); discountUpdateTimer = setTimeout(() => { syncDiscountBadges(); }, 50); }); observer.observe(document.body, { childList: true, subtree: true, characterData: true }); (() => { const discountPattern = /ACQUISTA\s+(2|3|4\+?)\s*(ARTICOLI)?\s*[–-]\s*(10|20|30)%\s+DI\s+SCONTO/i; function getTierDiscountBadge() { const badges = Array.from( document.querySelectorAll( '.kaching-cart__cart-discounts-badge' ) ); return badges.find((badge) => discountPattern.test( badge.textContent.replace(/\s+/g, ' ').trim() ) ); } function updateTierDiscountBadges() { const discountTitle = document.querySelector( '.kaching-cart__cart-discounts-title' ); const allBadges = Array.from( document.querySelectorAll( '.kaching-cart__cart-discounts-badge' ) ); const tierBadge = getTierDiscountBadge(); /* Alleen staffelkorting naast Sconti tonen */ allBadges.forEach((badge) => { badge.style.display = badge === tierBadge ? 'inline-flex' : 'none'; }); if ( discountTitle && tierBadge && tierBadge.parentElement !== discountTitle ) { discountTitle.appendChild(tierBadge); } const discountText = tierBadge ?.textContent .replace(/\s+/g, ' ') .trim() .toUpperCase(); /* Geen actieve staffelkorting */ if (!discountText) { document .querySelectorAll('.custom-tier-discount-badge') .forEach((badge) => badge.remove()); return; } /* Zelfde badge onder elk product */ document .querySelectorAll('.kaching-cart-item') .forEach((item) => { let productBadge = item.querySelector( '.custom-tier-discount-badge' ); if (!productBadge) { productBadge = document.createElement('div'); productBadge.className = 'custom-tier-discount-badge'; const quantityControls = item.querySelector( '.kaching-cart-item__quantity-controls' ); if (quantityControls) { quantityControls.insertAdjacentElement( 'afterend', productBadge ); } else { item .querySelector( '.kaching-cart-item__content-left' ) ?.appendChild(productBadge); } } productBadge.innerHTML = ` ${discountText} `; }); } let timer; const observer = new MutationObserver(() => { clearTimeout(timer); timer = setTimeout(() => { updateTierDiscountBadges(); }, 80); }); updateTierDiscountBadges(); observer.observe(document.body, { childList: true, subtree: true, characterData: true }); })();