Laisser les visiteurs filtrer une liste de collection
Ajoutez un champ de recherche, des onglets, un menu déroulant ou un interrupteur qui réduit une liste de collection sur votre page publiée, et garde le choix dans l’adresse de la page.
Un filtre réduit une liste de collection de la même page. Les visiteurs tapent ou choisissent, et la liste n’affiche aussitôt que les éléments qui correspondent. L’adresse de la page garde leur choix : ils peuvent partager la liste filtrée. Les filtres arrivent dans les espaces de travail par étapes : il se peut que vous ne les voyiez pas encore.
Ajouter un filtre
- Dans Insérer, sous Interactif, choisissez Filtre, et placez-le sur une page qui a une liste de collection.
- Dans Élément, sous Filtre la liste, choisissez la liste. Tant que vous ne l’avez pas fait, il indique Choisir une liste de cette page.
- Choisissez son Type : Un champ de recherche, Onglets, Un menu déroulant ou Un interrupteur.
- Sous Selon le champ, choisissez le champ qu’il lit :
- Un champ de recherche lit un champ de texte, de texte mis en forme ou d’option, ou Tous les champs de texte de la collection de la liste.
- Les onglets et le menu déroulant lisent un champ d’option, ou une référence ou une référence multiple vers une autre collection. Leurs options sont celles du champ, ou les éléments de l’autre collection.
- Un interrupteur lit un champ interrupteur : activé, il n’affiche que les éléments où ce champ est activé.
Ses textes
- Nom pour les lecteurs d’écran nomme le filtre. Un interrupteur l’affiche aussi comme texte.
- L’option pour tout est le premier onglet ou la première option du menu déroulant, et affiche tous les éléments.
- Nombre annoncé ainsi (le nombre : count entre accolades) est ce que les lecteurs d’écran annoncent quand la liste
change, par exemple
{count} plats. - Clé dans l’adresse de la page est le nom du filtre dans l’adresse, par exemple
?course=main: des lettres minuscules, des chiffres et des tirets.
Le nom, l’option pour tout et le nombre se traduisent avec le reste de la page.
Sur votre site publié
- Les filtres d’une même liste se combinent : un élément s’affiche quand il les passe tous.
- Quand aucun élément ne passe, la liste affiche son état vide, si elle en a un.
- Jusqu’à 500 éléments, toute la liste est sur la page et se filtre aussitôt. Une liste filtrée n’est pas découpée en pages.
- Sans JavaScript, les filtres sont omis et la liste affiche tous ses éléments.
Au-delà de 500 éléments, les premiers onglets, menu déroulant ou interrupteur de la liste deviennent des liens, une page
par option à /filter/<clé>/<valeur> après l’adresse de la page. Ces pages fonctionnent sans JavaScript, comptent dans
la limite de pages de votre offre et ne figurent pas dans le plan du site. Le champ de recherche et les autres filtres de
cette liste sont omis.
Sur le canevas, un filtre s’affiche tel qu’il est. Ouvrez l’Aperçu pour l’essayer.