Menu déroulant

Guide pratique Tous les forfaits 2 min de lecture

Utilisez un menu déroulant (menu volant) pour les listes courtes comme À propos > Notre histoire, Contact, FAQ. Il prend en charge plusieurs niveaux, par exemple Chaussures > Baskets > Course.

Ajouter un menu déroulant

1. Choisir un modèle

   Dans l’arborescence Éléments de l’éditeur, cliquez sur Ajouter un sous-menu sous un élément de premier niveau qui n’a pas encore de sous-menu. Pointez sur Menu déroulant (menu volant) et cliquez sur Sélectionner sur Menu déroulant vertical ou Menu déroulant horizontal.

   

   Les deux modèles de menu déroulant. Chacun ajoute des éléments d'exemple que vous pouvez renommer.

2. Modifier les éléments enfants

   Survolez un élément d’exemple et cliquez sur Modifier l’élément pour changer son Titre et son Lien. Voir Modifier un élément de menu pour Icône, Icône d’image, Description, Badge et Visibilité.

3. Ajouter des éléments et des niveaux

   Cliquez sur Ajouter des éléments pour ajouter un élément au même niveau. Cliquez sur Ajouter une liste déroulante sous un élément pour lui donner sa propre liste plus profonde.

4. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Modèles

Menu déroulant vertical

Les éléments sont empilés en colonne sous l’élément de menu. Les niveaux plus profonds s’ouvrent sur le côté.

Menu déroulant horizontal

Les éléments s’affichent sur une ligne, sur toute la largeur sous la barre de menu. Chaque niveau plus profond s’ouvre sur une nouvelle ligne en dessous.

Paramètres du menu déroulant

Survolez l’élément parent, cliquez sur Modifier l’élément et faites défiler jusqu’à Sous-menu. Vous n’avez pas besoin de reconstruire le menu déroulant pour changer sa disposition.

Type

Menu déroulant vertical ou Menu déroulant horizontal. Aucun désactive le menu déroulant mais conserve ses éléments.

Largeur et alignement

Menus déroulants verticaux uniquement : Centre, Gauche ou Droite sous l’élément. Les menus déroulants horizontaux utilisent toujours toute la largeur.

Hauteur et alignement

Remplace Largeur et alignement dans un menu vertical : Pleine hauteur, Centre, Haut ou Bas.

Modifier ou supprimer le menu déroulant

• Le mettre en pause : réglez Type sur Aucun. Les éléments sont conservés.
• Changer de modèle : réglez Type sur Aucun, puis cliquez à nouveau sur Ajouter un sous-menu.
• Supprimer un élément : survolez-le et cliquez sur Supprimer l’élément.
• Le garder peu profond : environ 3 niveaux maximum ; les menus plus profonds sont difficiles à utiliser sur mobile.
• Utiliser une étiquette : un élément sans lien n’ouvre que sa propre liste.
• Besoin d’images ou de colonnes ? Utilisez un méga menu.

Dépannage

Le menu déroulant ne s'ouvre pas sur ma boutique

Vérifiez que Type n’est pas Aucun, que le menu déroulant contient au moins un élément, et que vous avez cliqué sur Enregistrer et Publier. Pour les problèmes liés au thème, voir Pourquoi mon menu ne s’affiche-t-il pas ?

Pages associées

• Sous-menusComparez les menus déroulants, méga menus, menus à onglets et dispositions en mosaïque, et choisissez le bon sous-menu pour chaque élément.
• Méga menuCréez un large panneau de sous-menu à partir de blocs comme des listes de liens, des images, des produits et un formulaire de contact.
• Modifier un élément de menuModifiez le titre, le lien, l'icône, les couleurs, le badge, le sous-menu et la visibilité d'un élément, ou dupliquez-le, déplacez-le et supprimez-le.

Cette page vous a-t-elle aidé ?

Signaler un problème