Filters
De Collectie Filter Overlap biedt bezoekers een intuïtieve manier om je assortiment te verfijnen zonder de pagina te verlaten. Deze sectie verschijnt als een paneel dat vanaf de linkerkant het scherm in schuift zodra een klant op de filterknop klikt op een collectie- of zoekpagina.
Omdat deze sectie onderdeel is van de Overlay groep, zorgt het voor een schone en overzichtelijke mobiele ervaring waarbij filters pas zichtbaar worden wanneer de klant ze nodig heeft.
Algemene Instellingen
- Kleurenschema: Bepaal de achtergrond- en tekstkleur van het filterpaneel. Je kunt dit schema afstemmen op je collectiepagina voor een naadloze overgang.
- Sectie-ID: Dit paneel wordt automatisch geactiveerd op alle pagina's van het type
collection(collecties) ensearch(zoekresultaten).
Functionaliteit & Filters
De inhoud van dit paneel wordt dynamisch gegenereerd op basis van de filters die je in je Shopify Search & Discovery app (of de standaard Shopify filterinstellingen) hebt geconfigureerd:
- Dynamische Filters: Klanten kunnen filteren op eigenschappen zoals beschikbaarheid, prijs, producttype, merk (vendor) en variantopties (zoals kleur of maat).
- Actieve Filters Wissen: Bovenaan het paneel wordt een handige link getoond om alle toegepaste filters in één klik te verwijderen.
- Live Resultaten: Het paneel houdt rekening met de huidige zoektermen en sorteringen, zodat de filters altijd relevante resultaten tonen.
Gebruiksvriendelijke Afsluiting
Onderaan het paneel bevindt zich een vaste 'footer' met een primaire actieknop:
- Resultaten Bekijken: Deze knop toont direct het aantal gevonden producten (bijv. "Bekijk 24 resultaten").
- Directe Update: Zodra de klant op deze knop klikt, sluit het paneel en wordt de productenlijst op de achtergrond ververst met de nieuwe selectie.
Tip: Gebruik voor de 'Filter Sidebar' een kleurenschema dat voldoende contrast biedt met de productkaarten, zodat de filteropties goed leesbaar zijn op zowel desktop als mobiele apparaten.