CMS Filtering instellen in Webflow

Met CMS Filtering toont u alleen de items uit een Collection die aan bepaalde voorwaarden voldoen, bijvoorbeeld alleen blogartikelen uit de categorie "Webflow" of alleen producten die op voorraad zijn. In dit artikel leest u hoe u filters correct instelt op een Collection List, welke fouten u kunt voorkomen en hoe u het resultaat controleert. Filtering is een van de krachtigste functies van het Webflow CMS, omdat u dezelfde data op verschillende manieren kunt presenteren zonder de inhoud te dupliceren.

Probleem

U toont een overzicht van CMS-items, maar er verschijnen te veel of de verkeerde items. U wilt bijvoorbeeld op één pagina alleen de items van een specifieke categorie laten zien, terwijl op een andere pagina juist een ander deel van dezelfde Collection moet verschijnen.

Oorzaak

Een Collection List toont standaard alle gepubliceerde items van de gekoppelde Collection. Zonder filter maakt Webflow geen onderscheid tussen items. Pas wanneer u een filterregel toevoegt op basis van een veld (zoals categorie, datum of een schakelaar), beperkt Webflow de weergave tot de items die aan die voorwaarde voldoen. Ontbreekt het juiste veld of staat de filterwaarde verkeerd, dan blijft het overzicht ongefilterd of juist helemaal leeg.

Oplossing

U opent de instellingen van de Collection List en voegt onder Filters een of meer regels toe die zich baseren op de velden van uw Collection. Webflow ondersteunt filters op tekstvelden, schakelaars, referenties, datums en getallen. U kunt meerdere filters combineren en kiezen of items aan alle voorwaarden (EN) of aan minstens één voorwaarde (OF) moeten voldoen.

Stappenplan

1. Open de pagina met de Collection List in de Webflow Designer.
2. Selecteer de Collection List Wrapper.
3. Open in het rechterpaneel het onderdeel Filters.
4. Klik op Add Filter en kies het veld waarop u wilt filteren (bijvoorbeeld Categorie).
5. Stel de voorwaarde in, bijvoorbeeld "Categorie is Webflow" of "Op voorraad is on".
6. Voeg eventueel extra filters toe en bepaal of items aan alle of aan één voorwaarde moeten voldoen.
7. Klik op Publish en controleer het resultaat op de live site.

Configuratievoorbeeld

Een gefilterd blogoverzicht op uw BDMNL-website:

• Collection: Blog
• Filter 1: Categorie (Reference) is "Webflow"
• Filter 2: Uitgelicht (Switch) is on
• Logica: items moeten aan beide voorwaarden voldoen (EN)
• Sortering: Publicatiedatum, nieuw naar oud

Veelgemaakte fouten

• Filteren op een veld dat niet bestaat of dat per item leeg is, waardoor items onbedoeld wegvallen.
• Een EN-combinatie gebruiken waar een OF-combinatie nodig is, waardoor het overzicht leeg blijft.
• Vergeten te publiceren, waardoor de filter alleen in de Designer werkt en niet live.
• Filteren op een tekstveld met kleine verschillen in spelling, waardoor items niet matchen.

Controle na afloop

Controleer op de live site of uitsluitend de bedoelde items zichtbaar zijn. Test met een item dat wel en een item dat niet aan de voorwaarde voldoet, en bevestig dat de filter beide correct behandelt. Controleer ook of het overzicht niet onbedoeld leeg is door een te strenge combinatie van filters.

Praktische tips

• Gebruik een Reference- of Multi Reference-veld voor categorieën; dit filtert betrouwbaarder dan losse tekst.
• Combineer filtering met sortering en een limiet voor een nette, snelle weergave.
• Wilt u dat bezoekers zelf kunnen filteren, dan is een externe oplossing of een zoekfunctie nodig; ingebouwde filters zijn statisch ingesteld door de beheerder.
• Net als een query met voorwaarden in WordPress bepaalt de filter vooraf welke items worden getoond.

FAQ

Kan een bezoeker zelf filteren?
De ingebouwde CMS-filter is statisch en wordt door de beheerder ingesteld. Voor interactief filteren door bezoekers is een zoekfunctie of een externe oplossing nodig.

Waarom is mijn gefilterde lijst leeg?
Meestal doordat geen enkel item aan alle voorwaarden voldoet of doordat het filterveld bij items leeg is.

Kan ik op meerdere velden tegelijk filteren?
Ja, u kunt meerdere filters combineren met EN- of OF-logica.

Werkt filtering op datumvelden?
Ja, u kunt bijvoorbeeld alleen toekomstige of verlopen items tonen op basis van een datumveld.

Verschijnen wijzigingen direct?
Nee, een gewijzigde filter werkt pas live nadat u de site heeft gepubliceerd.

Samenvatting

Met CMS Filtering beperkt u een Collection List tot de items die aan uw voorwaarden voldoen. Kies betrouwbare velden zoals references of schakelaars, let op de EN/OF-logica en publiceer altijd om de filter live te activeren. Zo presenteert u dezelfde data op meerdere manieren zonder content te dupliceren.

Gerelateerde artikelen:

• Collection Lists gebruiken in Webflow
• Paginering instellen voor Collection Lists in Webflow
• Reference Fields gebruiken in Webflow

Komt u er niet uit? Dien een ticket in bij BDMNL, dan stellen wij de filtering voor u in.