[Prestashop help] How to display Subcategories list on a Category page in Prestashop 1.7?

In Prestashop 1.6, when you view a Category page, Prestashop theme will display a categories list like image

display-subcategories-3

But in Prestashop 1.7, the default theme (Classic theme) does not display subcategories, it display like image

display-subcategories-4

But if you want display subcategories list on category page in Prestashop 1.7, you can follow step by step:

Note: this guide works for any Prestashop 1.7 themes (Not only Classic theme) because it is developed from Core of Prestashop.

Step 1: download file sub-categories.tpl at here

sub-categories.tpl

This file contains:

  • Smarty source code (*.tpl) to display subcategories with category name, category image, category link, category description
  • CSS code (inline <style> tag) to formatted Subcategories layout like Prestashop 1.6 (included responsive layout)

Upload this file into your a Prestashop theme by path:

PRESTASHOP_ROOT\themes\YOURTHEME\templates\catalog\listing\

Ex: PRESTASHOP_ROOT\themes\classic\templates\catalog\listing\

Step 2: Open the file:

PRESTASHOP_ROOT\themes\YOUR_THEME\templates\catalog\listing\product-list.tpl

Ex: PRESTASHOP_ROOT\themes\classic\templates\catalog\listing\product-list.tpl

Add this code to a placement where you want display subcategories list

{include file=’catalog/listing/sub-categories.tpl’}

See image

display-subcategories-5

Step 3: Clear Cache your Prestashop website, when you view a Category page, it display like image

display-subcategories-1

 

 

Related Articles

Leave a reply

You must be logged in to post a comment.