/* ===================================================== MOBIL FILTER TOGGLE (max-width 480px) ===================================================== */ (function() { if (window.innerWidth > 480) return; if (!document.querySelector('.elementor-element-3e908b2')) return; var filterSidebar = document.querySelector('.elementor-element-3e908b2'); var productCol = document.querySelector('.elementor-element-db38e44'); // Skapa overlay var overlay = document.createElement('div'); overlay.id = 'vi-filter-overlay'; document.body.appendChild(overlay); // Skapa stäng-knapp inuti filter var closeBtn = document.createElement('button'); closeBtn.id = 'vi-filter-close'; closeBtn.innerHTML = '✕'; closeBtn.setAttribute('aria-label', 'Stäng filter'); var filterHeading = filterSidebar.querySelector('h2'); if (filterHeading) { filterHeading.appendChild(closeBtn); } else { filterSidebar.insertBefore(closeBtn, filterSidebar.firstChild); } // Skapa "Filtrera +" knapp ovanför produktkolumnen var toggleBtn = document.createElement('button'); toggleBtn.id = 'vi-filter-toggle-btn'; toggleBtn.innerHTML = ' Filtrera'; if (productCol) { productCol.insertBefore(toggleBtn, productCol.firstChild); } function openFilter() { filterSidebar.classList.add('vi-filter-open'); overlay.classList.add('active'); document.body.style.overflow = 'hidden'; } function closeFilter() { filterSidebar.classList.remove('vi-filter-open'); overlay.classList.remove('active'); document.body.style.overflow = ''; } toggleBtn.addEventListener('click', openFilter); closeBtn.addEventListener('click', closeFilter); overlay.addEventListener('click', closeFilter); })();
Hoppa till innehåll
Ingen betalning sker nu - vi aterkommer med en bekraftelse.