Diverses options d'affichage et de navigation sont disponibles pour présenter les enregistrements de collections (pour plus d'informations sur les collections, voir Contenu dynamique : Collections (référence croisée)). Que vous utilisiez des pages dynamiques pour générer plusieurs pages à partir d'une collection ou que vous affichiez simplement des enregistrements, ces options vous permettent de rendre votre contenu accessible aux visiteurs du site.
Contenu dynamique : Les pages dynamiques peuvent être ajoutées à la navigation du site ou affichées avec Collection Display widget pour garantir qu'elles sont faciles à trouver.
Si des pages individuelles ne sont pas nécessaires, les enregistrements de la collection peuvent toujours être affichés d'une manière plus rationnelle, sans nécessiter de pages dynamiques.
Remarque
-
Chaque page de navigation parent ne peut contenir que des informations issues d'une seule page dynamique. Autrement dit, il est impossible de lier plusieurs pages dynamiques à une seule page de navigation parent. Vous pouvez ajouter jusqu'à 150 éléments de page, mais nous vous déconseillons d'atteindre cette limite.
-
Si un élément de navigation contient une page dynamique et une page normale, les éléments de la page dynamique seront toujours affichés en dernier, quel que soit l'ordre des actions.
Conseil
Un enregistrement de page dynamique peut être ajouté à la navigation widget en utilisant l'option Liens personnalisés dans la navigation widget. Notez qu'un seul enregistrement peut être ajouté par lien personnalisé. Pour plus d'informations sur l'option Liens widget personnalisés, voir: Liens de navigation.
Pour ajouter la page dynamique à la navigation :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
) de la page dynamique souhaitée.
-
Cliquez sur Masquer/Afficher dans la navigation, puis sélectionnez Afficher pour tous.
-
Dans la fenêtre contextuelle Ajouter à la navigation:
-
Sélectionnez une page de navigation parente dans le menu déroulant Ajouter des éléments de page en tant que sous-pages.
-
Sélectionnez le champ à afficher dans le menu déroulant Sélectionner le champ à afficher dans la navigation.
-
-
Cliquez sur Enregistrer les détails.
Pour ajuster la disponibilité des enregistrements dans la navigation du site :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
-
Cliquez sur Masquer/Afficher dans la navigation.
-
Sélectionnez l'endroit où vous souhaitez le masquer dans la navigation ou cliquez sur Définir les détails de la navigation pour modifier les détails.
Affichage de la collection widget sont des éléments qui listent et affichent les enregistrements d'une collection. Ils peuvent être utilisés pour permettre aux visiteurs de naviguer vers les enregistrements d'une page dynamique ou simplement pour présenter les données d'une collection. Ces sites widget proposent également des options de filtrage et de tri des enregistrements. De plus, lorsqu'ils sont ajoutés à une page dynamique, ils offrent une option de filtrage dynamique pour une plus grande flexibilité.
-
Liste
-
Galerie de photos
-
Carrousel média
-
Onglets
-
Accordéon
-
Tableau (affichage uniquement, aucun lien direct n'est disponible)
Pour connecter une collection à un widget d'affichage de collection :
-
Ajoutez un affichage de collection widget à la page du site sur laquelle vous voulez qu'il existe. Pour plus d'informations, voir Ajouter widget.
-
Cliquez avec le bouton droit de la souris sur le widget pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données.
-
Sélectionnez la collection souhaitée dans le menu déroulant Connecter à. Sélectionnez la collection souhaitée dans le menu déroulant Connecter à. Si vous vous connectez à une table widget, effectuez les opérations suivantes :
-
Après vous être connecté à une collection, sélectionnez les champs requis dans le menu déroulant Champs à afficher. Les colonnes seront classées dans le même ordre que celui dans lequel elles ont été sélectionnées.
-
cliquez sur Terminé.
Une fois la connexion aux données réussie, le tableau widget sera marqué d'une icône bleue de données connectées (
) bleue.
-
-
Pour tous les autres sites widget, associez les champs de la collection aux éléments du site widget que vous souhaitez afficher.
-
(Facultatif) Si vous avez créé une page dynamique pour la collection que vous avez connectée et que vous souhaitez y connecter le site widget, sous Connect Link, sélectionnez la page dynamique dans la liste déroulante (c'est ce qui crée le lien entre le site widget et les pages dynamiques de tu).
-
Cliquez sur Terminé.
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 :
-
Si l'affichage de collection souhaité widget n'est pas déjà placé sur le site, ajoutez-le à la page où vous voulez qu'il existe. Pour plus d'informations, voir Ajouter widget.
-
Cliquez avec le bouton droit de la souris sur le widget pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données.
-
Si le site widget existe déjà : cliquez avec le bouton droit de la souris sur le site widget, hover sur Connected Data, et sélectionnez Change Connection.
-
-
Sélectionnez la collection dans le menu déroulant Connecter à. (Sautez cette étape si le widget existe déjà).
-
Cliquez sur l'onglet Filtre & Sort. tu auras les options suivantes :
-
Affichage. Sélectionnez le nombre d'éléments que vous souhaitez afficher (par exemple, Tous ou 2).
-
+ Ajouter un tri.
Remarque
Pour que les nombres soient triés correctement, le champ doit être numérique.
-
Filtres fixes. Le filtre fixe affichera les enregistrements de la connexion connectée avec le terme exact saisi.
Remarque
Le filtrage fonctionne selon des valeurs exactes et vous pouvez filtrer plusieurs valeurs par champ.
-
Filtres dynamiques (disponible uniquement lorsque le widget se trouve sur une page dynamique). Le filtre dynamique relie les champs de deux collections distinctes : l'une de la collection associée à la page dynamique actuelle et l'autre de la collection connectée au widget, ce qui permet d'afficher dynamiquement les enregistrements dont les valeurs correspondent. Pour plus d'informations, reportez-vous à la section Filtres dynamiques.
-
Conseil
Si vous ne parvenez pas à filtrer et à trier correctement, vérifiez si le champ est en texte enrichi. Il est possible que le texte soit formaté, même si vous ne le voyez pas. Il est donc recommandé de convertir le champ en texte brut.
Le filtre dynamique relie les champs de deux collections distinctes : l'une de la collection associée à la page dynamique actuelle et l'autre de la collection connectée au widget, ce qui permet d'afficher dynamiquement les enregistrements dont les valeurs correspondent. Cela vous permet de n'afficher que le contenu correspondant à un élément de la page.
Pour utiliser les filtres dynamiques, suivez les étapes ci-dessous ou regardez notre vidéo :
Créez et configurez 2 collections :
-
Une collection primaire. Il s'agit de la collection qui contiendra la majeure partie des informations et qui comprend une colonne pour les catégories. Un exemple serait une collection pour une liste de stores dans un centre commercial. Dans cet exemple, la colonne des catégories contiendrait les catégories de store. À l'étape 9, cette collection est appelée Collection A.
-
Une collection pour les catégories. Cette collection doit comporter une colonne pour les catégories et chaque catégorie de la collection primaire doit avoir une ligne/un enregistrement. À l'étape 9, cette collection est appelée Collection B.
Tout type de collection peut être utilisé (collections internes, Airtable, Google Sheets et externes).
Si vous souhaitez utiliser des collections internes, créez-les :
-
Dans l'éditeur, dans le panneau latéral, cliquez sur Pages, puis sur + Ajouter une page.
-
Créez une page dynamique à partir de chaque collection tu créée à l'étape 2 (une pour la collection primaire et une pour la collection de catégories).
Remarque
si une page dynamique est déjà configurée et connectée à la collection primaire, seule une page dynamique supplémentaire devra être créée OU si les données de la collection primaire seront simplement affichées.
-
Naviguez jusqu'à la page dynamique de la catégorie et, dans le panneau latéral, cliquez sur widgetpuis faites glisser et déposez un affichage de collection widget sur la page.
Remarque
Les adresses disponibles sont les suivantes : widget:
-
Liste
-
Galerie de photos
-
Carrousel média
-
Onglets
-
Accordéon
-
Tableau (affichage uniquement, le lien direct vers la page dynamique de la collection primaire n'est pas disponible)
-
-
Cliquez avec le bouton droit de la souris sur le widget d'affichage de la collection qui vient d'être ajouté pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données. Connectez-le à la collection primaire. Avant de fermer la fenêtre contextuelle des données connectées, ouvrez l'onglet Filtre & Sort et, dans la section Dynamic Filter (Filtre dynamique ), cliquez sur +Add Filter (Ajouter un filtre).
-
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).
-
Naviguez vers une page régulière de votre choix et dans le panneau latéral, cliquez sur widget, puis faites glisser et déposez la galerie widget sur la page.
-
Cliquez avec le bouton droit de la souris sur le widget Gallery pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données. Reliez-le à la collection de catégories que vous avez créée à l'étape 2. Associez le champ de lien à sa page dynamique.