Händler

window.Webflow ||= []; window.Webflow.push(() => { ////////////////////////////////////////////////////////////// // FILTRO POR PAÍS ////////////////////////////////////////////////////////////// // Seleccionamos todas las opciones generadas desde el CMS const countryOptions = document.querySelectorAll('[country-option]'); const dropdownMenu = document.querySelector('.w-dropdown-list'); // Ajusta si tu menú tiene otro selector // Sacar lista de países únicos const uniqueCountries = [...new Set(Array.from(countryOptions).map(el => el.textContent.trim()))]; // Limpiar dropdown dropdownMenu.innerHTML = ''; // Opción "Todos los países" const allOption = document.createElement('div'); allOption.setAttribute('country-option', 'all'); allOption.classList.add('w-dropdown-link'); // aplica estilos de Webflow allOption.textContent = 'Todos los países'; dropdownMenu.appendChild(allOption); // Añadir países únicos uniqueCountries.forEach(country => { const option = document.createElement('div'); option.setAttribute('country-option', country); option.classList.add('w-dropdown-link'); option.textContent = country; dropdownMenu.appendChild(option); }); // Evento de filtrado dropdownMenu.querySelectorAll('[country-option]').forEach(option => { option.addEventListener('click', () => { const selected = option.getAttribute('country-option'); document.querySelectorAll('[location-item-sidebar]').forEach(item => { const itemCountry = item.querySelector('[country]').innerText.trim(); if (selected === 'all' || itemCountry === selected) { item.style.display = 'block'; } else { item.style.display = 'none'; } }); }); }); });