MégaNav : le méga menu PrestaShop 9.2.x qui met votre catalogue en valeur

Par Laurent LOUIS-THERESEE-commerce, Prestashop, , Commentaires désactivés

Votre catalogue mérite d’être découvert. Lorsqu’un visiteur arrive sur votre boutique, votre menu doit l’aider à trouver une famille de produits, une marque ou une sélection sans multiplier les détours. C’est pour répondre à ce besoin que BCSIRT développe MégaNav, son méga menu personnalisable pour PrestaShop 9.2.x.

MégaNav permet de composer des panneaux de navigation depuis le back-office : catégories, liens, pages de contenu, marques et fournisseurs. Vous choisissez leur organisation, leur apparence et leurs mises en avant. Sur petit écran, la navigation prend la forme d’un tiroir mobile. Vos menus disposent de réglages distincts pour chaque boutique et chaque langue active.

Vous souhaitez un menu mieux adapté à votre catalogue ?Présentez votre boutique à BCSIRT pour vérifier votre configuration et découvrir les possibilités de MégaNav.

Dans cet article

Pourquoi installer un méga menu sur votre boutique PrestaShop ?

Une navigation qui convenait à vos premières catégories peut devenir difficile à parcourir lorsque le catalogue s’enrichit. Les sous-menus s’allongent, les rubriques importantes se retrouvent au même niveau que les liens secondaires et les nouveautés restent peu visibles.

Un méga menu permet de regrouper plusieurs familles de liens dans un panneau organisé en colonnes. Le visiteur peut ainsi voir les principales entrées d’un univers et choisir une destination. Pour le marchand, c’est aussi un espace où présenter une collection, une sélection ou une information utile.

MégaNav s’adresse notamment aux boutiques qui proposent plusieurs univers de produits, souhaitent mettre leurs marques en avant ou ont besoin d’une navigation différente selon la langue ou la boutique. L’objectif : rendre votre offre plus facile à explorer, avec une organisation que vous maîtrisez.

MégaNav : votre menu, votre catalogue, vos priorités

Organisez vos catégories et vos liens depuis le back-office

MégaNav propose six types de rubriques : panneau de navigation, catégorie, page CMS, marque, fournisseur et lien personnalisé. Vous pouvez combiner des accès directs avec des panneaux regroupant plusieurs catégories et liens.

Vous choisissez les libellés du menu, l’ordre des rubriques et les groupes à présenter. Un intitulé de navigation peut être différent du nom enregistré dans votre catalogue : vous pouvez rendre un libellé plus compréhensible sans renommer la catégorie elle-même.

Mettez vos sélections en valeur

Une collection saisonnière, un univers à découvrir, une gamme à expliquer : un panneau peut accueillir un titre, un texte de présentation, une image et un lien de mise en avant. Les badges permettent de signaler une rubrique particulière avec le libellé de votre choix.

Les images sont ajoutées à partir de leur URL, après leur hébergement. Choisissez le visuel et, séparément, la catégorie mise en avant vers laquelle conduire le visiteur grâce au lien du panneau.

Accordez le menu à l’identité de votre boutique

Le contenu et les réglages d’apparence s’administrent depuis la configuration du module. Vous pouvez notamment ajuster dix couleurs, une à six colonnes, la largeur du menu, la taille du texte, les espacements et les arrondis.

Vous adaptez l’ouverture des panneaux au survol ou au clic, avec un délai de survol configurable. Ces réglages permettent de travailler la navigation depuis le back-office, sans intervenir dans les fichiers du thème pour chaque changement de couleur ou de rubrique.

Sauvegardez votre configuration avant de la faire évoluer

L’import/export JSON permet de conserver vos réglages. Un import présente un résumé du fichier, puis charge son contenu comme brouillon : vous pouvez vérifier les réglages avant de les enregistrer. L’export contient le brouillon courant, y compris ses modifications non enregistrées.

C’est utile pour préparer une nouvelle organisation ou retrouver une configuration antérieure. Les références de catégories restent liées au catalogue d’origine ; leur correspondance avec celles d’une autre boutique doit être vérifiée.

À quoi pourrait ressembler votre nouveau menu ?

Prenons l’exemple fictif d’une boutique de décoration. Au lieu d’une longue succession de sous-catégories, son menu peut proposer un univers « La maison » organisé en trois colonnes :

  • Mobilier : fauteuils, tables et rangements ;
  • Luminaires : suspensions, lampes à poser et appliques ;
  • Décoration : vases, textiles et objets décoratifs.

À côté de ces liens, une zone de mise en avant peut présenter une sélection « Un salon chaleureux ». Une rubrique dédiée peut conduire vers une marque et un lien direct vers une page de conseils.

La structure dépend de votre catalogue. MégaNav vous fournit les réglages pour organiser cette navigation et la faire évoluer au fil de vos collections.

Parlons de l’organisation de votre menu : indiquez l’adresse de votre boutique et les rubriques que vous aimeriez mieux mettre en valeur.

Une navigation adaptée aux mobiles et aux boutiques multilingues

Un tiroir mobile pour les petits écrans

Sur mobile, MégaNav présente la navigation dans un tiroir. Trois seuils de bascule sont disponibles : 768, 992 et 1 200 pixels. Vous choisissez celui qui convient à votre mise en page et à la place occupée par vos rubriques.

La navigation au clavier, la fermeture avec Échap et la gestion du focus sont également prévues. Lors de l’intégration, le menu doit être vérifié avec les contenus réels de votre boutique, sur ordinateur et sur petit écran.

Six langues d’interface, des menus adaptés à chaque marché

L’interface de MégaNav est disponible en français, anglais, espagnol, allemand, italien et portugais du Portugal. La configuration du menu est distincte pour chaque boutique et chaque langue active.

Vous pouvez donc présenter des libellés et des mises en avant adaptés à vos visiteurs. Les textes que vous saisissez et les contenus de votre catalogue restent à traduire : le module ne réalise pas de traduction automatique.

Compatibilité PrestaShop et mise en place de MégaNav

MégaNav cible PrestaShop 9.2.x. Les essais applicatifs documentés portent sur PrestaShop 9.2.0 avec PHP 8.3.33, ainsi que sur les thèmes Classic 3.1.2 et Hummingbird 2.1.2. Votre version corrective et votre thème doivent être vérifiés avant installation.

Le thème doit proposer l’un des deux points d’accroche de navigation pris en charge : displayNavFullWidth ou displayTop, ainsi que displayHeader pour charger les styles et les interactions. Cette vérification permet de déterminer où le menu apparaîtra et d’éviter un doublon avec la navigation existante.

  1. Préparez une copie de test de votre boutique. Sauvegardez l’existant avant l’installation.
  2. Installez MégaNav dans le gestionnaire de modules. Ouvrez sa configuration et sélectionnez une boutique et une langue.
  3. Composez vos rubriques et réglez l’apparence. Définissez les liens, les groupes et les mises en avant.
  4. Enregistrez et vérifiez le parcours. Contrôlez les destinations, les textes et le comportement du menu sur plusieurs tailles d’écran.
  5. Remplacez l’ancien menu après vérification. MégaNav ne désactive pas automatiquement les autres modules de navigation.

Vous préparez une refonte ou une évolution de votre boutique ? BCSIRT peut étudier votre besoin dans le cadre de ses prestations e-commerce.

Questions fréquentes sur MégaNav

Faut-il savoir coder pour personnaliser le menu ?

Les rubriques, les liens, les textes et les réglages d’apparence se configurent dans le back-office. Un thème personnalisé peut toutefois nécessiter une vérification de son point d’accroche et de son intégration.

Peut-on afficher des marques et des pages de contenu ?

Oui. MégaNav prend en charge les liens vers des marques, fournisseurs et pages CMS, en complément des catégories et des URL personnalisées.

Le module modifie-t-il mon catalogue ?

MégaNav organise la navigation sans renommer vos catégories ni créer de produits. Les libellés du menu sont indépendants. Pour les liens natifs vers les catégories, le module masque celles qui sont inactives ou interdites au groupe du visiteur ; le masquage des catégories vides est réglable.

Peut-on avoir un menu différent pour chaque boutique ?

Oui. Les réglages sont séparés par boutique et par langue active. Vous sélectionnez le contexte à modifier avant d’enregistrer votre menu.

Combien de rubriques peut-on créer ?

La version 1.0.0 permet de configurer jusqu’à 20 rubriques, 12 groupes par panneau et 30 liens personnalisés par groupe. L’affichage des panneaux peut être organisé sur une à six colonnes.

Quel est le prix de MégaNav et comment l’obtenir ?

Contactez BCSIRT au sujet de MégaNav pour connaître sa disponibilité, son tarif et ses conditions de licence et d’accompagnement. Précisez votre version de PrestaShop et le thème utilisé afin de vérifier les conditions d’intégration avant toute commande.

Donnez à vos visiteurs une navigation à la hauteur de votre catalogue

Vos produits, vos marques et vos sélections ont chacun leur place dans votre boutique. Avec MégaNav, vous pouvez organiser leurs accès dans un menu personnalisable, adapté aux petits écrans et administrable depuis PrestaShop.

Parlons de votre boutique. Transmettez à BCSIRT son adresse, votre version de PrestaShop, le nom de votre thème et ce que vous souhaitez améliorer dans votre navigation. Ces informations permettront de préparer une réponse adaptée à votre projet.

Demander des informations sur MégaNav →

MégaNav est développé et édité par BCSIRT.