Remplace le menu déroulant standard par un méga menu.
Want more control? See the expanded prompt ›
Remplace le menu déroulant standard par un méga menu. Le survol de 'Skincare' ouvre un panneau avec 3 colonnes : Liens de catégorie (Sérums, Nettoyants, Masques, Soins), Produits mis en avant avec images, et un encart promotionnel pour les Nouveautés.
- Menu déroulant multi-colonnes avec liens de catégories, produits et promo.
- Produits mis en avant avec images pour une navigation visuelle.
- Espace pour un encart promotionnel pour les offres saisonnières.
- Sur mobile, se replie en un menu accordéon épuré.
Ce que vous essayez de faire
Les menus déroulants classiques obligent les acheteurs à faire défiler une liste. Les méga menus leur offrent une carte visuelle : ils voient les catégories et les produits et cliquent directement dessus. Pour les boutiques comptant plus de 8 collections par élément de menu, les méga menus permettent aux clients d'accéder à la bonne collection en un minimum de clics.
Points de vigilance
- Délai de survol : Fudge ajoute un léger délai pour éviter les ouvertures accidentelles.
- Navigation au clavier : le menu fonctionne avec la touche Tab et les flèches directionnelles.
- UX mobile : le méga menu se réduit en un menu accordéon épuré.
- Chargement des images : les produits phares utilisent des miniatures en chargement différé (lazy-loading).
Comment Fudge procède
Fudge duplique votre thème en ligne dans un brouillon, crée la section en tant que section Shopify modifiable avec le placement et le comportement exigés par votre prompt, et la connecte à vos vraies données produits et au style de votre marque. Tout commence en brouillon — prévisualisez sur votre boutique, ajustez via l'éditeur de thème, et publiez seulement quand vous êtes prêt. Votre boutique en ligne reste intacte.
Quand un méga menu est le bon modèle de navigation
Pour les boutiques comptant plus de 8 collections par élément de menu ou plusieurs sous-catégories, un méga menu est préférable aux menus déroulants imbriqués : plus facile à découvrir, navigation plus fluide, et plus de produits exposés en une seule interaction. Le compromis réside dans la complexité visuelle, cela n’en vaut donc la peine que si le catalogue le justifie.
Quand ça vaut le coup d’être mis en place
Optez pour un méga menu pour les catalogues de taille moyenne à grande avec des hiérarchies de catégories claires. Laissez tomber pour les petits catalogues où un simple menu déroulant fait mieux l’affaire.
Ce qui fait un bon méga menu
- Mise en page à 3 colonnes par catégorie — liens de catégorie, produits phares, encart promotionnel.
- Produits phares avec images — découverte visuelle.
- Encart promotionnel par catégorie — pour mettre en avant les offres saisonnières.
- Alternative mobile sous forme de menu latéral simple — les méga menus ne fonctionnent pas sur mobile.
Associez ceci à la refonte du menu latéral mobile et à la barre de recherche bien visible dans la navigation.
Fudge construit cela avec son éditeur de boutique ; pour une version étape par étape, consultez comment créer un méga menu sur Shopify.