Ajouter des listes pour afficher des pages dynamiques

Disponible dans les forfaits Agency et supérieurs

La dernière étape de la création de pages dynamiques consiste à créer une liste de liens afin de pouvoir accéder aux différentes pages. Pour cela, vous devez ajouter un widget et le connecter à votre page dynamique.

Les widgets suivants permettent d'afficher des pages dynamiques :

• Liste

• Galerie de photos

• Carrousel média

• Onglets

• Tableau (pour plus d'informations sur la connexion d'un tableau, consultez l'article Widget Tableau

• Accordéon (affichage uniquement, les options de lien et de filtre ne sont pas disponibles)

Connecter un widget Liste, Galerie de photos, Carrousel média, Accordéon ou Onglets à une page dynamique

Pour connecter un widget à votre page dynamique :

1. Ajoutez un widget qui peut être connecté à la page de votre site sur laquelle vous souhaitez qu'il apparaisse. Pour en savoir plus, consultez l'article Ajout de widgets.
2. Faites un clic droit sur le widget pour ouvrir le menu des paramètres et cliquez sur Connecter aux données.
3. Sélectionnez la collection de votre choix dans le menu déroulant Connecter à.
4. Associez les champs de la collection aux éléments du widget que vous souhaitez afficher.
5. Sous Connecter le lien à, sélectionnez la page dynamique (cette option n'est pas disponible pour le widget Accordéon). Le lien entre le widget et vos pages dynamiques est alors créé.
6. Cliquez sur Terminé.

Filtrer et trier

Lorsque vous connectez des widgets à une collection, vous pouvez filtrer et trier la collection pour n'afficher que ce que vous voulez. Cette fonctionnalité vous permet de contrôler le nombre de lignes affichées par le widget, d'appliquer des filtres en fonction de champs de texte spécifiques et de trier la liste par ordre croissant ou décroissant.

Pour ajouter des filtres et trier :

1. Ajoutez le widget à la page de votre site sur laquelle vous souhaitez qu'il apparaisse. Pour plus d'informations, consultez la section Ajouter des widgets.
2. Faites un clic droit sur le widget pour ouvrir le menu des paramètres et cliquez sur Connecter aux données.
3. Sélectionnez la collection dans le menu déroulant Connecter à.
4. Sous Filtrer et trier, vous disposez des options suivantes :
   • Éléments à afficher. Sélectionnez le nombre d'éléments que vous souhaitez afficher (par exemple, Tout ou 2).
   • Filtres. Cliquez sur Ajouter un filtre et sélectionnez les champs ainsi que les valeurs que vous voulez filtrer.
     
   Remarque

   Le filtrage fonctionne selon des valeurs exactes et vous pouvez filtrer plusieurs valeurs par champ.

   • Trier. Cliquez sur Ajouter un tri et sélectionnez la façon dont vous souhaitez trier la collection.
     
   Remarque

   Pour que les nombres soient triés correctement, le champ doit être numérique.

Filtres dynamiques

Vous pouvez utiliser les filtres dynamiques pour filtrer les widgets qui sont connectés aux collections dans les pages dynamiques. Cela vous permet d'afficher uniquement le contenu pertinent pour un élément de page. Les filtres dynamiques sont disponibles pour tous les widgets qui se connectent à une collection lorsqu'ils sont ajoutés à des pages dynamiques, comme Galerie, Liste, Accordéon, Slider et Widgets personnalisés, et sont accessibles à partir de la fenêtre contextuelle Connecter les données.

Pour utiliser les filtres dynamiques, suivez les étapes ci-dessous ou regardez notre vidéo :

Pour utiliser les filtres dynamiques :

1. Dans le panneau latéral, cliquez sur Contenu, puis sur Collections.
2. Cliquez sur +Créer une collection et créez-en 2 :
   • Collection de données : contient vos données avec un champ de nom de catégorie. À l'étape 9, cette collection est référencée en tant que Collection A.
   • Collection de catégories : contient toutes les catégories et leurs détails (nom de catégorie, image, etc.). À l'étape 9, cette collection est référencée en tant que Collection B.
3. Dans le volet latéral, cliquez sur Pages, puis sur +Nouvelle page.
4. Créez une page dynamique à partir de chaque collection que vous aurez créée à l'étape 2.
5. Accédez à la page standard de votre choix et, dans le volet latéral, cliquez sur Widgets, puis faites glisser et déposez le widget Galerie sur la page.
6. Faites un clic droit sur le widget Galerie pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données. Connectez-le à la collection de catégories que vous aurez créée à l'étape 2. Mappez le champ du lien vers sa page dynamique.
7. Accédez à la page dynamique des catégories et, dans le volet latéral, cliquez sur Widgets, puis faites glisser et déposez le widget Galerie sur la page.
8. Faites un clic droit sur le widget Galerie pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données. Connectez-le à la collection de données que vous avez créée à l'étape 2. Avant de fermer la fenêtre contextuelle Données connectées, ouvrez l'onglet Filtrer et trier et, dans la section Filtre dynamique, cliquez sur +Ajouter un filtre.
9. Mappez le champ Nom de catégorie de la collection de données (Collection A) et le champ Nom de catégorie de la collection de catégories (Collection B).