Site Web avancé : ajouter des listes pour afficher des pages dynamiques

La dernière étape de la création de pages dynamiques consiste à créer une liste de liens permettant d'accéder aux différentes pages. Pour ce faire, ajoutez un widget Liste et connectez-le à votre page dynamique.

Le widgets qui peuvent afficher des pages dynamiques sont :

• Liste

• Galerie de photos

• Curseur multimédia

• Onglets

• Table (pour plus d'informations sur la connexion d'une table, voir Widget de tableau

• Accordéon (affichage uniquement, la liaison et le filtrage ne sont pas des options disponibles)

Pour connecter un widget à votre page dynamique :

1. Ajoutez un widget connectable à la page de votre site sur laquelle vous souhaitez l'intégrer. 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 Se connecter aux données .
3. Sélectionnez la collection souhaitée dans le menu déroulant Se connecter à.
4. Mappez les champs de la collection aux éléments du widget que vous souhaitez afficher.
5. Sous Connecter le lien à sélectionnez la page dynamique (cela n'apparaîtra pas comme une option disponible pour le widget Accordéon). C'est ce qui crée le lien entre le widget et vos pages dynamiques.
6. Cliquez sur Fait .

En connectant des widgets à une collection, vous pouvez filtrer et trier la collection pour n'afficher que ce qui vous intéresse. Cette fonctionnalité vous permet de contrôler le nombre de lignes affichées par le widget, de filtrer selon des champs de texte spécifiques et de trier la liste par ordre croissant ou décroissant.

Note :

Vous pouvez filtrer et trier la collection dans chaque widget pouvant être connecté à une collection. Pour plus d'informations, consultez la section « Données connectées » .

Pour ajouter des filtres et trier :

1. Ajoutez le widget à la page de votre site où vous souhaitez l'intégrer. Pour plus d'informations, consultez la section Ajouter des widgets .
2. Cliquez avec le bouton droit sur le widget pour ouvrir le menu des paramètres, puis cliquez sur Se connecter aux données .
3. Sélectionnez la collection dans le menu déroulant Se connecter à.
4. Sous Filtrer et trier, vous disposez des options suivantes :
   • Éléments à afficher . Sélectionnez le nombre d'éléments à afficher (par exemple, Tous ou 2).
   • Filtres . Cliquez sur Ajouter un filtre et sélectionnez les champs et les valeurs par lesquels vous souhaitez filtrer.

Note :

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

• Trier . Cliquez sur Ajouter un tri et sélectionnez la manière dont vous souhaitez trier la collection.

Note :

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

Filtres dynamiques

Vous pouvez utiliser des filtres dynamiques pour filtrer les widgets connectés à des collections dans des pages dynamiques. Cela vous permet d'afficher uniquement le contenu pertinent pour un élément de page. Les filtres dynamiques sont disponibles pour chaque widget connecté à une collection lorsqu'il est ajouté à des pages dynamiques, notamment : Galerie, Liste, Accordéon, Curseur et Widgets personnalisés. Ils sont accessibles depuis la fenêtre contextuelle « Connecter les données ».

Pour utiliser les filtres dynamiques :

1. Dans le panneau latéral, cliquez sur Contenu , puis cliquez sur Collections .
2. Cliquez sur +Créer une collection et créez 2 collections :
   • 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 comme 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 comme Collection B.
3. Dans le panneau latéral, cliquez sur Pages , puis cliquez sur +Nouvelle page .
4. Créez une page dynamique à partir de chaque collection que vous avez créée à l’étape 2.
5. Accédez à une page régulière de votre choix et dans le panneau latéral, cliquez sur Widgets , puis faites glisser et déposez le widget Galerie sur la page.
6. Cliquez avec le bouton droit sur le widget Galerie pour ouvrir le menu des paramètres, puis cliquez sur Connectez-vous aux données. Connectez-le à la collection de catégories créée à l'étape 2. Mappez le champ de lien à sa page dynamique.
7. Accédez à la page dynamique des catégories et dans le panneau latéral, cliquez sur Widgets , puis faites glisser et déposez le widget Galerie sur la page.
8. Cliquez avec le bouton droit sur le widget Galerie pour ouvrir le menu des paramètres, puis cliquez sur Connectez-vous 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. Faites correspondre le champ de nom de catégorie dans la collection de données (Collection A) avec le champ de nom de catégorie dans la collection de catégories (Collection B).