Personalizar mensaje de bienvenida en las categorías en Prestashop

Vamos a mostrar un mensaje de bienvenida personalizado en el listado de productos por categoría para los usuarios registrados de la tienda que incluirá el nombre + apellidos del usuario y un texto adicional.

Este manual para Prestashop está construido bajo Prestashop 1.6.1.18 con la plantilla por defecto.

Editamos el fichero:

/themes/default-bootstrap/category.tpl

Y debajo de:

{if isset($category)}
{if $category->id AND $category->active}

Añadimos:

{if $is_logged}
<div id="bienvenida_cat">
{$cookie->customer_firstname} {$cookie->customer_lastname} {l s='te invitamos a...'}
</div>
{/if}

De esta forma comprobamos si el usuario esta logeado {if $is_logged} y mostramos el nombre {$cookie->customer_firstname} + apellidos del cliente  {$cookie->customer_lastname} junto con un texto adicional.

El código quedara del siguiente modo:

El siguiente paso será personalizar el texto con un fondo rojizo (color del texto blanco) y un relleno.

Para ello, vamos al fichero:

/themes/default-bootstrap/css/category.css

Y añadimos:

#bienvenida_cat {
background: #901919;
color: white;
padding: 0.8em;
}

Por otro lado, recordar que la traducción del “literal” que hemos añadido en el TPL lo debemos gestionar en la pestaña: Localización -> Traducciones -> Bloque modificar traducciones

Tipo de traducción -> Traducciones del Front-Office
Seleccione tu tema -> El ejemplo se encuentra basado en la plantilla por defecto (default-bootstrap)
Seleccione tu idioma -> Vamos a personalizar la frase en el idioma de Cervantes

Clic en modificar y entramos dentro de la sección “Category” donde podremos gestionar la traducción literal que hemos añadido en el TPL

Hemos añadido la traducción: “te invitamos a visitar esta categoría:”

El resultado final es el siguiente:

PosData: Si no veis los cambios, no se os olvide limpiar la cache en la pestaña Parámetros Avanzados -> Rendimiento

 

PosData 2: Si el texto se muestra correctamente, pero no veis los cambios del CSS (color, fondo), limpiar la cache de vuestro navegador.