Créer une navigation personnalisée sur Shopify

À propos de la navigation personnalisée Shopify

Une interface claire et intuitive menu de navigation du site Web aide les clients à trouver plus rapidement ce dont ils ont besoin, ce qui améliore l'expérience de navigation et augmente les conversions.

Dans Shopify, la barre de navigation (souvent située dans le menu de votre boutique) barre de titre ou en-tête) est construit à partir des menus que vous créez dans l'interface d'administration. Vous pouvez ajouter plusieurs éléments de menu et les organiser en fonction de la structure de votre boutique.

Pour créer un menu déroulant dans l'en-tête, il suffit d'imbriquer un ou plusieurs éléments de menu sous un élément parent. Shopify affichera automatiquement les éléments imbriqués sous forme de menu déroulant dans l'en-tête, à condition que votre thème prenne en charge la navigation à plusieurs niveaux.

Cela vous permet de regrouper les collections, produits ou pages similaires en catégories claires pour une navigation plus fluide.

Créer des éléments de menu dans Shopify

• Accédez à votre Administrateur Shopify > Menu > Menus > Menu .

• Saisissez le nom du menu dans la case prévue à cet effet (par exemple, « Tester le menu principal »)
• Frappé Ajouter des éléments de menu dans le Eléments du menu case pour ajouter des éléments qui s'affichent dans le menu de navigation.

• Saisissez l'étiquette de l'élément et choisissez la page de destination dans la liste déroulante sous le lien boîte.

• Cliquez sur l'icône « cocher » à côté de Lien case pour enregistrer l'élément et continuer à en ajouter d'autres. 
• Lorsque vous avez terminé, appuyez sur le Enregistrer bouton pour enregistrer vos modifications.

Vous pouvez modifier les éléments existants en survolant l'élément et en cliquant Modifier à côté de l'élément ou en cliquant sur l'icône de la corbeille pour le supprimer. Vous pouvez également cliquer et faire glisser l'icône ⠿ icône de poignée à côté de chaque élément pour changer sa position.

Pour créer un menu déroulant d'en-tête, imbriquez un ou plusieurs éléments sous un élément de menu parent dans l'interface d'administration Shopify. Cette structure indique à Shopify d'afficher un menu déroulant dans votre en-tête.

Si votre thème le prend en charge, le menu déroulant apparaîtra automatiquement.

Affichez le menu sur votre vitrine

Pour afficher votre menu sur votre boutique en ligne, attribuez-le à l'en-tête ou au pied de page de votre thème :

• Allez dans Boutique en ligne > Thèmes > cliquez Personnaliser sur votre thème actif.

• Dans l'éditeur de thème, sélectionnez le En-tête or Pied de page .
• Recherchez le paramètre Menu et sélectionnez le menu souhaité dans la liste déroulante.

• Cliquez à nouveau sur Enregistrer dans le coin supérieur droit.

Puis-je utiliser GemPages pour créer un menu de navigation ?

GemPages ne prend actuellement pas en charge la création d'un menu de navigation complet directement dans l'éditeur. Les éléments de texte et les boutons ne peuvent faire défiler que les sections d'une même page, et non les liens vers d'autres pages de votre boutique.

Cependant, vous pouvez toujours afficher votre menu de navigation Shopify (y compris les listes déroulantes) sur n'importe quelle page créée par GemPages, à condition que l'en-tête Shopify soit activé.

Suivez ces étapes pour afficher la barre de navigation sur une page GemPages :

• Accédez à l'application GemPages dans votre Shopify et ouvrez la page dans l'éditeur GemPages.
• Cliquez sur l’onglet Paramètres dans le coin supérieur droit de la barre supérieure.

• Activez l'option permettant d'afficher l'en-tête et le pied de page du thème Shopify, puis appuyez sur Appliquer les paramètres.

• Enregistrez et publiez votre page.

Meilleures pratiques pour la personnalisation de la navigation

• Limitez les éléments de niveau supérieur à 5 à 7 pour éviter l’encombrement.
• Utilisez les listes déroulantes pour regrouper le contenu associé (par exemple, les catégories de produits).
• Vérifiez que tous les liens fonctionnent et mènent à des pages actives.
• Utilisez des étiquettes simples et claires telles que « Tout acheter », « À propos de nous » ou « Suivre la commande ».

FAQ sur la navigation personnalisée sur Shopify

Comment ajouter un menu déroulant à la barre de titre dans Shopify ?

Créez des éléments de menu imbriqués dans l'interface d'administration Shopify. Shopify transforme automatiquement ces éléments imbriqués en un menu déroulant d'en-tête si votre thème prend en charge la navigation à plusieurs niveaux.

Puis-je réorganiser les éléments du menu dans la navigation ?

Oui. Dans l'interface administrateur Shopify, faites glisser et déposez les éléments à l'aide du ⠿ poignée pour réorganiser leur ordre.

Pourquoi mon menu déroulant ne s'affiche-t-il pas ?

Vérifiez si votre thème prend en charge les listes déroulantes et assurez-vous d'avoir activé l'en-tête dans votre thème Shopify ou dans les paramètres GemPages.

Puis-je utiliser GemPages pour créer des menus de navigation avec des listes déroulantes ?

Pas directement. GemPages affiche la barre de navigation de votre thème Shopify lorsque l'en-tête est activé. Vous devrez d'abord créer le menu dans l'interface administrateur Shopify.

Quelle est la différence entre la navigation d'en-tête et la navigation de pied de page ?

La navigation d'en-tête apparaît généralement dans la barre de titre en haut de votre site, tandis que la navigation de pied de page affiche les liens en bas. Les deux sont gérées via l'interface d'administration Shopify.

Pourquoi le menu déroulant d'en-tête de ma boutique Shopify n'apparaît-il pas sur les pages GemPages ?

GemPages utilise votre thème Shopify pour afficher l'en-tête. Si l'en-tête Shopify est désactivé dans l'éditeur GemPages, le menu déroulant ne s'affichera pas. Assurez-vous que « Afficher l'en-tête et le pied de page Shopify” est activé.