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

Insérer une page CMS sur votre formulaire de contact | PrestaShop 1.6
views 2789
Vous désirez insérer une page cms à l'intérieur de votre formulaire de contact de votre boutique PrestaShop Rien de plus simple avec ce petit tuto ! Etape 1 : Override du fichier : ContactController.php Créer un fichier qui se nommera ContactController.php et placez le dans  override/controllers/front/ puis insérez le code suivant : Plus de précisions Code 1: $cms=New CMS(...
Afficher les fournisseurs sur les pages produits | Astuce Prestashop 1.6
views 2845
Ce tuto va vous expliquer comment insérer les fournisseurs dans la page produit dans la version Prestashop 1.6 A) Mettre le nom du fournisseur avec le lien sur votre page produit Ajouter les lignes suivantes dans le fichier product.tpl qui se situe dans votre thème à l'endroit à vous désirez que le fournisseur apparaisse :  Résultat :  B) Mettre le logo du fournisseur avec le lien ...
Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 17194
Vous avez installé votre boutique Prestashop 1.6 et désirez modifier votre page d'accueil ? Ce petit tuto va vous aider à le faire en indiquant le nom du module que vous devez utiliser pour modifier votre slider, votre menu.... Ils sont facilement accessibles depuis votre back-office PrestaShop en cliquant sur l’onglet « Modules et services ». Si vous désirez aussi modifier le fichier tpl ou cs...
Paypal, Hipay & Payplug – Quelle solution de paiement choisir
views 3895
Pour une petite boutique en ligne, mettre en place un contrat de vente à distance (VAD) peut s'avérer difficile en raison des coûts élevés que demande les banques. Aujourd'hui, il existe d'autres solutions de paiement dont Paypal, Hipay et Payplug Ces établissements sont autorisés par l’ACP à exercer en France. Ils ne nécessitent pas de contrat de VAD pour être mis en oeuvre A) Comparat...
Afficher le champ adresse sur plusieurs lignes | Bloc contact infos – Astuce Presta...
views 1091
Cette astuce Prestashop est valable pour la version 1.6 Vous l'avez sûrement remarqué, en bas de page, l'adresse de votre magasin est sur une seule ligne. Ce rapide tutoriel va vous permettre d'afficher le champ adresse sur plusieurs lignes Valable pour Prestashop 1.6 et 1.5 ----------------------------------- 1) Pour insérer les informations de votre boutique, il faut aller...

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 *