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.

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

Versión Prestashop 1.6

Editar el fichero /themes/XXXXX/product.tpl

Buscad el código

o el siguiente

{if !$PS_CATALOG_MODE}

Añadir el código siguiente antes del

que este por encima del anterior código




	
{$product->name|escape:'html':'UTF-8'}

	{if !$PS_CATALOG_MODE}

		
quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
			
				-
				
				+
			
		

	{/if}

 

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 :

{block name='product_add_to_cart'}

{include file='catalog/_partials/product-add-to-cart.tpl'}

{/block}

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

{block name='product_additional_info'}

 {include file='catalog/_partials/product-add-to-cart-smart.tpl'}

{/block}

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.

 

 

Total
0
Shares
Share 0
Tweet 0
Pin it 0

Deja una respuesta
You May Also Like