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.
