Afficher les sous-catégories sur la page catégorie | Prestashop 1.7

Vous l’avez peut-être constaté mais sur la version Prestashop 1.7, les sous-catégories ne s’affichent pas sur les pages catégories comme sur Prestashop 1.6.

Voici un petit tutoriel, qui vous permettra de les faire apparaître rapidement.

Comment insérer les sous-catégories sur la page catégorie ?

Etape 1: Ouvrir le fichier category.tpl qui se situe dans ../themes/nomdevotretheme/templates/catalog/listing/category.tpl

Nom de votre thème = dans l’exemple suivant je prend le thème par defaut de Prestashop 1.7 qui se nomme “Classic”

Afficher les sous-catégories sur la page catégorie | Prestashop 1.7

 

Etape 2 : juste avant la dernière balise </block>, insérez le code suivant :

Ce qui doit donner

 

Etape 3: Ouvrir le fichier theme.css qui se situe dans ../themes/nomdevotretheme/assets/css/theme.css

1-theme-css-prestashop-1_7

 

Etape 4 : ajoutez le code suivant :

 

Etape 5 : et voila :

1-sous-categories-prestashop-1_7

ATTENTION: si ne vous visualisez pas les modifications, c’est sûrement un problème de cache. Veuillez consulter l’article suivant : Comment vider dans Prestashop 1.6 et Prestashop 1.7

Articles similaires

Pourquoi faut-il migrer sur Prestashop 1.6 | Infographie
views 224
Cette infographie, met en avant les différentes raisons pour migrer son site Prestashop sur la version 1.6 En voici quelques-unes : - le thème par défaut de Prestashop est plus esthétique que l'ancien, plus  élégant, souple et permet de mettre en avant des bannières personnalisables. - il est possible de modifier les couleurs, les polices, etc directement depuis le Front Office. - la création ...
Remettre un produit en nouveauté | Astuce Prestashop 1.6
views 2412
Il est vous peut-être arrivé de vouloir remettre votre produit en nouveauté Il existe deux solutions dont une donnée par Webbax Dupliquer votre produit Ajouter un champs "date de publication" dans la fiche produit. Comment ajouter un champs "date de publication" dans le back-office de Prestashop ?  A) Ouvrer le fichier « adminthemesdefaulttemplatecontrollersproductsinformat...
Comment dupliquer un thème Prestashop 1.6 ?
views 2603
Vous désirez apporter des modifications dans les fichiers TPL, CSS... du thème par défaut de Prestashop. Je vous conseille fortement de le dupliquer et de garder l'original. Il est très facile de dupliquer un thème depuis le back-office de Prestashop. Voici un petit tutorial: Etape 1: Depuis le menu, allez dans l'onglet Préférences > Thèmes Etape 2: Cliquez sur "Ajouter un t...
Ajouter le drapeau du pays dans le bloc langues | Astuce Prestashop 1.6
views 3518
Vous désirez insérer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide. Valable pour Prestashop 1.6. ------------------- 1) Ouvrez le fichier blocklanguages.tpl qui se situe dans themes > lenomdevotretheme > modules > blocklanguages > blocklanguages.tpl. Il va falloir insérer ce code à deux endroits.  Par déf...
15% de réduction pour tous les produits de la boutique | Astuce Prestashop 1.6
views 1767
Vous désirez mettre en place une campagne de promotion :  15% de réduction pour tous les produits de la boutique Il est très facile de configurer ce cas de figure dans Prestashop Comment mettre en place cette promotion dans le back-office de Prestashop  ?  A) Connectez-vous au back-office de Prestashop B) Allez dans l'onglet Promotions > Règles Paniers C) Configurer les infor...

5 réponses à “Afficher les sous-catégories sur la page catégorie | Prestashop 1.7”

  1. Ratha dit :

    Bonjour et merci pour ce tuto, en effectuant les différentes insertions de codes. Les sous catégories s’affichent bien mais elles s’affichent colonne et non en ligne. Ai je loupé quelque chose. J’a regardé côté css et il me semble que le css n’est pris en compte. Problème dans le code ? ou de configuraiton ?

  2. c_majory dit :

    Bonjour,

    difficile à dire mais je pense qu’effectivement c’est le css qui pose problème. Vous avez regardé avec firebug ?

  3. thierry dit :

    Presta 1.7.6.3

    Bonjour, désolé de revenir depuis 2017 mais j’ai une petite quesion 🙂

    Comment rendre l’affichage responsive ?
    Car en version mobile les vignettes se chevauche au lieu de se reduire ou au lieu de s’afficher les unes en dessous des autres …

    Lorsque par exemple je mets 5 sous catégories, je peux les afficher alignés grace a la modification dans le css
    width: 25%;
    en mettant par exemple a 20% ce qui doit repondre egalement a la question precedente 🙂

    Merci beaucoup de votre avis 😉

  4. c_majory dit :

    bonjour

    cela va dépendre de votre thème mais a peu près oui il faut tester après

  5. Aurelien dit :

    pour ma part, j’ai mis ceci

    #subcategories ul li {
    float: none;
    width: 225px;
    text-align: center;
    display: inline-block;
    }

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *