Categories vertical Prestashop 1.7 : guide ultime 2025 !

1. Comment afficher un menu de catégories vertical dans PrestaShop 1.7 ?

PrestaShop 1.7 propose nativement un affichage de catégories verticales via le module "Bloc Catégories". Il suffit d’activer ce module et de le placer dans la colonne gauche (hook displayLeftColumn) pour qu’un menu vertical apparaisse avec la structure du catalogue.

Ce menu affiche les catégories mères et leurs sous-catégories sous forme de liste déroulante. C’est très utile pour les boutiques avec une navigation hiérarchique claire, car cela facilite l’accès aux produits en profondeur. Ce type de navigation est particulièrement apprécié sur desktop.

2. Est-il possible de personnaliser l’apparence du menu vertical des catégories ?

Oui, l’apparence du menu peut être personnalisée via le fichier CSS du thème et, si besoin, en modifiant le template Smarty du module Bloc Catégories. Cela permet d’adapter les couleurs, polices, icônes et effets au survol.

Certains utilisateurs vont plus loin avec des menus accordéon ou dépliables au clic, pour améliorer la lisibilité. Si vous n’avez pas de connaissances en code, des modules comme Vertical Mega Menu proposent une personnalisation visuelle poussée et facile à configurer.

3. Peut-on afficher uniquement certaines catégories dans le menu vertical ?

Le module par défaut de PrestaShop ne permet pas de filtrer précisément les catégories affichées. Pour cela, il faut soit modifier le code du module, soit utiliser un module alternatif comme Advanced Vertical Menu.

Ce type de module permet de sélectionner manuellement les catégories visibles, de masquer celles sans produits ou de définir des règles d’affichage selon le groupe de clients. Cela vous permet de créer un menu plus ciblé, cohérent avec votre stratégie commerciale.

4. Comment afficher les sous-catégories dans le menu vertical ?

Le module "Bloc Catégories" peut afficher les sous-catégories de manière automatique selon l’arborescence définie dans votre catalogue. Vous pouvez choisir d’ouvrir toutes les catégories ou uniquement celle en cours dans les paramètres du module.

Les sous-catégories s’affichent en liste indentée ou en menu déroulant selon le thème. Si vous souhaitez un effet accordéon ou une animation plus fluide, il peut être nécessaire de modifier le JavaScript associé ou d’utiliser un module de menu plus évolué.

5. Est-il possible d’ajouter des icônes aux catégories du menu vertical ?

Oui, mais ce n’est pas prévu nativement dans PrestaShop 1.7. Pour cela, vous devez modifier le template du menu et ajouter une classe CSS ou une balise <img> liée à chaque catégorie.

Des modules comme Vertical Menu with Icons facilitent cette intégration en ajoutant un champ "icône" dans chaque fiche catégorie. C’est une excellente solution pour rendre votre menu plus visuel et améliorer l’expérience utilisateur, surtout sur les boutiques très visuelles (mode, déco…).

6. Peut-on intégrer le menu de catégories vertical dans la page d’accueil ?

Oui, vous pouvez afficher le menu vertical sur la page d’accueil en assignant le module à un hook spécifique comme displayLeftColumn ou displayHomeLeft. Si votre thème ne propose pas ces hooks, il faudra les ajouter dans le fichier templates/layouts/layout-both-columns.tpl.

Afficher un menu vertical dès la page d’accueil améliore la navigation dès l’arrivée sur le site. Cela permet aux visiteurs de comprendre rapidement l’organisation du catalogue, sans devoir passer par le menu horizontal ou le moteur de recherche.

7. Existe-t-il des modules pour créer un menu vertical plus avancé ?

Oui, plusieurs modules comme Vertical Mega Menu, Advanced Categories Block ou Creative Elements Menu offrent des fonctionnalités étendues : sous-catégories en accordéon, affichage conditionnel, intégration d’images ou de bannières.

Ces modules sont recommandés si vous avez une structure complexe ou si vous souhaitez un rendu professionnel sans toucher au code. Ils incluent souvent un constructeur visuel, ce qui facilite la configuration même pour les non-développeurs.

8. Le menu vertical est-il responsive sur mobile ?

Le module "Bloc Catégories" natif de PrestaShop est relativement basique sur mobile. Il n’offre pas toujours une bonne expérience responsive, surtout sur les petits écrans où la liste peut devenir trop longue.

Pour un meilleur rendu mobile, il est préférable d’utiliser un module responsive ou d’intégrer les catégories verticales dans un menu hamburger ou un slider latéral. Cela permet d’optimiser l’espace tout en maintenant un accès rapide au catalogue.

9. Peut-on afficher un menu vertical uniquement sur certaines pages ?

Oui, dans Apparence > Positions, vous pouvez définir sur quelles pages le module Bloc Catégories s’affiche, en le plaçant dans des hooks spécifiques. Vous pouvez également conditionner son affichage via du code Smarty (if $page.page_name == ...).

Cela permet de montrer le menu uniquement sur les pages catégories, produits ou la page d’accueil, selon votre besoin. C’est utile pour éviter la surcharge d’interface sur des pages comme le panier ou la commande.

10. Comment optimiser le menu vertical pour le SEO et l’accessibilité ?

Pour améliorer le SEO, assurez-vous que les liens du menu sont bien en HTML (et non chargés dynamiquement en JavaScript), que chaque lien a un texte clair et pertinent, et que le balisage est propre (listes <ul> / <li> bien structurées).

Côté accessibilité, il est recommandé d’ajouter des attributs ARIA et de permettre la navigation au clavier. Certains modules premium intègrent ces optimisations automatiquement. Un menu vertical bien codé améliore à la fois le référencement naturel et l’expérience utilisateur pour tous les profils.