CMS: Invoerelementen gebruiken om bezoekers inhoud te laten filteren

Gebruik invoerelementen zoals dropdowns of keuzerondjes om bezoekers een manier te bieden om de inhoud te filteren die wordt weergegeven in repeaters, galerijen en tabellen. Dit artikel begeleidt je bij het koppelen van invoerelementen aan een dataset die je CMS-verzameling (Content Management System) koppelt aan live website-inhoud. 

Elk invoerelement is gekoppeld aan een specifiek verzamelingsveld om de unieke waarden van het veld als filteropties weer te geven. Wanneer bezoekers een filteroptie selecteren, verschijnen alleen items met een overeenkomende veldwaarde in de gekoppelde repeater, galerij of tabel. Als alternatief kun je een voorwaardelijk filter toevoegen dat het gedrag van het filter verandert. Je kunt bijvoorbeeld de voorwaarde 'Is niet' toevoegen om een filter te maken dat items weergeeft die niet overeenkomen met de selectie van de bezoeker. 

Wanneer bezoekers een filter selecteren, verandert de inhoud standaard onmiddellijk. Je kunt echter een 'filter toepassen'-knop toevoegen als je wilt dat de filters van bezoekers pas worden toegepast nadat ze op een aparte knop hebben geklikt. Je kunt ook een reset-knop toevoegen waarop bezoekers kunnen klikken om direct alle filters die ze hebben ingesteld te wissen.

Ga naar de pagina in je Editor waar je wilt dat bezoekers de inhoud filteren die in een repeater, galerij of tabel wordt weergegeven. Voeg vervolgens de invoerelementen toe die je bezoekers wilt laten gebruiken om de inhoud te filteren. Als je meerdere invoerelementen toevoegt, kun je elk instellen om een ander verzamelingsveld te filteren. 

Je kunt kiezen uit de volgende invoerelementen die filteren toestaan: Keuzerondjes, Selectievakjes, Dropdowns, Selectietags, of Schuifregelaars (alleen bereik-schuifregelaars). Houd er rekening mee dat elk invoerelement beperkingen heeft aan de veldtypen die het kan filteren. 

Koppel elk invoerelement aan dezelfde dataset die gekoppeld is aan je repeater, galerij of tabel. Kies vervolgens welk verzamelingsveld elk invoerelement zal filteren. De invoerelementen geven elke unieke waarde uit het gekoppelde verzamelingsveld weer. Wanneer een bezoeker een selectie maakt in de invoer, geeft de repeater, galerij of tabel alleen items weer die overeenkomen met het geselecteerde veld. 

Je kunt ook voorwaardelijke filtering toevoegen die van toepassing is op het filter. Voeg bijvoorbeeld 'Is niet', 'Is niet gelijk aan' of 'Exclusief' toe om een filter te maken dat items weergeeft die niet overeenkomen met het veld dat je bezoeker selecteert. Wanneer je een voorwaarde aan het filter toevoegt, worden de veldtitel en de tijdelijke aanduiding op je invoerelement automatisch aangepast om bezoekers te laten weten wat het filter doet (bijvoorbeeld 'Uitsluiten op veld').  

Klik hieronder om de geavanceerde filtervoorwaarden te bekijken die beschikbaar zijn voor elk invoerelement:

Als je wilt dat de filters die je bezoekers selecteren alleen worden toegepast nadat ze op een aparte knop hebben geklikt, kun je een 'filters toepassen'-knop maken. Wanneer bezoekers op deze knop klikken, worden alle door hen geselecteerde filters voor invoerelementen toegepast. Zonder dit worden de filters toegepast zodra bezoekers ze selecteren in elk invoerelement. 

Je kunt een reset-knop maken waarop bezoekers klikken om alle filters van het invoerelement die ze hebben geselecteerd te resetten. Dit biedt bezoekers een gemakkelijke manier om opnieuw te beginnen en de inhoud te filteren zonder de pagina te hoeven vernieuwen. 

Klik hieronder voor antwoorden op de meest gestelde vragen over het gebruik van invoerelementen om inhoud te filteren.