Ir directamente a la información del producto

• 

  Abrir elemento multimedia 1 en una ventana modal
• 

  Abrir elemento multimedia 2 en una ventana modal
• 

  Abrir elemento multimedia 3 en una ventana modal
• 

  Abrir elemento multimedia 4 en una ventana modal

1 / de 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')); } });