Modifier les menus de navigation Shopify : ajouter, réorganiser et imbriquer (2026)

À retenir

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 du menu sans toucher au code.

Faites glisser les éléments vers la droite sous un parent pour les imbriquer en tant que menu déroulant.

Les modifications apportées aux menus de navigation sont mises en ligne immédiatement lors de l’enregistrement.

Pour modifier un menu de navigation dans Shopify, allez dans Boutique en ligne > Navigation, cliquez sur le menu (généralement le Menu principal ou le Menu de pied de page), puis ajoutez, renommez, faites glisser ou supprimez des éléments et cliquez sur Enregistrer. Les modifications sont mises en ligne dès que vous enregistrez.

Pourquoi vous pouvez nous faire confiance

Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous développons également Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store. Lorsqu’un menu nécessite plus que ce que l’éditeur de navigation permet, son éditeur de boutique rédige la modification dans le thème en tant que brouillon.

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.

É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.

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.

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.

Survolez n’importe quel élément du menu. Une poignée de glissement (six points ou trois lignes) apparaît sur le côté gauche. Cliquez et faites glisser l’élément vers sa nouvelle position.

Les éléments en haut de la liste apparaissent en premier dans la navigation, ceux en bas apparaissent en dernier.

Pour des conseils de réorganisation et des solutions lorsqu’un élément refuse de bouger, consultez comment réorganiser les éléments de menu dans Shopify.

Besoin d'une mise en page de navigation sur mesure ou d'un mega menu ? Décrivez-le à Fudge.

Démarrer l'essai gratuit

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 de menu légèrement vers la droite jusqu’à ce qu’il soit mis en retrait sous l’élément situé au-dessus.

Étape 2. L’élément parent devient l’étiquette du menu déroulant. L’élément en retrait devient une option du menu déroulant.

Étape 3. Vous pouvez imbriquer plusieurs éléments sous le même parent.

Étape 4. Enregistrez le menu.

Les menus Shopify peuvent aller jusqu’à trois niveaux de profondeur (parent > enfant > petit-enfant). Dawn et la plupart des thèmes récents affichent les trois niveaux ; vérifiez sur l’aperçu si vous utilisez un thème plus ancien, car certains n’en affichent que deux.

Pour plus de détails sur les liens parents et le comportement sur mobile, consultez comment créer un menu déroulant dans Shopify.

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.

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

Combien d'éléments dois-je avoir dans la navigation principale de Shopify ?

5 à 7 éléments de premier niveau est le juste milieu idéal. Moins de 5 donne l'impression que la boutique est vide et manque de visibilité pour les catégories clés ; plus de 8 encombre la barre de navigation sur ordinateur et force un retour à la ligne peu esthétique sur les petits écrans. Utilisez des menus déroulants pour mettre en avant vos sous-collections sans gonfler le nombre d'éléments au premier niveau.

Pourquoi mes modifications de menu apparaissent-elles sur la boutique en ligne mais pas dans l'aperçu de l'éditeur de thème ?

L'éditeur de thème met en cache les données de navigation lors du chargement initial. Après avoir enregistré vos modifications de navigation, actualisez l'éditeur de thème (rafraîchissement du navigateur) pour voir le menu mis à jour dans l'aperçu. La boutique en ligne en direct se met à jour immédiatement et n'a pas cette couche de cache.

Puis-je lier des sites web externes depuis la navigation Shopify ?

Oui — collez n'importe quelle URL (y compris des URL externes) dans le champ Lien lors de l'ajout d'un élément de menu. Utilisez-le pour des landing pages d'affiliation, les sites de votre société mère ou le 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 externes de la navigation dans un nouvel onglet") et il modifiera le rendu Liquid du menu.

Les modifications de navigation nécessitent-elles de republier le thème ?

Non. La navigation se gère dans Boutique en ligne → Navigation, de manière indépendante des fichiers de votre thème. L'enregistrement du menu publie les modifications immédiatement sur le thème actif. L'éditeur de thème contrôle l'apparence du menu (police, disposition, couleurs) — ces modifications-là sont enregistrées dans l'éditeur de thème.

Dois-je supprimer les menus Shopify inutilisés ?

Oui pour les menus qui sont confirmés obsolètes (par exemple, provenant d'une fonctionnalité ou d'un thème supprimé depuis). Les supprimer nettoie la liste de navigation et évite d'assigner accidentellement le mauvais menu à un footer ou à une section. Vérifiez que rien ne fait référence au "handle" (l'identifiant) du menu avant la suppression — cherchez ce handle dans le code de votre thème pour être sûr.