Note
Ces informations sont spécifiques à l'éditeur 2.0, anciennement connu sous le nom d'éditeur All-Flex. Pour identifier la version actuelle de l'éditeur, voir Comment identifier la version de l'éditeur utilisée par votre site .
Un méga menu est un type de menu de navigation couramment utilisé sur les sites web pour organiser et afficher un grand nombre de contenus ou d'options de manière structurée et visuellement attrayante. Contrairement à un menu déroulant traditionnel qui affiche une seule colonne de liens, le Mega Menu s'étend horizontalement. Les cas d'utilisation les plus courants sont les sites de commerce électronique avec de nombreuses catégories de produits, les sites de voyage avec de nombreuses destinations ou les entreprises de services qui offrent une large gamme de services.
Le méga menu est activé à partir du widget Liens de navigation et crée une nouvelle section liée à un élément de navigation.* Cela permet à l'utilisateur de modifier et de concevoir la nouvelle section comme n'importe quelle autre section, par exemple en ajoutant un widget ou en créant une structure/mise en page. Tout élément de navigation peut être transformé en méga menu.
*Pour les sites créés après le 25 juillet 2025, vous pouvez ajouter plusieurs sections à chaque élément du méga menu. Vous pouvez choisir entre des sections vierges, pré-conçues, personnalisées ou créées par l'IA. En outre, vous pouvez enregistrer des sections de méga-menus et les utiliser sur d'autres sites dans votre compte. Notez qu'une migration est prévue pour les méga menus sur les sites créés avant le 25 juillet 2025. Cet article sera mis à jour lorsque la migration aura lieu.
Considérations importantes :
-
Le méga-menu ne peut être ajouté qu'aux éléments de navigation qui ne sont pas des sous-éléments ou qui comprennent leurs propres sous-éléments.
-
Uniquement compatible avec la taille d'écran desktop.
Pour créer un Mega Menu :
-
Si vous n'avez pas encore ajouté de liens de navigation à l'adresse widget, vous devez le faire. Dans le panneau latéral, cliquez sur Ajouter, puis sur widget. Recherchez Liens de navigation, puis faites-le glisser sur le canevas.
-
Actuellement, le Mega Menu ne peut être activé sur desktop que si le lien de navigation widget se trouve dans l'en-tête et a une disposition horizontale. Non pris en charge sur les téléphones portables.
-
-
Cliquez sur le widget Liens de navigation pour ouvrir la barre flottante et sélectionnez Gérer les liens.
-
En haut de la fenêtre modale, demandez Quels éléments de navigation doivent être inclus ? sélectionnez Liens personnalisés.
-
Cliquez pour sélectionner l'élément souhaité. Dans la partie droite de la fenêtre modale, sélectionnez Mega menu. Cette opération transforme l'élément en un méga-menu.
-
Saisissez un nom pour votre méga-menu. Répétez les étapes 4 et 5 pour chaque élément que vous souhaitez transformer en méga-menu.
-
Faites glisser et déposez les éléments existants dans l'ordre et l'imbrication souhaités. Notez que le méga menu ne peut être ajouté qu'aux éléments de navigation qui ne sont pas des sous-éléments ou qui comprennent des sous-éléments propres.
-
Cliquez sur Modifier le méga menu pour apporter des modifications à la conception. Les changements de conception ne s'appliquent qu'à la section que vous êtes en train de modifier et non aux sections qui contiennent d'autres méga-menus.
Les deux éléments suivants définissent la manière dont les utilisateurs ouvrent le méga menu. Pour y accéder, faites défiler la page jusqu'à la section Mega Menu du panneau de conception.
-
Un élément de conception populaire est l'utilisation d'une flèche en chevron pour indiquer aux visiteurs du site que le menu peut être développé en cliquant dessus. Par défaut, cette flèche n'est pas activée. Pour ajouter la flèche, activez la case à cocher de visibilité de la flèche. La flèche hérite du style de conception des liens.
-
Spécifiez comment les utilisateurs ouvrent le méga menu en sélectionnant soit hover ou Cliquez. hover est l'état par défaut. Si vous passez au clic, le méga menu s'ouvrira au premier clic et se fermera au second.
-
Pour plus d'informations sur les options de configuration et de conception des liens de widget navigation,widget voir: Navigation Links.
Pour ouvrir le méga-menu en vue de l'éditer, vous pouvez :
-
hover sur le site de navigation widget et lorsque la section Mega Menu apparaît, cliquez sur la section Mega Menu ou sur l'élément de navigation Mega Menu.
-
Cliquez sur le widget Liens de navigation et cliquez sur Gérer les liens.
-
Ouvrez le panneau des calques et cliquez pour ouvrir la section du méga-menu souhaitée.
Vous pouvez ajouter un lien vers une section du Mega Menu en ajoutant n'importe quel lien widget. Voici quelques exemples de la manière dont vous pouvez ajouter des liens à une section du méga-menu :
-
Ajoutez un widget de type bouton ou icône et ajoutez un lien vers ce widget.
-
Ajoutez le widget Galerie de photos et connectez-le à une collection.
-
Si vous souhaitez afficher un catalogue de commerce électronique, vous pouvez ajouter la galerie de produits widget et vous connecter au catalogue de produits ou à une catégorie particulière.
-
Ajoutez un widget Liens de navigation et définissez des liens personnalisés.
Pour supprimer un méga-menu, supprimez l'élément de méga-menu du widget de navigation.
Vous trouverez ci-dessous plusieurs autres actions qui permettent de supprimer un méga menu et que vous devez connaître :
-
Suppression du widget Liens de navigation.
-
Suppression du conteneur qui inclut un widget Liens de navigation avec un Mega Menu.
-
Modification du préréglage de l'en-tête.
-
Commutation entre les types d'en-têtes de base et les types d'en-têtes avancés.
Vous trouverez ci-dessous les limitations actuelles du méga-menu :
-
Disponible uniquement sur l'écran desktop.
-
Le Mega Menu ne peut être utilisé que si le widget Liens de navigation se trouve dans une disposition horizontale et à l'intérieur de l'en-tête.
-
Non pris en charge sur les téléphones portables.
-
Si vous dupliquez ou copiez-collez un lien de navigation widget avec un méga-menu, le méga-menu ne sera pas dupliqué.