Menu horizontal Prestashop 1.7  : guide ultime 2025 !

1. Comment modifier le menu haut horizontal dans Prestashop 1.7 ?

Dans Prestashop 1.7, le menu horizontal est géré par le module "Menu principal" (ps_mainmenu). Vous pouvez y accéder via Apparence > Modules > Module menu principal, où vous pouvez ajouter, organiser ou supprimer des liens vers des catégories, pages CMS ou URLs personnalisées.

Pour modifier l’apparence ou l’ordre des éléments, il suffit d’utiliser l’interface drag-and-drop. Si vous souhaitez personnaliser le style (taille, couleur, espacement), cela se fait via le fichier CSS de votre thème. Prestashop 1.7 permet une gestion souple du menu, mais pour des menus complexes, un Mega Menu est souvent nécessaire.

2. Comment afficher les sous-catégories dans le menu horizontal de Prestashop 1.7 ?

Lorsque vous ajoutez une catégorie parente dans le menu principal, Prestashop 1.7 affiche automatiquement ses sous-catégories sous forme de menu déroulant. Cela se fait sans configuration complexe, à condition que la structure des catégories soit bien définie.

Si les sous-catégories n’apparaissent pas, vérifiez qu’elles sont actives et visibles. Pour plus de contrôle sur la présentation, vous pouvez utiliser un module de Mega Menu, qui vous permet d’organiser les sous-niveaux de manière visuelle et d’ajouter des images ou du texte dans les blocs déroulants.

3. Peut-on changer la position du menu haut horizontal dans Prestashop 1.7 ?

Oui, le positionnement du menu dépend du hook auquel il est attaché. Dans Prestashop 1.7, il est généralement assigné au hook displayTop. Vous pouvez le déplacer via Apparence > Positions, ou en modifiant manuellement les fichiers .tpl de votre thème.

Pour le repositionner visuellement (centré, à gauche, ou à droite), modifiez les styles CSS associés au bloc menu. L’élément est généralement contenu dans une div que vous pouvez cibler pour ajuster sa mise en page. Le cache doit être vidé pour voir les modifications appliquées.

4. Comment ajouter un lien personnalisé dans le menu horizontal de Prestashop 1.7 ?

Dans le module Menu principal, vous pouvez cliquer sur "Ajouter un lien personnalisé" pour insérer une URL manuelle dans le menu horizontal. Ce lien peut pointer vers une page interne, un lien externe ou une ancre spécifique sur la page.

Il suffit d’ajouter un libellé (nom du lien) et une URL. C’est pratique pour diriger les visiteurs vers un blog externe, un configurateur, ou une page partenaire. Cette méthode fonctionne dans toutes les langues si vous gérez une boutique multilingue, car chaque champ est traduisible dans le back-office.

5. Comment adapter le menu horizontal aux mobiles dans Prestashop 1.7 ?

Par défaut, le menu principal de Prestashop 1.7 devient un menu "hamburger" sur mobile. Il est responsive, mais selon le thème utilisé, l’expérience utilisateur peut varier. Pour plus de contrôle, des modules comme Responsive Mega Menu permettent de personnaliser l’affichage mobile.

Vous pouvez définir quels éléments apparaissent ou non sur mobile, réorganiser l’ordre des liens, et simplifier la navigation. Cette optimisation mobile est cruciale pour garantir une bonne accessibilité et un taux de conversion satisfaisant, surtout si une grande partie de votre trafic vient des smartphones.

6. Peut-on styliser le menu horizontal de Prestashop 1.7 sans toucher au code ?

Partiellement. Le module natif de Prestashop 1.7 ne propose pas d’options visuelles poussées. Pour des modifications simples comme les couleurs ou les polices, vous pouvez utiliser les options de personnalisation du thème si elles existent. Sinon, il faudra modifier le CSS manuellement.

Des modules comme Creative Elements ou des builders visuels peuvent vous permettre de modifier l’apparence du menu via une interface intuitive, sans coder. Cela permet d’avoir un rendu professionnel, cohérent avec votre charte graphique, tout en gardant la flexibilité de mise à jour.

7. Pourquoi le menu horizontal n’apparaît-il pas sur mon thème Prestashop 1.7 ?

Si le menu horizontal n’est pas visible, cela peut être dû à un problème de hook, à un module désactivé, ou à une modification du thème. Commencez par vérifier que le module "Menu principal" est bien activé et assigné au hook displayTop.

Ensuite, vérifiez si le fichier header.tpl de votre thème appelle bien ce hook. Certains thèmes personnalisés ou achetés sur des marketplaces n’intègrent pas ce menu par défaut. Dans ce cas, vous devrez ajouter manuellement le hook manquant dans votre thème.

8. Comment ajouter un menu horizontal secondaire dans Prestashop 1.7 ?

Pour ajouter un second menu horizontal, vous pouvez cloner le module natif "Menu principal" ou utiliser un module spécialisé comme Second Top Menu. Il est aussi possible de créer un bloc HTML personnalisé que vous insérerez dans un nouveau hook ou au-dessus du header.

Ce menu secondaire peut contenir des liens utiles (blog, offres pro, programme de fidélité), différents du menu principal centré sur la navigation produit. Il est important de bien distinguer les deux menus en termes de style et d’utilité pour ne pas surcharger visuellement votre site.

9. Comment intégrer des images ou icônes dans le menu horizontal de Prestashop 1.7 ?

Le module de base ne gère pas les icônes ou images dans les menus. Pour cela, vous devez utiliser un Mega Menu ou intégrer manuellement du HTML/CSS dans le menu. Certains modules comme ETS Mega Menu permettent d’ajouter des icônes à chaque entrée de menu via une interface simple.

L’ajout d’images ou d’icônes améliore la lisibilité, en particulier pour les visiteurs pressés ou les menus très chargés. Attention toutefois à ne pas trop alourdir le menu pour préserver la vitesse de chargement du site.

10. Quels sont les modules les plus recommandés pour améliorer le menu haut horizontal dans Prestashop 1.7 ?

Les modules les plus utilisés pour enrichir le menu horizontal sont : Mega Menu PRO, Leo Mega Menu, Creative Elements Mega Menu, et Advanced Top Menu. Ils sont compatibles avec Prestashop 1.7 et permettent la création de menus complexes, responsive et esthétiques.

Ces modules offrent une interface glisser-déposer, la gestion multilangue, des permissions par groupe client, l’intégration d’images, de bannières, ou de widgets. Ils sont idéaux pour les catalogues larges ou les boutiques ayant besoin d’un design professionnel sans coder.