À quoi servent les menus
Un menu de navigation est une liste de liens réutilisable. Vous créez les menus une fois dans la section Menus de votre tableau de bord, puis vous associez votre en-tête ou pied de page à un menu dans le builder. Les mêmes menus sont disponibles dans toute votre boutique, donc un menu peut être réutilisé à plusieurs endroits.
Ouvrir la section Menus
Allez dans Menus depuis la navigation principale. La liste affiche tous les menus que vous avez créés, du plus récent au plus ancien, avec leur date de création. Vous devez disposer de l’autorisation Menus pour ouvrir et modifier cette section.
Créer un nouveau menu
- Cliquez sur Créer un nouveau menu. Une fenêtre modale s’ouvre.
- Saisissez un Nom du menu (obligatoire, jusqu’à 50 caractères). Ce nom est uniquement pour votre référence et n’est jamais affiché aux clients.
- Ajoutez vos éléments dans la zone Éléments du menu (voir ci-dessous).
- Cliquez sur Enregistrer.
Un menu doit contenir au moins un élément avec un libellé et un lien, sinon l’enregistrement est refusé avec « Veuillez saisir le premier libellé ».
Ajouter des éléments au menu
Saisissez dans le champ Libellé vide pour créer votre premier élément. Dès qu’un élément existe, il obtient un champ Lien, et un nouveau champ de libellé vide apparaît en dessous pour que vous puissiez continuer à ajouter des éléments.
- Libellé : le texte visible par les clients, jusqu’à 50 caractères.
- Lien : la destination. Il doit s’agir d’une adresse web complète (par exemple https://example.com) ou d’un chemin interne de la boutique comportant jusqu’à deux segments, comme /products, /collections/shoes ou /pages/about.
Le champ Lien propose des sélecteurs rapides pour ne pas avoir à saisir les chemins à la main : Page d’accueil, Page de recherche et des listes avec recherche pour les collections, Produits et Pages.
Imbrication et limites
Les menus prennent en charge trois niveaux. Chaque élément peut contenir des sous-éléments, et chaque sous-élément peut à son tour en contenir :
- Libellé (niveau supérieur) : jusqu’à 5 éléments.
- Sous-libellé (deuxième niveau) : jusqu’à 10 éléments sous chaque élément de niveau supérieur.
- Libellé spécifique (troisième niveau) : jusqu’à 10 éléments sous chaque sous-libellé.
Quand un niveau est plein, son champ d’ajout est désactivé et affiche un message « limite atteinte ». La façon dont ces éléments imbriqués s’affichent aux clients (sous forme de menu déroulant, de panneau mega menu ou de tiroir) se choisit plus tard dans le builder, pas ici. L’éditeur de menu définit uniquement la structure des liens.
Réorganiser et supprimer des éléments
Faites glisser un élément par la poignée (l’icône à barres à sa gauche) pour le réorganiser dans son niveau. Cliquez sur le bouton corbeille rouge d’un élément pour le supprimer ainsi que tous les éléments imbriqués en dessous.
Modifier ou supprimer un menu
- Cliquez sur une ligne de menu dans la liste pour l’ouvrir. La fenêtre modale affiche le nom et tous les éléments actuels.
- Modifiez le nom ou les éléments, puis cliquez sur Enregistrer. Le bouton Enregistrer reste désactivé tant qu’aucune modification n’est apportée.
Pour supprimer des menus, cochez la case de chaque ligne de menu et cliquez sur Supprimer les menus dans la barre d’action du tableau. Supprimer un menu auquel un en-tête ou un pied de page est encore associé laisse ce bloc sans liens jusqu’à ce que vous attribuiez un autre menu.
Connecter un menu à l’en-tête
- Ouvrez le builder et sélectionnez la section En-tête, puis cliquez sur l’élément Menu.
- Sous Menu, cliquez sur Sélectionner un menu. Un menu déroulant s’ouvre avec une barre de recherche et la liste de vos menus. Choisissez-en un. (Le sélecteur précharge vos 10 menus les plus récents ; tapez dans la barre de recherche pour trouver les plus anciens.)
- Une fois le menu choisi, vous obtenez les boutons Remplacer, Modifier (ouvre ce menu dans un nouvel onglet) et Supprimer.
- Les sections Apparence et Mise en page mobile apparaissent uniquement après la sélection d’un menu. Configurez-les, puis publiez la page.
Options d’apparence du menu d’en-tête
- Type : Mega menu (grands panneaux multi-colonnes), Menu déroulant (listes simples) ou Tiroir (panneau coulissant).
- Position : gauche, centre ou droite dans l’en-tête.
- Ligne : haut (même ligne que le logo) ou bas (ligne séparée en dessous).
- Palette de couleurs : l’un de vos 9 jeux de couleurs du thème (0 à 8) pour le menu déroulant ou le panneau mega menu.
- Mise en page mobile : un bouton Barre de navigation plus sa propre palette de couleurs.
Si vous choisissez le type Tiroir, les contrôles Position, Ligne et Mise en page mobile sont masqués car un tiroir s’ancre toujours au bord de départ.
Connecter un menu au pied de page
- Ouvrez le builder et sélectionnez la section Pied de page.
- S’il n’y a pas encore de bloc Menu, ajoutez-en un à l’aide du contrôle d’ajout de bloc du pied de page. Un pied de page ne peut contenir qu’un seul bloc Menu.
- Dans le bloc Menu, cliquez sur Sélectionner un menu et choisissez un menu. Le bloc Menu du pied de page n’a pas d’options d’affichage : il affiche simplement les liens du menu.
- Publiez la page.
Comportement par marché et publication
- Vos menus sont partagés dans toute la boutique. Le menu auquel l’en-tête ou le pied de page est associé est enregistré dans le modèle du builder, donc différents modèles peuvent pointer vers différents menus.
- L’aperçu du builder se met à jour instantanément, mais les clients ne voient un menu nouveau ou modifié qu’après la publication de la page qui l’utilise.
- Modifier les éléments d’un menu met à jour partout où ce menu est utilisé une fois les pages concernées publiées. Vous n’avez pas besoin de le reconnecter.
- Utilisez des noms clairs comme « Navigation principale » et « Liens du pied de page ». Les menus d’en-tête servent généralement à la navigation principale, tandis que ceux du pied de page regroupent les liens légaux et secondaires, donc les séparer est la solution la plus simple.