Collections
– Page 35
– Elizabeth Cole Jewelry
// ==========================
// IMAGE FILTER (BY VARIANT)
// ==========================
function filterImages() {
var selectedOption = document.querySelector('[name^="options"]:checked, select[name^="options"] option:checked');
if (!selectedOption) return;
var selectedText = selectedOption.value.toLowerCase();
var items = document.querySelectorAll('[data-media-id]');
items.forEach(function(item) {
var img = item.querySelector('img');
if (!img) return;
var alt = (img.alt || '').toLowerCase();
if (alt.includes(selectedText)) {
item.style.display = '';
} else {
item.style.display = 'none';
}
});
}
// run on load
document.addEventListener("DOMContentLoaded", function () {
setTimeout(filterImages, 300);
});
// run on variant change
document.addEventListener('change', function(e) {
if (e.target.name && e.target.name.includes('options')) {
setTimeout(filterImages, 100);
}
});
