Kennis
WooCommerce-productfilters bouwen in Breakdance
Breakdance heeft sterke WooCommerce-elementen, maar geen volwaardig filterpakket voor je productoverzichten. Veel filterplugins zijn gebouwd voor andere builders of rekenen bij elke klik met zware databasevragen. Zo bouw je filters die native in Breakdance werken en ook op een grote catalogus snel blijven.
In het kort
- Gebruik native Breakdance-elementen in plaats van losse widgets
- Laat tellingen uit een eigen filterindex komen
- Geef elke filterstand een eigen, deelbare URL
Wat een goed filterpakket nodig heeft
Een filter moet kloppen, snel zijn en goed te stylen. Kloppen betekent dat de tellingen naast elke optie overeenkomen met wat de bezoeker na het klikken ziet, ook op categoriepagina's. Snel betekent dat een klik niet seconden duurt. En stylen wil je gewoon in de builder doen, niet met losse CSS.
Native elementen in de Breakdance-builder
Spark Power Filters levert echte Breakdance-elementen: een filterpaneel dat zichzelf samenstelt uit de eigenschappen van je producten, losse facetten, variatie-swatches en titels die meebewegen met de gekozen filters. Je bouwt facetten in de backend, kiest een bron (WooCommerce-eigenschap, taxonomie, productmeta of prijs) en een weergave.
- Checkbox, radio, knoppen en een dropdown met zoekfunctie
- Kleur- en beeldswatches, prijs- en getalbereik
- Mobiele filterlade, filterchips en een resetknop
Snel, ook op grote catalogi
Tellingen komen uit een eigen index met atomaire herbouw, niet uit herhaalde databasevragen. Getest tot 50.000 producten is dat ongeveer zeven keer sneller dan de gebruikelijke aanpak. De index wordt op de achtergrond herbouwd en pas gewisseld als hij klaar is, zodat bezoekers nooit een halve stand zien.
Niet alleen voor Breakdance
Werk je op een andere site met Elementor of een gewoon thema, dan plaats je dezelfde filters met shortcodes zoals [spf_facet] en [spark_filters]. Voor Divi 5 zijn er native modules. Stap je over van WP Grid Builder, dan neemt de migratie je filters in één klik over, met een back-up per pagina en een terugdraaiknop.
Tip: Combineer Power Filters met Spark Speed. Bekende, eindige filterstanden worden dan als gewone pagina gecachet, zodat gefilterde resultaten direct uit de cache komen.
Filters bouwen die in Breakdance thuishoren?
Veelgestelde vragen
Ja. Elke productlijst op een pagina heeft zijn eigen filters en zijn eigen stand, zodat ze elkaar niet in de weg zitten.
Ja. De server rendert elke filterstand volledig. Daardoor werken deelbare links altijd en zien zoekmachines dezelfde uitkomst als bezoekers.
Ja. Kies uit de stijlen Spark, Aurora, Noir en Editorial, of gebruik Skeleton zonder opmaak als je alles zelf in Breakdance stylet.