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 207
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 ...
L’Affichage des colonnes | Astuce Prestashop 1.6
views 1771
La dernière version de Prestashop (1.6) permet de gérer plus facilement l'affichage de la colonne de droite ou de gauche et de choisir sur quelles pages les afficher directement depuis le back-office. Où configure t-on l'affiche des colonnes  dans le back office de Prestashop ?  Allez dans l'onglet Préférences > Thèmes cliquez sur le lien Paramètres avancés du thème actif sur votre boutique. ...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 3
views 14305
Pour rappel, le menu du back-office de Prestashop 1.7 est organisé en 3 parties : Vendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)  Personnaliser qui regroupe les modules, le design, le transport, le paiement et l’international Configurer qui regroupe les préférences et les paramètres avancés. Dans cet article, nous allons ...
Installer manuellement un module PrestaShop
views 2839
Voici un petit tuto pour vous permettre d'installer manuellement votre module PrestaShop Pour ce tuto, nous allons partir du fait que vous avez acheté un module depuis le addons de Prestashop 1) Etape 1 Depuis le back-office de votre compte "Addons PrestaShop", cliquez sur l'onglet "Téléchargement" 2) Etape 2 Cliquer sur l'icone "flèche" du module que vous désirez télécharge...
Braintree – Une solution de Paiement sans VAD | Prestashop
views 5402
Qu'est-ce que Braintree ?  Braintree offre une solution complète de paiement pour les e-marchands sur mobile, tablette et bureau. C'est une entreprise américaine qui a été rachetée par Paypal en 2013. Comment j'ai connu Braintree ?  Un de mes clients a souscrit un Forfait Intégral Evolution (25€ par mois) chez Paypal. Après avoir installé le module dans le cms Prestashop, je me suis aperçue q...

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 *