How To Display Subcategories On Category Page in Prestashop 1.7

How To Display Subcategories On Category Page in Prestashop 1.7

When you install Prestashop 1.7 Classic Theme you may see that there are no subcategory thumbnails on a category page. This tutorial will show you how to display subcategories with image thumbnails and enhance them with CSS style.


Display subcategories on Category Page

First, we need to change category.tpl file. Here is a full path to this file: themes/classic/templates/catalog/listing/category.tpl

Open the file and paste the following code inside the block {block name=’product_list_header’}{/block}: 

The code of modified category.tpl file is attached below:

 Add some CSS style to our subcategory list

The result you can see here.


  1. Hello.

    This is what I need. Unfortunatelly it does not work with
    Could you please help me how to modify for the latest version?

    Thank you in advance.

    Best regards,
    Jozsef Sipos

  2. hi
    Version 1.7.2
    does not see the additions in the css file and makes me the list and not a grid

    thank you

    best regards

  3. Hello, Thanks for the code but its not clear where we have to put the css code. Can you explain it?

  4. Hi Ricard, you may apply css code in custom.css file (assets/css/custom.css) or use it in your sass files, that you compile (_dev/css).

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *