My Jewellery - 21Jewelz

Inloggen

Gratis verzending vanaf €100,- | Verzending binnen 2 werkdagen

document.addEventListener("DOMContentLoaded", function() { function addVariantButtons() { const select = document.querySelector('select[name="matrix[maat]"]'); if (!select) return; // voorkom dubbel renderen if (select.nextElementSibling && select.nextElementSibling.classList.contains('variant-buttons')) return; const container = document.createElement('div'); container.className = 'variant-buttons'; select.querySelectorAll('option').forEach(option => { if (!option.value) return; const btn = document.createElement('button'); btn.textContent = option.textContent; btn.dataset.variantValue = option.value; if (option.selected) btn.classList.add('active'); btn.addEventListener('click', function(e) { e.preventDefault(); select.value = this.dataset.variantValue; select.dispatchEvent(new Event('change', { bubbles: true })); container.querySelectorAll('button').forEach(b => b.classList.remove('active')); this.classList.add('active'); }); container.appendChild(btn); }); select.insertAdjacentElement('afterend', container); console.log("✅ Variantknoppen aangemaakt"); } // Run direct bij laden addVariantButtons(); // Observeer wijzigingen in de hele productcontainer const targetNode = document.body; const observer = new MutationObserver(() => { addVariantButtons(); }); observer.observe(targetNode, { childList: true, subtree: true }); });