Cambiar las Imágenes en las Subcategorías

[bewareofdog]

Hola, hace poco he actualizado Prestashop desde 1.6 a 1.7.6.5 y me he encontrado con cambios en las Subcategorías.

Siguiendo las instrucciones de nadie publicadas en su blog con el título de Mostrar subcategorías en el listado de categorías en Prestashop, procedí a modificar primero el código en el archivo category.tpl agregando lo siguiente:

 

<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
<img class="replace-2x" src="{$urls.base_url}img/c/{$subcategory.id_category}.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
</a>
<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
</li>
{/foreach}
</ul>
</div>

 

Obteniendo este resultado:

 

 

Luego, siguiendo las mencionadas instrucciones,  he modificado el archivo custom.css agregando esto:

 

.subcategory-heading {
font-weight: bold;
}
#subcategories ul li {
float: left;
width: 25%;
text-align: center;
}
#subcategories ul li img {
margin-bottom: 10px;
}

 

Y he obtenido este resultado:

 

 

Lo que necesito saber es cómo debo modificar el código de category.tpl para que en la cuadrícula del listado de subcategorías, en lugar de cargar las imágenes de portada de la subcategoría, carguen las miniaturas de subcategoría:

 

 

El objetivo es que el listado de subcategorías quede de ese modo:

 

 

Cualquier ayuda será bienvenida!!!

Edited June 11, 2020 by bewareofdog (see edit history)

[MarioCotom]

Hola y dime donde se encuentra ubicado el arhivo category.tpl