{"id":13616,"date":"2017-06-29T14:52:36","date_gmt":"2017-06-29T11:52:36","guid":{"rendered":"https:\/\/belvg.com\/blog\/?p=13616"},"modified":"2025-02-11T13:23:02","modified_gmt":"2025-02-11T11:23:02","slug":"how-to-display-subcategories-on-category-page-in-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html","title":{"rendered":"How To Display Subcategories On Category Page in Prestashop 1.7"},"content":{"rendered":"\n<p>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.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2017\/06\/1-subcategory-thumbnail.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"lazy alignnone size-full wp-image-13619\" src=\"https:\/\/belvg.com\/wp-content\/uploads\/2019\/06\/pixel.png\" data-src=\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2017\/06\/1-subcategory-thumbnail.jpg\" alt=\"1-subcategory-thumbnail\" width=\"1400\" height=\"825\" title=\"How To Display Subcategories On Category Page in Prestashop 1.7\"><\/a><\/p>\n<p><strong>Display subcategories on Category Page<\/strong><\/p>\n<p>First, we need to change <em>category.tpl<\/em> file. Here is a full path to this file: <em>themes\/classic\/templates\/catalog\/listing\/category.tpl<\/em><\/p>\n<p>Open the file and paste the following code inside the block <em>{block name=&rsquo;product_list_header&rsquo;}{\/block}<\/em>:<strong>&nbsp;<\/strong><\/p>\n<pre class=\"lang:php decode:true \">&nbsp; {block name='category_subcategories'}\r\n&nbsp;&nbsp;&nbsp; &lt;aside class=\"hidden-sm-down clearfix\"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {if $subcategories|count}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;nav class=\"subcategories\"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {foreach from=$subcategories item=\"subcategory\"}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block name='category_miniature'}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {include file='catalog\/_partials\/miniatures\/category.tpl' category=$subcategory}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/block}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/li&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/foreach}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/ul&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/nav&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/if}\r\n&nbsp;&nbsp;&nbsp; &lt;\/aside&gt;\r\n&nbsp; {\/block}<\/pre>\n<p>The code of modified <em>category.tpl<\/em> file is attached below:<\/p>\n<pre class=\"lang:php decode:true\">{**\r\n&nbsp;* 2007-2017 PrestaShop\r\n&nbsp;*\r\n&nbsp;* NOTICE OF LICENSE\r\n&nbsp;*\r\n&nbsp;* This source file is subject to the Open Software License (OSL 3.0)\r\n&nbsp;* that is bundled with this package in the file LICENSE.txt.\r\n&nbsp;* It is also available through the world-wide-web at this URL:\r\n&nbsp;* http:\/\/opensource.org\/licenses\/osl-3.0.php\r\n&nbsp;* If you did not receive a copy of the license and are unable to\r\n&nbsp;* obtain it through the world-wide-web, please send an email\r\n&nbsp;* to license@prestashop.com so we can send you a copy immediately.\r\n&nbsp;*\r\n&nbsp;* DISCLAIMER\r\n&nbsp;*\r\n&nbsp;* Do not edit or add to this file if you wish to upgrade PrestaShop to newer\r\n&nbsp;* versions in the future. If you wish to customize PrestaShop for your\r\n&nbsp;* needs please refer to http:\/\/www.prestashop.com for more information.\r\n&nbsp;*\r\n&nbsp;* @author&nbsp;&nbsp;&nbsp; PrestaShop SA &lt;contact@prestashop.com&gt;\r\n&nbsp;* @copyright 2007-2017 PrestaShop SA\r\n&nbsp;* @license&nbsp;&nbsp; http:\/\/opensource.org\/licenses\/osl-3.0.php Open Software License (OSL 3.0)\r\n&nbsp;* International Registered Trademark &amp; Property of PrestaShop SA\r\n&nbsp;*}\r\n{extends file='catalog\/listing\/product-list.tpl'}\r\n\r\n{block name='product_list_header'}\r\n\r\n&nbsp; &lt;div class=\"block-category&nbsp; card row hidden-sm-down\"&gt;\r\n&nbsp; &lt;div id=\"category-description\" class=\"col-md-7\"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;h1&gt;{$category.name}&lt;\/h1&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {$category.description nofilter}&lt;\/div&gt;&nbsp;&nbsp;&nbsp;\r\n&nbsp; &lt;img src=\"{$category.image.large.url}\" class=\"col-md-4\" alt=\"{$category.image.legend}\"&gt; &nbsp;\r\n&nbsp; &lt;\/div&gt;\r\n&nbsp; {block name='category_subcategories'}\r\n&nbsp;&nbsp;&nbsp; &lt;aside class=\"hidden-sm-down clearfix\"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {if $subcategories|count}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;nav class=\"subcategories\"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {foreach from=$subcategories item=\"subcategory\"}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block name='category_miniature'}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {include file='catalog\/_partials\/miniatures\/category.tpl' category=$subcategory}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/block}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/li&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/foreach}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/ul&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;\/nav&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\/if}\r\n&nbsp;&nbsp;&nbsp; &lt;\/aside&gt;\r\n&nbsp; {\/block}\r\n{\/block}<\/pre>\n<p><strong>&nbsp;<\/strong><strong>Add some CSS style to our subcategory list<\/strong><\/p>\n<pre class=\"lang:php decode:true\">.subcategories li{\r\n&nbsp;&nbsp;&nbsp;&nbsp; display: inline-block;\r\n&nbsp;&nbsp;&nbsp;&nbsp; text-align: center;\r\n&nbsp;&nbsp;&nbsp;&nbsp; margin-right: 20px;\r\n}\r\n.subcategories li a{\r\n&nbsp;&nbsp;&nbsp;&nbsp; color: #333;\r\n&nbsp;&nbsp;&nbsp;&nbsp; font-size: 16px;\r\n&nbsp;&nbsp;&nbsp;&nbsp; line-height: 45px;\r\n}\r\n.subcategories li .category-description{\r\n&nbsp;&nbsp;&nbsp;&nbsp; display: none;\r\n}<\/pre>\n<p>The result you can see <a href=\"http:\/\/belvg.net\/prestashop-themes\/PS17-demo\/3-women\">here<\/a>.<\/p>\n<div class=\"module_in_content_container\"><a href=\"https:\/\/belvg.com\/prestashop-development\" class=\"link_to_module\" target=\"_blank\" rel=\"noopener\"><\/a><div class=\"module_content\"><img src=\"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2019\/06\/development_prestashop.png\" width=\"100\" height=\"100\" alt=\"development_prestashop\" class=\"module_image\" title=\"How To Display Subcategories On Category Page in Prestashop 1.7\"><div class=\"module_content_part\"><h3 class=\"title\">PrestaShop Development<\/h3><p class=\"module_content_text\">Take your online store to the next level with BelVG PrestaShop Development <\/p><a href=\"https:\/\/belvg.com\/prestashop-development\" class=\"link_2_to_module\" target=\"_blank\" style=\"display:inline-block\" rel=\"noopener\"><span class=\"read-more\">Visit the page<\/span><\/a><\/div><\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"When you install Prestashop 1.7 Classic Theme you may see that there are no subcategory &#8230;","protected":false},"author":17,"featured_media":13618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"_acf_changed":false,"footnotes":""},"categories":[15,520,461,521],"tags":[],"class_list":["post-13616","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-prestashop","category-prestashop-custom-development","category-prestashop-development","category-prestashop-webdesign","post_format-image"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"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.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Tatiana Kozyreva\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#article\",\"name\":\"How To Display Subcategories On Category Page in Prestashop 1.7 | BelVG Blog\",\"headline\":\"How To Display Subcategories On Category Page in Prestashop 1.7\",\"author\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/author\\\/tatiana-kozyreva#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/subcategories-on-category-page-prestashop.png\",\"width\":1540,\"height\":639,\"caption\":\"subcategories-on-category-page-prestashop\"},\"datePublished\":\"2017-06-29T14:52:36+02:00\",\"dateModified\":\"2025-02-11T13:23:02+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":21,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage\"},\"articleSection\":\"Prestashop, PrestaShop Custom Development, Prestashop Development, PrestaShop Webdesign, Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/belvg.com\\\/blog\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/category\\\/prestashop#listItem\",\"name\":\"Prestashop\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/category\\\/prestashop#listItem\",\"position\":2,\"name\":\"Prestashop\",\"item\":\"https:\\\/\\\/belvg.com\\\/blog\\\/category\\\/prestashop\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#listItem\",\"name\":\"How To Display Subcategories On Category Page in Prestashop 1.7\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#listItem\",\"position\":3,\"name\":\"How To Display Subcategories On Category Page in Prestashop 1.7\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/category\\\/prestashop#listItem\",\"name\":\"Prestashop\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#organization\",\"name\":\"BelVG Blog\",\"description\":\"Magento and Prestashop articles\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/author\\\/tatiana-kozyreva#author\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/author\\\/tatiana-kozyreva\",\"name\":\"Tatiana Kozyreva\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cfd543f6387148e67621dcd57c73a99fb7bb2063caa22839b826785942f850c2?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Tatiana Kozyreva\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html\",\"name\":\"How To Display Subcategories On Category Page in Prestashop 1.7 | BelVG Blog\",\"description\":\"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.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/author\\\/tatiana-kozyreva#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/author\\\/tatiana-kozyreva#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/subcategories-on-category-page-prestashop.png\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html\\\/#mainImage\",\"width\":1540,\"height\":639,\"caption\":\"subcategories-on-category-page-prestashop\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#mainImage\"},\"datePublished\":\"2017-06-29T14:52:36+02:00\",\"dateModified\":\"2025-02-11T13:23:02+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/belvg.com\\\/blog\\\/\",\"name\":\"BelVG Blog\",\"description\":\"Magento and Prestashop articles\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/belvg.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How To Display Subcategories On Category Page in Prestashop 1.7 | BelVG Blog","description":"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.","canonical_url":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#article","name":"How To Display Subcategories On Category Page in Prestashop 1.7 | BelVG Blog","headline":"How To Display Subcategories On Category Page in Prestashop 1.7","author":{"@id":"https:\/\/belvg.com\/blog\/author\/tatiana-kozyreva#author"},"publisher":{"@id":"https:\/\/belvg.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2017\/06\/subcategories-on-category-page-prestashop.png","width":1540,"height":639,"caption":"subcategories-on-category-page-prestashop"},"datePublished":"2017-06-29T14:52:36+02:00","dateModified":"2025-02-11T13:23:02+02:00","inLanguage":"en-US","commentCount":21,"mainEntityOfPage":{"@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage"},"isPartOf":{"@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage"},"articleSection":"Prestashop, PrestaShop Custom Development, Prestashop Development, PrestaShop Webdesign, Image"},{"@type":"BreadcrumbList","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/#listItem","position":1,"name":"Home","item":"https:\/\/belvg.com\/blog\/","nextItem":{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/category\/prestashop#listItem","name":"Prestashop"}},{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/category\/prestashop#listItem","position":2,"name":"Prestashop","item":"https:\/\/belvg.com\/blog\/category\/prestashop","nextItem":{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#listItem","name":"How To Display Subcategories On Category Page in Prestashop 1.7"},"previousItem":{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#listItem","position":3,"name":"How To Display Subcategories On Category Page in Prestashop 1.7","previousItem":{"@type":"ListItem","@id":"https:\/\/belvg.com\/blog\/category\/prestashop#listItem","name":"Prestashop"}}]},{"@type":"Organization","@id":"https:\/\/belvg.com\/blog\/#organization","name":"BelVG Blog","description":"Magento and Prestashop articles","url":"https:\/\/belvg.com\/blog\/"},{"@type":"Person","@id":"https:\/\/belvg.com\/blog\/author\/tatiana-kozyreva#author","url":"https:\/\/belvg.com\/blog\/author\/tatiana-kozyreva","name":"Tatiana Kozyreva","image":{"@type":"ImageObject","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/cfd543f6387148e67621dcd57c73a99fb7bb2063caa22839b826785942f850c2?s=96&d=mm&r=g","width":96,"height":96,"caption":"Tatiana Kozyreva"}},{"@type":"WebPage","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#webpage","url":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html","name":"How To Display Subcategories On Category Page in Prestashop 1.7 | BelVG Blog","description":"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.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/belvg.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#breadcrumblist"},"author":{"@id":"https:\/\/belvg.com\/blog\/author\/tatiana-kozyreva#author"},"creator":{"@id":"https:\/\/belvg.com\/blog\/author\/tatiana-kozyreva#author"},"image":{"@type":"ImageObject","url":"https:\/\/belvg.com\/blog\/wp-content\/uploads\/2017\/06\/subcategories-on-category-page-prestashop.png","@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html\/#mainImage","width":1540,"height":639,"caption":"subcategories-on-category-page-prestashop"},"primaryImageOfPage":{"@id":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html#mainImage"},"datePublished":"2017-06-29T14:52:36+02:00","dateModified":"2025-02-11T13:23:02+02:00"},{"@type":"WebSite","@id":"https:\/\/belvg.com\/blog\/#website","url":"https:\/\/belvg.com\/blog\/","name":"BelVG Blog","description":"Magento and Prestashop articles","inLanguage":"en-US","publisher":{"@id":"https:\/\/belvg.com\/blog\/#organization"}}]}},"aioseo_meta_data":{"post_id":"13616","title":"How To Display Subcategories On Category Page in Prestashop 1.7 | #site_title","description":"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.","keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-11-03 18:37:17","updated":"2026-11-03 18:37:17"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/belvg.com\/blog\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/belvg.com\/blog\/category\/prestashop\" title=\"Prestashop\">Prestashop<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow To Display Subcategories On Category Page in Prestashop 1.7\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/belvg.com\/blog\/"},{"label":"Prestashop","link":"https:\/\/belvg.com\/blog\/category\/prestashop"},{"label":"How To Display Subcategories On Category Page in Prestashop 1.7","link":"https:\/\/belvg.com\/blog\/how-to-display-subcategories-on-category-page-in-prestashop-1-7.html"}],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/posts\/13616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/comments?post=13616"}],"version-history":[{"count":1,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/posts\/13616\/revisions"}],"predecessor-version":[{"id":29021,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/posts\/13616\/revisions\/29021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/media\/13618"}],"wp:attachment":[{"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/media?parent=13616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/categories?post=13616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/belvg.com\/blog\/wp-json\/wp\/v2\/tags?post=13616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}