Solución – No muestra subcategorías el tema de Prestashop

Solución - No muestra subcategorías el tema de Prestashop

Muchos temas de prestashop no permite poner visibles las imágenes de las subcategorías al entrar en una categoría. Si es tu caso, te damos la solución para que puedas ver las imágenes de las subcategorías dentro de cada categoría.

Para ellos debemos entrar por ftp en los archivos de prestashop y acudir a estar archivo .tpl:

/themes/tutema/templates/catalog/listing/category.tpl

Una vez dentro añadimos justo al final, justo antes de {/block} el siguiente código:

<div id=”subcategories”>
<p class=”subcategory-heading”>{l s=’Subcategorías’}</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>

Con eso ya podremos ver las imagenes de las subcategorías, pero no es suficiente, debemos añadir algo de estilo. Para ello nos vamos al siguiente archivo:

/themes/TuPlantilla/assets/css/custom.css  o theme.css

Y añadimos este código justo después de cualquiera de las cadenas de estilo que terminarán con una llave }

Este es el código css a añadir:

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


Abrir chat