Kowal Mega Menu — mégamenu automatique pour Magento 2

MAGENTO 2 · CATÉGORIES · MENU DESKTOP · LUMA ET HYVÄ

Kowal Megamenu

Présentez votre catalogue en colonnes ou sous le bouton PRODUITS. Le menu utilise la structure des catégories de la boutique, tandis que les liens personnalisés mènent aux collections, aux promotions et à d’autres pages importantes.

1 à 6 colonnes · Liens personnalisés · Adaptateur Hyvä optionnel

COMMENT CELA FONCTIONNE EN PRATIQUE

Kowal Megamenu transforme l’arborescence des catégories en un menu desktop clair à plusieurs colonnes. Le module utilise les catégories de la boutique actuelle, leur ordre, leur statut actif et leur visibilité.

Adaptez la mise en page à votre catalogue. Le niveau 1 est cliquable, le niveau 2 est visible, et le niveau 3+ peut s’ouvrir dans un sous-menu.

Ajoutez des liens vers les promotions, les nouveautés, les collections, le blog ou la page de contact — avant ou après les catégories.

Le module fonctionne avec Luma et dispose d’un adaptateur optionnel pour le menu desktop standard de Hyvä. Sur mobile, la navigation native reste en place.

• génération automatique à partir des catégories de la vue magasin,
• mise en page de 1 à 6 colonnes,
• niveaux 3+ optionnels,
• liens personnalisés et classes CSS,
• configuration dépendante de la vue magasin,
• retour à la navigation native après la désactivation du module,
• prise en charge de la souris et du clavier.

Compatibilité : Magento 2.4.6+, PHP compatible avec la version de Magento (minimum 8.1). Les en-têtes ou breakpoints personnalisés peuvent nécessiter une adaptation de l’intégration.

Dans Stores → Configuration → Kowal → Megamenu, choisissez Natif, Megamenu ou PRODUITS — liste de catégories et mégamenu. La variante native conserve le menu du thème sans les liens personnalisés du module.

La variante PRODUITS ouvre une liste verticale des catégories principales et un sous-menu à droite. Vous pouvez définir le libellé du bouton ainsi que l’alignement de la barre au centre, à gauche ou à droite par vue magasin.

Le menu respecte la catégorie racine, l’ordre, le statut actif et l’option Inclure dans le menu. Les catégories placées sous un parent non visible ne sont pas affichées. Les en-têtes de colonnes restent cliquables, et les niveaux plus profonds peuvent être activés sous forme de sous-menu.

Un lien personnalisé possède une URL, un texte, des classes CSS optionnelles et une position avant ou après les catégories. Les chemins relatifs utilisent l’adresse de base de la boutique ; les classes nécessitent vos propres styles. Dans la variante PRODUITS, tous les liens supplémentaires apparaissent après le bouton.

Le module et le commutateur de l’adaptateur sont désactivés par défaut dans la configuration. Sur Luma, activez Enable Megamenu. Sur Hyvä, activez également l’adaptateur Kowal_MegamenuHyva ainsi que Enable Hyva Adapter dans la vue appropriée.

L’adaptateur conserve la barre desktop standard de Hyvä et remplace le contenu des panneaux de catégories pris en charge. La navigation mobile native reste inchangée ; les liens supplémentaires du module concernent le desktop.

Le menu prend en charge l’ouverture par bouton, le survol, Tab, Enter/Space, ArrowDown, Escape et le clic en dehors du panneau. Le lien de catégorie ne perd pas sa fonction d’accès à la page.

Luma utilise le desktop à partir de 768 px, tandis que Hyvä conserve le breakpoint de la barre du thème. Les en-têtes personnalisés, les anciens modèles monolithiques et Hyvä Commerce Menu Builder nécessitent une intégration distincte. Les règles d’accès B2B aux catégories doivent également être prises en compte lors du déploiement.

Après les modifications, videz les caches config, layout, block_html et full_page. Le menu utilise les tags de catégories et est mis en cache avec la page dans FPC/Varnish.

La désactivation du module restaure le renderer natif. Les ajouts à l’arborescence du menu provenant d’autres extensions dans Luma ne sont pas automatiquement transférés vers le mégamenu ; vérifiez les éléments requis avant la publication.

Package kowal/module-megamenu, module Kowal_Megamenu. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, mettez à jour Magento et videz le cache. En production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.

1. Vous organisez les catégories
Vous définissez leur ordre, leur statut actif et leur visibilité dans le menu.

2. Vous choisissez la variante de navigation
Vous configurez les colonnes, les niveaux et les liens personnalisés.

3. Le client utilise le menu
Sur desktop, il explore le catalogue, et sur mobile, il utilise la navigation native.

La barre principale contient un bouton qui déploie une liste verticale de catégories. Leurs sous-menus s’ouvrent à droite en colonnes, tandis que les liens vers les promotions et le contact apparaissent à côté du bouton.