Points clés
- Allez dans Boutique en ligne > Navigation > cliquez sur le menu que vous souhaitez modifier.
- Vous pouvez ajouter, modifier, supprimer et réorganiser les éléments de menu sans toucher au code.
- Faites glisser les éléments vers la droite sous un élément parent pour les imbriquer en tant que menu déroulant.
- Les modifications apportées aux menus de navigation sont effectives immédiatement lorsque vous enregistrez.
La modification de la navigation dans Shopify est l’une des parties les plus intuitives de l’interface d’administration. Voici un guide complet de tout ce que vous pouvez faire.
Pourquoi vous pouvez nous faire confiance
Nous avons conçu et personnalisé des centaines de vitrines Shopify. Nous avons également développé Fudge - un éditeur de vitrine IA avec une note de 4.9 sur le Shopify App Store.
Où trouver l’éditeur de navigation dans Shopify
Les menus de navigation sont gérés dans une section dédiée de l’admin Shopify :
Boutique en ligne > Navigation
Vous y verrez une liste de tous vos menus. La plupart des boutiques en ont au moins deux par défaut :
- Menu principal (Main menu) - affiché dans l’en-tête de votre boutique
- Menu de pied de page (Footer menu) - affiché dans le pied de page
Cliquez sur n’importe quel menu pour ouvrir l’éditeur.
Comment ajouter un nouvel élément de menu
Étape 1. Ouvrez le menu que vous souhaitez modifier (Boutique en ligne > Navigation > cliquez sur le menu).
Étape 2. Cliquez sur Ajouter un élément de menu.
Étape 3. Entrez le Nom - c’est le libellé que les clients voient (par ex., “Boutique”, “À propos”, “Soldes”).
Étape 4. Définissez le Lien. Vous pouvez faire un lien vers :
- Une page de votre boutique - tapez ou cherchez par nom
- Une collection - parcourez ou cherchez
- Un produit - parcourez ou cherchez
- Un blog
- Une URL personnalisée - collez n’importe quelle URL, y compris des liens externes
- Rien - laissez vide si cet élément est juste un titre parent de menu déroulant sans destination propre
Étape 5. Cliquez sur Ajouter pour confirmer l’élément, puis sur Enregistrer le menu en haut.
Comment modifier un élément de menu existant
Cliquez sur n’importe quel élément de menu existant pour le développer. Vous pouvez mettre à jour le Nom et le Lien directement. Cliquez en dehors de la case ou appuyez sur Entrée pour confirmer, puis enregistrez.
Comment supprimer un élément de menu
Cliquez sur l’élément de menu pour le développer, puis cliquez sur le bouton Supprimer (l’icône corbeille ou le lien “Supprimer un élément”). Enregistrez le menu pour confirmer.
Comment réorganiser les éléments de menu
Survolez un élément de menu avec la souris. Une poignée de glissement (six points ou trois petites lignes) apparaît sur la gauche. Cliquez et faites glisser l’élément vers sa nouvelle position.
Les éléments en haut de la liste s’afficheront en premier dans la navigation, ceux en bas s’afficheront en dernier.
Comment créer des menus déroulants
Pour imbriquer des éléments sous un parent (et créer un menu déroulant) :
Étape 1. Dans l’éditeur de menu, faites glisser un élément légèrement vers la droite jusqu’à ce qu’il s’indente sous l’élément situé au-dessus de lui.
Étape 2. L’élément parent devient le libellé du menu déroulant. L’élément indenté devient une option de ce même menu.
Étape 3. Vous pouvez imbriquer autant d’éléments que voulu sous un même parent.
Étape 4. Enregistrez le menu.
La plupart des thèmes Shopify prennent en charge un seul niveau d’imbrication (parent > enfant). Certains thèmes en supportent deux (parent > enfant > petit-enfant), mais cela varie d’un thème à l’autre.
Sur le même sujet : Créer un menu déroulant dans Shopify.
Menu principal vs menu de pied de page
Les thèmes Shopify tirent généralement leur navigation de deux menus distincts :
- Le Menu principal (handle :
main-menu) qui s’affiche dans l’en-tête - Le Menu de pied de page (handle :
footer) qui s’affiche dans le pied de page
Si vous souhaitez des liens différents entre le header et le footer, mettez à jour chaque menu séparément. Certains thèmes supportent des menus supplémentaires (navigation secondaire, menus dédiés au mobile) - consultez les paramètres de votre thème dans l’Éditeur de thème.
Modifier la navigation ne nécessite pas l’Éditeur de thème
Une chose que les marchands oublient parfois : vous n’avez pas besoin d’aller dans l’Éditeur de thème pour modifier la navigation. La section Navigation de l’interface d’administration Shopify est le bon endroit pour toutes les modifications de menu. Les changements s’appliquent immédiatement sur votre boutique une fois enregistrés.
L’Éditeur de thème sert à modifier l’apparence de la navigation (police, couleur, style de mise en page) - et non les éléments du menu eux-mêmes.
FAQ
5 à 7 éléments de premier niveau, c'est le juste milieu idéal. Moins de 5, ça risque de faire vide et de cacher des catégories clés ; plus de 8, ça surcharge le menu sur ordinateur et force des retours à la ligne peu esthétiques sur les petits écrans. Utilisez des menus déroulants pour afficher les sous-collections sans augmenter le nombre d'éléments de premier niveau.
L'Éditeur de thème met en cache les données de navigation au chargement initial. Après avoir enregistré les modifications de navigation, actualisez l'Éditeur de thème (actualisez le navigateur) pour voir le menu mis à jour dans l'aperçu. La boutique en ligne se met à jour immédiatement et n'a pas cette couche de cache.
Oui — collez n'importe quelle URL (y compris externes) dans le champ Lien lors de l'ajout d'un élément de menu. Utilisez-le pour des pages de destination d'affiliation, des sites de la société mère ou du contenu de partenaires externes. Les liens externes ne s'ouvrent pas dans un nouvel onglet par défaut ; pour obtenir le comportement target="_blank", décrivez ce que vous voulez à Fudge ("ouvrir les liens de navigation externes dans un nouvel onglet") et il modifiera le rendu Liquid du menu.
Non. La navigation se trouve dans Boutique en ligne → Navigation, séparée des fichiers de votre thème. L'enregistrement du menu applique les modifications immédiatement sur le thème actif. L'Éditeur de thème contrôle l'apparence du menu (police, mise en page, couleurs) — ces modifications nécessitent d'être publiées via l'Éditeur de thème.
Oui, pour les menus dont vous êtes sûr qu'ils sont obsolètes (ex. provenant d'une fonctionnalité ou d'un thème supprimé depuis). La suppression nettoie la liste de navigation et évite d'attribuer accidentellement le mauvais menu à un pied de page ou à une section. Vérifiez que rien ne fait référence au handle du menu avant la suppression — cherchez le handle dans le code de votre thème pour plus de sécurité.
À lire aussi : Créer une page de collection sur Shopify.
À lire aussi : Réorganiser les éléments du menu sur Shopify.
À lire aussi : Créer une Landing Page sur Shopify.