Mostrar descripción de las categorías en el móvil en Prestashop 1.7

En resoluciones pequeñas al acceder al listado de productos por categorías en Prestashop 1.7, se oculta la descripción y la imagen de la categoría.

Listado de productos por categoría

La idea es mostrar la descripción de la categoría, tal como podemos visualizar en la siguiente captura:

Descripción de las categorías en Prestashop 1.7

Vamos al fichero:

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

Y dentro de:


<div class="text-sm-center hidden-md-up">

Vemos que solo se imprime el título de la categoría.

Título categoría

Podemos añadir debajo la impresión de la descripción de la categoría:

{if $category.description}
<div id="category-description" class="text-muted">{$category.description nofilter}</div>
{/if}

Quedando del siguiente modo (recordar que si pulsáis sobre la imagen la podéis ver ampliada):

Código modificado
Código modificado

Quizás es un poco confuso, pero fijaros que en el fichero que estamos editando, vemos dentro del:  <div class=”block-category card card-block hidden-sm-down”> que se muestra el título, la descripción y la imagen de la categoría.

Resolución normal

Que es lo correspondiente a lo que estamos visualizando en una resolución normal.

Resolución normal

Y el código que vemos dentro de:  <div class=”text-sm-center hidden-md-up”> es el que vemos en resoluciones pequeñas.

Resoluciones pequeñas
Título pequeño

Por otro lado, recordar que hemos editado directamente la plantilla, pero recordar que en Prestashop 1.7 podemos trabajar con las plantillas hijas (child theme) que aunque nadie te ponga una pistola para trabajar de esa forma, es recomendable, por el blog tenemos un post de Junio de 2017, donde se trataba dicho tema (revisar enlace).

Documento construido bajo Prestashop 1.7.2.5 con la plantilla por defecto.