Prestashop 1.7 afficher sous-categories : guide ultime 2025 !

1. Comment afficher les sous-catégories sur la page d’une catégorie dans PrestaShop 1.7 ?

Dans PrestaShop 1.7, les sous-catégories peuvent s’afficher automatiquement en haut de la page d’une catégorie parente si elles sont bien configurées. Cela dépend du thème utilisé, notamment du fichier templates/catalog/listing/category.tpl qui contient la logique d’affichage de ces éléments.

Assurez-vous que les sous-catégories sont actives, rattachées à la bonne catégorie parente, et qu’elles ont une image de miniature si vous voulez une mise en page en grille. L’affichage est conditionné par une boucle Smarty dans le template, que vous pouvez personnaliser pour ajuster le style ou l’organisation.

2. Pourquoi les sous-catégories ne s’affichent-elles pas dans PrestaShop 1.7 ?

Plusieurs causes sont possibles : soit la catégorie n’a pas de sous-catégories actives, soit le thème utilisé ne contient pas la logique pour les afficher. Dans certains cas, des modules tiers ou des overrides mal conçus peuvent également interférer avec le rendu de la page.

Pour vérifier rapidement, testez avec le thème Classic par défaut. Si les sous-catégories apparaissent, le problème vient de votre thème personnalisé. Sinon, contrôlez aussi les paramètres de visibilité et les permissions boutique (en multi-boutique notamment), ainsi que les éventuels problèmes de cache.

3. Peut-on personnaliser l’affichage des sous-catégories en grille dans PrestaShop 1.7 ?

Oui, dans PrestaShop 1.7, l’affichage en grille se configure dans le template de la catégorie, où chaque sous-catégorie est affichée dans un bloc HTML. Vous pouvez styliser ces blocs avec du CSS personnalisé ou ajouter des classes Bootstrap si votre thème les prend en charge.

Vous pouvez aussi modifier la structure HTML pour intégrer un titre, une image, une description et même un bouton. Cela permet de créer un look plus professionnel et cohérent avec votre design. Le tout se gère dans le fichier category.tpl et le CSS associé.

4. Comment ajouter une image pour chaque sous-catégorie dans PrestaShop 1.7 ?

Dans Catalogue > Catégories, sélectionnez une sous-catégorie et ajoutez une image dans la section “Image de catégorie”. Cette image est utilisée dans l’affichage des sous-catégories, selon les appels du thème.

Si l’image ne s’affiche pas malgré l’ajout, vérifiez que le code du template utilise bien l’objet {category.image} ou une méthode équivalente. Il est aussi utile de régénérer les miniatures dans Apparence > Images, pour adapter l’image au bon format d’affichage.

5. Peut-on afficher les sous-catégories dans un menu déroulant sur PrestaShop 1.7 ?

Oui, avec des modules de navigation avancée comme "Mega Menu", "Advanced Top Menu" ou "Horizontal Menu", vous pouvez créer des menus déroulants qui incluent toutes les sous-catégories automatiquement ou manuellement.

Ces modules sont compatibles avec PrestaShop 1.7 et permettent d’afficher un menu structuré, parfois enrichi d’icônes, d’images ou de promotions. Ils sont idéals pour les boutiques avec un large catalogue, car ils simplifient la navigation et rendent le site plus ergonomique, notamment sur desktop.

6. Comment n’afficher que les sous-catégories d’un certain niveau dans PrestaShop 1.7 ?

Il est possible de filtrer l’affichage des sous-catégories en fonction de leur niveau hiérarchique ou du parent ID directement dans le template Smarty. Par exemple, vous pouvez limiter l’affichage aux catégories de niveau 2 pour éviter une navigation trop profonde.

Cela se fait via une condition dans la boucle {foreach $subcategories as $subcategory} en vérifiant la propriété id_parent ou level_depth. C’est une solution élégante pour maîtriser l’organisation visuelle de votre boutique et éviter de surcharger l’utilisateur avec des choix trop complexes.

7. Peut-on afficher les sous-catégories dans la colonne latérale (gauche) de PrestaShop 1.7 ?

Oui, en activant le module “Bloc catégories” et en le positionnant dans le hook displayLeftColumn, vous pouvez afficher une liste des catégories et sous-catégories dans la colonne latérale. Cela permet une navigation rapide depuis n’importe quelle page.

Ce module peut être personnalisé pour n’afficher que les sous-catégories de la catégorie en cours. Il est utile pour guider l’utilisateur dans une structure logique et segmentée. Pour un affichage plus visuel, des modules tiers peuvent transformer cette navigation en menu accordéon ou arbre interactif.

8. Comment afficher les sous-catégories avec le nombre de produits qu’elles contiennent dans PrestaShop 1.7 ?

Dans le template de la catégorie, vous pouvez afficher le nombre de produits en ajoutant une instruction comme {$subcategory.nb_products} si cette variable est disponible. Sinon, il faut appeler une fonction du contrôleur pour récupérer dynamiquement le nombre de produits par sous-catégorie.

Cette donnée peut être affichée entre parenthèses après le nom, ex. : "T-shirts (12)". Cela donne une information précieuse au client et peut influencer son choix de navigation. Attention toutefois à ne pas ralentir le chargement si vous avez de nombreuses catégories à calculer en temps réel.

9. Peut-on afficher les sous-catégories sur la page d’accueil dans PrestaShop 1.7 ?

Oui, à l’aide d’un module de blocs personnalisés ou d’un constructeur de page (type Creative Elements), vous pouvez afficher une sélection de sous-catégories directement sur la page d’accueil, sous forme de grille ou de slider.

Cela est particulièrement utile pour mettre en avant certaines gammes ou promotions. Vous pouvez choisir manuellement les sous-catégories à afficher, avec images, titres et liens. L’objectif est de diriger rapidement l’utilisateur vers les sections phares de votre boutique dès son arrivée.

10. Est-ce que l’affichage des sous-catégories est compatible avec le multilingue dans PrestaShop 1.7 ?

Oui, chaque sous-catégorie peut avoir un titre, une description et une image différents pour chaque langue. L’affichage s’adapte automatiquement à la langue sélectionnée par l’utilisateur grâce à la gestion multilingue intégrée dans PrestaShop 1.7.

Il est recommandé de traduire manuellement chaque champ pour éviter les mélanges linguistiques. En cas de thème personnalisé, vérifiez que les variables sont bien appelées avec la prise en compte de la langue active ($language.iso_code). Cela garantit une expérience fluide et professionnelle pour les clients internationaux.