Bezoekers een collectielijst laten filteren
Voeg een zoekveld, tabbladen, een keuzelijst of een schakelaar toe die een collectielijst op je gepubliceerde pagina inperkt en de keuze in het paginaadres bewaart.
Een filter perkt één collectielijst op dezelfde pagina in. Bezoekers typen of kiezen, en de lijst toont meteen alleen de items die passen. Het paginaadres bewaart hun keuze, zodat ze de gefilterde lijst kunnen delen. Filters komen stapsgewijs naar de werkruimtes, dus misschien zie je ze nog niet.
Een filter toevoegen
- Kies in Invoegen, onder Interactief, Filter, en zet het op een pagina met een collectielijst.
- Kies in Element, onder Filtert de lijst, de lijst. Zolang je dat niet hebt gedaan, staat er Kies een lijst op deze pagina.
- Kies de Soort: Een zoekveld, Tabbladen, Een keuzelijst of Een schakelaar.
- Kies onder Op het veld het veld dat het leest:
- Een zoekveld leest een tekst-, opgemaakte-tekst- of optieveld, of Alle tekstvelden van de collectie van de lijst.
- Tabbladen en een keuzelijst lezen een optieveld, of een verwijzing of meervoudige verwijzing naar een andere collectie. Hun opties zijn de opties van het veld, of de items van de andere collectie.
- Een schakelaar leest een schakelaarveld: aan toont hij alleen de items waarbij dat veld aan staat.
De teksten
- Naam voor schermlezers geeft het filter een naam. Een schakelaar toont die ook als tekst.
- De optie voor alles is het eerste tabblad of de eerste optie van een keuzelijst, en toont alle items.
- Aantal voorgelezen als (het aantal: count tussen accolades) is wat schermlezers voorlezen als de lijst verandert,
bijvoorbeeld
{count} gerechten. - Sleutel in het paginaadres is de naam van het filter in het adres, bijvoorbeeld
?course=main: kleine letters, cijfers en koppeltekens.
De naam, de optie voor alles en het aantal worden met de rest van de pagina vertaald.
Op je gepubliceerde site
- Filters op dezelfde lijst werken samen: een item verschijnt als het voor alle filters past.
- Past er geen enkel item, dan toont de lijst haar lege staat, als ze die heeft.
- Tot 500 items staat de hele lijst op de pagina en filtert ze meteen. Een gefilterde lijst wordt niet over pagina's verdeeld.
- Zonder JavaScript worden de filters weggelaten en toont de lijst alle items.
Boven 500 items worden de eerste tabbladen, keuzelijst of schakelaar van de lijst links, één pagina per optie op
/filter/<sleutel>/<waarde> na het adres van de pagina. Die pagina's werken zonder JavaScript, tellen mee voor de
paginalimiet van je abonnement en staan niet in de sitemap. Het zoekveld en de andere filters van die lijst worden
weggelaten.
Op het canvas ziet een filter eruit zoals het is. Open Voorbeeld om het te proberen.