Élément de fil d'Ariane

Qu'est-ce que l'élément Breadcrumb dans GemPages ?

A miette de pain est un élément de navigation qui aide les utilisateurs à comprendre leur emplacement actuel sur un site Web ou une application. Il apparaît généralement sous la forme d'une série de liens cliquables en haut d'une page Web ou d'une interface, montrant la hiérarchie des pages ou des sections que l'utilisateur a parcourues pour arriver à la page actuelle.

Lorsque vous travaillez avec pages de sous-catégories Dans Shopify (par exemple, « Chaussures pour hommes » sous « Chaussures »), les fils d'Ariane prennent une importance accrue. Ils permettent aux clients de revenir rapidement à la collection parente ou de naviguer entre les sous-catégories sœurs sans avoir à parcourir manuellement les menus.

L'utilisation de fils d'Ariane pour les pages de sous-catégories aide également les moteurs de recherche à mieux comprendre la structure du site, ce qui peut améliorer le référencement en signalant clairement la relation entre les catégories principales et leurs sous-catégories.

Comment ajouter et configurer l'élément Breadcrumb ?

Nous passerons en revue tous les paramètres de l'élément Breadcrumb dans Éditeur GemPages version 7 dans la section ci-dessous.

Étape 1 : Allez dans Tableau de bord GemPages > Préférences > Paramètres du magasin. Sous le Autres réglages section, activez «Incluez le handle de collection dans le chemin d'URL pour les produits accessibles à partir d'une collection."

Étape 2 : Retour à le Pages section et localisez votre page cible pour ouvrir l'éditeur. 

Étape 3 : Dans la barre latérale gauche, entrez Navigation dans la barre de recherche, puis faites glisser et déposez l'élément en haut de votre page.

Configurer l'onglet Paramètres

Le Paramètres L'onglet de l'élément Fil d'Ariane vous aide à affiner l'apparence, la mise en page et le comportement interactif du chemin de navigation.

Icône de séparateur

Personnaliser le séparateur entre les éléments du fil d'Ariane (par exemple, /, >, →):

• Icône: Choisissez une icône ou un personnage. Vous pouvez également télécharger votre propre icône SVG.
• Couleur: Sélectionnez la couleur de l'icône via HEX ou le sélecteur de couleurs.
• Taille: Ajustez la taille de l’icône à l’aide des boutons +/–.

Style de texte

Stylisez le texte du fil d'Ariane avec des contrôles typographiques complets :

Espacement des éléments, taille et arrière-plan

Écart: Ajustez l'espacement horizontal entre les éléments du fil d'Ariane en faisant glisser le curseur ou en saisissant une valeur spécifique manuellement.

Rembourrage: Ajustez l'espacement intérieur du conteneur de fil d'Ariane (haut, droite, bas, gauche) pour créer un espace de respiration ou aligner l'élément avec votre mise en page.

Couleur de fond: Définissez une couleur d'arrière-plan pour la barre de navigation à l'aide du sélecteur de couleurs ou en saisissant un code HEX pour un contrôle précis.

Forme

Vous pouvez donner au récipient à chapelure un aspect distinctif :

• Frontière: Définissez la couleur, l'épaisseur et le style de trait.
• Coin: Définissez le rayon de bordure pour arrondir les coins (par exemple, 8 px).
• Ombre: Ajoutez des ombres subtiles ou audacieuses, puis modifiez le type, la direction, la couleur, la distance, le flou et la taille.

Effect

• Flotter: Activez les styles de survol lorsque les utilisateurs interagissent avec les liens du fil d'Ariane.
• Actif: Mettez en surbrillance l'élément de fil d'Ariane actuel (actif) différemment des autres.

option d'affichage

Masquer la page active:

• Oui: Masquer la page actuelle (dernier élément du fil d'Ariane, par exemple, Happy Dog Snack).
• Non: Afficher le fil d'Ariane complet.

Aligner

Ce paramètre vous permet de déterminer la manière dont l'élément est positionné sur votre page. Vous avez trois options : aligné à gauche, centré et aligné à droite.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.

Vous pouvez également trouver d'autres conseils utiles et des didacticiels vidéo sur Académie GemPages.

Questions fréquentes

1. Comment les fils d'Ariane aident-ils les pages de sous-catégories ?

Le fil d'Ariane affiche clairement la hiérarchie des catégories principales aux sous-catégories, améliorant ainsi la navigation et le référencement. Les clients savent ainsi exactement où ils se trouvent et peuvent facilement naviguer entre les sections.

2. Puis-je personnaliser le fil d'Ariane différemment pour les pages de sous-catégories ?

Oui. Vous pouvez appliquer différents styles, séparateurs ou couleurs d'arrière-plan aux fils d'Ariane des pages de sous-catégories pour les mettre en valeur.

3. Que se passe-t-il si ma page de sous-catégorie n'apparaît pas dans le fil d'Ariane ?

Cela peut se produire si l'URL du produit n'inclut pas l'identifiant de la collection/sous-catégorie. Assurez-vous que le paramètre Shopify « Inclure l'identifiant de la collection dans le chemin d'URL » est activé.

4. Les fils d'Ariane améliorent-ils le référencement des pages de sous-catégories ?

Oui. Ils aident les moteurs de recherche à comprendre la relation entre vos catégories principales et vos sous-catégories, ce qui peut améliorer l'indexation et la structure des liens internes.