Convertir botón “Añadir al carrito” en flotante en las paginas de producto de #PrestaShop

speed web - Convertir botón "Añadir al carrito" en flotante en las paginas de producto de #PrestaShop

Últimamente cuando visitamos una web con nuestro smartphone, vemos en muchas paginas el botón de añadir al carrito flotante, esto quiere decir que vemos el botón siempre visible, normalmente en la parte mas abajo de nuestra web.

Con estas instrucciones vamos a poder añadir el codigo necesario para tenerlo en nuestra pagina y de esta manera ayudaremos a los clientes a poder comprar sin tener que moverse por la pagina hacia arriba o abajo para buscar el botón.

Publicidad

Pasos donde XXXX -> nombre de la plantilla/theme usado

Siempre haced copias de seguridad, no me responsabilizo de problemas o errores al añadir este código a vuestra web

Publicidad

Versión Prestashop 1.6

Editar el fichero /themes/XXXXX/product.tpl

Buscad el código

o el siguiente

Añadir el código siguiente antes del <div> que este por encima del anterior código

 

Versión Prestashop 1.7

Subir el fichero product-add-to-cart-smart.tpl a /themes/xxxxx/templates/catalog/_partials

Editar el fichero /themes/xxxxxx/templates/catalog/product.tpl

Buscad :

Y a continuación añadir, recordad que hay que subir el fichero anterior

De esta manera ya tenemos nuestro botón flotante solo para los smartphones.

Si el botón esta muy alto respecto al final de la pagina, cambiad el bottom: 40px por el respectivo numero mas acorde a vuestra web.

 

 

Publicidad
Deja un comentario
You May Also Like