Weergave en stijl

Wat de bezoeker merkt

Waarden aanvinken ververst de productlijst direct, zonder dat de pagina herlaadt. Werkt JavaScript niet, dan gaat alles via de Filteren-knop en werkt het nog steeds.

Tussen verschillende filters geldt EN: categorie kaars EN kleur rood. Binnen een filter geldt OF: rood OF blauw. Dat is wat mensen intuitief verwachten.

De filterkeuze staat in de URL, dus een gefilterde pagina is deelbaar en bruikbaar in een campagne, en de terug-knop van de browser doet gewoon wat hij hoort te doen.

Filteren op een hoofdcategorie vindt ook producten die alleen in een subcategorie zitten. Op mobiel blijft de filterbalk altijd binnen het scherm.

De Stijl-pagina

Alle vormgeving zit op een plek: Pure Woo Filter > Stijl. Daar stel je in met een kleurenkiezer: de koppen, de accentkleur (vinkjes, schuifbalk en actieve pills), de teller-badges, de filterblokken, de "Toon meer"-knop en de filter- en wis-knoppen.

Je hebt Elementor dus niet nodig om je filters bij je thema te laten passen.

Met Elementor

Gebruik je de widget "Pure: Productfilters", dan wint die widget met zijn eigen Stijl-tab van de Stijl-pagina, per element. Globale kleuren uit je Elementor site-kit werken daarbij gewoon, ook op de koppen en de "Toon meer"-knop. De styling loopt via CSS-variabelen, zodat een thema met eigen knop- en kop-stijlen er niet dwars doorheen fietst.

Zie je je instellingen niet terug

Loop deze drie na, in deze volgorde. Draait de site de nieuwste versie van de plugin? Heb je in Elementor "Bestanden en gegevens wissen" gedraaid? Is je hosting-cache geleegd?

De Stijl-pagina zelf werkt buiten de CSS-bestanden van Elementor om, dus die is meestal niet de boosdoener.

Terug naar Pure Woo Filter