Zu Produktinformationen springen

• 

  Medien 1 in Modal öffnen
• 

  Medien 2 in Modal öffnen
• 

  Medien 3 in Modal öffnen
• 

  Medien 4 in Modal öffnen

1 / von 4

• 
• 
• 
• 

document.addEventListener('DOMContentLoaded', function () { const variantPills = document.querySelectorAll('.product-form__input--pill'); variantPills.forEach(function (pill) { pill.addEventListener('click', function () { const label = pill.querySelector('label'); const selectedOption = label ? label.innerText.trim() : ''; // Hide all images initially const productImages = document.querySelectorAll('.product__media-item'); productImages.forEach(image => { image.style.display = 'none'; }); // Show only matching images productImages.forEach(function (image) { if (image.querySelector('img').alt.includes(selectedOption)) { image.style.display = 'block'; } }); }); }); // Trigger a click on the initially selected variant on page load const selectedPill = document.querySelector('.product-form__input--pill input:checked'); if (selectedPill) { selectedPill.dispatchEvent(new Event('click')); } });