Comment créer des menus de navigation et les ajouter à l'en-tête et au pied de page ?

À quoi servent les menus

Un menu est une liste de liens que vous créez une fois, puis affichez dans votre en-tête ou votre pied de page. Le même menu peut être utilisé à plusieurs endroits, dans tous les marchés.

Ouvrir la page Menus

Ouvrez Menus avec ce lien, ou depuis le constructeur : sélectionnez le bloc Menu de l'en-tête (ou un bloc Menu du pied de page), cliquez sur Sélectionner un menu, puis sur Créer un menu ou Modifier. La page Menus liste vos menus, du plus récent au plus ancien. Les membres de l'équipe ont besoin de l'autorisation Thèmes pour créer ou modifier des menus.

Créer un menu

1. Cliquez sur Créer un nouveau menu.
2. Saisissez un Nom du menu, comme « Menu principal » ou « Liens du pied de page ». Vous seul le voyez.
3. Ajoutez vos liens sous Éléments de menu (voir ci-dessous).
4. Cliquez sur Sauvegarder.

Un menu a besoin d'au moins un élément avec un libellé et un lien. Sinon, vous voyez « Veuillez saisir le premier libellé ».

Ajouter des éléments au menu

Tapez dans le champ Étiquette vide pour créer un élément. Il reçoit alors un champ Lien, et un nouveau champ de libellé vide apparaît pour que vous puissiez continuer à en ajouter.

• Étiquette : le texte que voient les clients.
• Lien : une adresse web complète (par exemple https://example.com) ou un chemin de votre boutique (par exemple /collections/shoes).

Le champ Lien propose des sélecteurs rapides pour ne pas avoir à taper les chemins : Page d'accueil, Page de recherche et des listes avec recherche de Collections et de Produits. Pages propose la page de contact, la page panier et vos politiques (confidentialité, conditions, remboursement, livraison, cookies).

Niveaux et limites

• Étiquette (premier niveau) : jusqu'à 5 éléments.
• Sous-libellé (deuxième niveau) : jusqu'à 10 sous chaque élément principal.
• Libellé spécifique (troisième niveau) : jusqu'à 10 sous chaque sous-libellé.

Quand un niveau est plein, son champ est désactivé avec un message de limite atteinte. L'affichage des niveaux pour les clients (méga-menu, liste déroulante ou tiroir) se choisit dans le constructeur.

Réordonner et supprimer

Faites glisser un élément par sa poignée pour le déplacer dans son niveau. Cliquez sur le bouton rouge de corbeille pour supprimer un élément et tout ce qui se trouve en dessous.

Modifier ou supprimer un menu

Cliquez sur un menu dans la liste, modifiez-le et cliquez sur Sauvegarder (le bouton reste désactivé tant que rien ne change). Pour supprimer, cochez les menus et cliquez sur Supprimer les menus. Si un en-tête ou un pied de page utilise encore un menu supprimé, il n'affiche aucun lien jusqu'à ce que vous en choisissiez un autre.

Ajouter un menu à l'en-tête

1. Ouvrez le constructeur, sélectionnez l'En-tête, puis son bloc Menu.
2. Cliquez sur Sélectionner un menu, faites une recherche si besoin et choisissez un menu. Vous avez ensuite Remplacer, Modifier (ouvre le menu dans un nouvel onglet) et Supprimer.
3. Réglez les options d'Apparence, qui apparaissent une fois le menu choisi :
   • Type : Méga (grands panneaux en colonnes), Liste déroulante (listes simples) ou Tiroir (un panneau qui glisse).
   • Position (gauche, centre, droite) et Ligne (en haut, à côté du logo, ou en bas, sur sa propre ligne).
   • Schéma de couleurs du panneau déroulant ou du méga-menu.
4. Sous Disposition sur mobile, activez Barre de navigation pour afficher le menu sous forme de barre sous l'en-tête sur téléphone et tablette, avec son propre schéma de couleurs. Sans elle, les téléphones affichent le menu dans un tiroir.
5. Publiez la page, puis utilisez Appliquer à toutes les pages sur l'en-tête si les autres pages doivent être identiques.

Avec Type réglé sur Tiroir, Position, Ligne et Disposition sur mobile sont masqués, car un tiroir s'ouvre toujours sur le côté.

Ajouter un menu au pied de page

1. Sélectionnez le Pied de page dans le constructeur.
2. S'il n'y a pas de bloc Menu, ajoutez-en un avec Ajouter un nouveau bloc.
3. Cliquez sur Sélectionner un menu et choisissez un menu. Le pied de page affiche ses liens sous forme de liste.
4. Publiez la page.

Bon à savoir

• Modifier les éléments d'un menu le met à jour partout où il est utilisé. Inutile de le choisir de nouveau.
• Le menu utilisé par un en-tête ou un pied de page est enregistré par page et par marché : des marchés différents peuvent donc utiliser des menus différents.
• Gardez la navigation principale dans l'en-tête et les liens légaux ou d'aide dans le pied de page.