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.

Un comentario sobre “Mostrar descripción de las categorías en el móvil en Prestashop 1.7”

  1. Buenas,

    Hoy mismo te he consultado esto mismo en otro de tus artículos. No le hagas caso ya que he encontrado la explicación aquí mismo.

    Y ya aprovecho para decirte, que aunque esta haya sido mi único contacto contigo, eres con diferencia el que más dudas y problemas me has solucionado desde hace tiempo.

    Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *