function filterVariantImages(selectedTitle) { const allImages = document.querySelectorAll('.variant-image'); allImages.forEach(image => { const altText = image.getAttribute('data-alt'); if (!altText || altText.trim() === selectedTitle.trim()) { image.style.display = 'block'; } else { image.style.display = 'none'; } }); } document.addEventListener("DOMContentLoaded", function() { const variantSelect = document.querySelector('#product-selectors'); if (!variantSelect) return; // Run once on page load const initialText = variantSelect.options[variantSelect.selectedIndex].text.split(' - ')[0]; filterVariantImages(initialText); // Update on change variantSelect.addEventListener('change', function() { const selectedText = this.options[this.selectedIndex].text.split(' - ')[0]; filterVariantImages(selectedText); }); });