31 enero 2019
Comments: 0

Cómo añadir precio y “Añadir al carrito” en bloque de productos vistos

En este tutorial veremos, paso a paso, como añadir el precio y el botón de “Añadir al carrito” en el bloque que genera el módulo de la lista de productos vistos en Prestashop 1.6. Este es un módulo que puede ayudar al visitante a acceder más rápido a productos ya vistos y esto puede ahorrarle clicks, una de las prioridades que todos buscamos para mejorar la experiencia de usuario. El problema que por defecto este módulo no cuenta con el botón de añadir directamente al carrito.

Para ello, empezaremos creando un nuevo override. Nos dirigimos a la carpeta donde tengamos instalado Prestashop y nos situamos en la ruta override/module. Una vez estemos en esta ruta, deberemos crear una carpeta llamada “blockviewed”. Por ultimo, dentro de esa carpeta creamos un archivo llamado blockviewed.php.

Abrimos el archivo y escribimos lo siguiente :

Una vez escrito, deberemos movernos de ruta y dirigirnos a la carpeta modules de nuestro Prestashop y situarnos en el modulo llamado blockviewed. Dentro de esta carpeta deberemos buscar y abrir el archivo llamado blockviewed.php y dentro de este buscar el  hook llamado hookRightColumn.

Una vez tengamos localizado ese método, debemos copiarlo y pegarlo en la clase que previamente habiamos creado en nuestro anterior archivo.
Bien, ya tenemos listo el archivo, ahora deberemos modificar unos cuantos aspectos de este para que nos muestre lo que nosotros queremos, para ello, nos situaremos sobre estas lineas en el código (Lineas 40-50 aproximadamente) :

prestashop_codigo_añadir_precio

Sobre estas lineas de codigo, nos tendremos que situar justo en la siguiente :

Y justo debajo de esta deberemos escribir la siguiente linea de codigo :

Con esta linea de código, lo que conseguiremos es que nos muestre el precio, ademas de el nombre como ya vimos previamente indicado en el código de arriba.

El paso siguiente, sería modificar el template. Para ello, nos deberemos de cambiar de ruta y dirigirnos al siguiente directorio Prestashop > Themes > Default-bootsrap > modules > Blockviewed. Una vez localizado, deberemos abrir el archivo blockviewed.tpl.

Ahora nos tocara situarnos en la linea 49 de este archivo, justo donde deberemos ver la siguiente linea de codigo :

{$viewedProduct->description_short|strip_tags:’UTF-8′|truncate:40}

Y, justo debajo de esta escribiremos lo siguiente :

{convertPrice price=$viewedProduct->price}

Una vez hecho el cambio, si nos dirigimos a nuestra tienda, el resultado debería ser el siguiente :

imagen_precio_añadido_prestashop

Por ultimo, solo nos quedaría añadir el botón de “Añadir al carrito”. Para ello, nos situamos justo debajo de la última línea que creamos (Mostrar el precio) y añadimos lo siguiente :

Guardamos los cambios, y como vemos en la imagen, el resultado debería ser el siguiente :

añadir_carrito_prestashop

Este tutorial es muy recomendable de revisar tanto para programadores Prestashop como para gestores de tienda online que quieren pelearse un poco con el código y realizar algunas mejoras en su tienda virtual.

Y esto es todo por hoy. ¡Nos vemos en próximos tutoriales para Prestashop!

Deja un comentario