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.

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

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.

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):

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.

Que es lo correspondiente a lo que estamos visualizando en una 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.

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.