Sin impuesto Con impuesto

RKR Barra Flotante Añadir al Carrito

  • Nuevo
RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
search
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
  • RKR Barra Flotante Añadir al Carrito — botón de compra siempre visible en PrestaShop
48,28
39,90 € Sin impuesto 48,28 € Con impuesto

El botón de comprar, siempre a la vista. Cuando el original sale de pantalla aparece una barra flotante con la foto, el nombre, la variante elegida y el precio, y su botón añade al carrito usando el de tu propia plantilla. Sigue a la combinación que el cliente está mirando: precio, variante e imagen se actualizan al cambiar de talla o color. Sin tocar plantillas, sin jQuery y sin saltos de maquetación.

Cantidad

Asesor experto

¿Necesitas ayuda de un experto? ¿Hablamos?

Conversión

Ya se ha decidido. Y el botón de comprar está dos pantallas más arriba.

El cliente baja a leer la descripción, mira las opiniones y compara medidas. Para cuando dice que sí, tiene que volver a subir. Barra Flotante Añadir al Carrito se lo pone delante en el momento exacto en que decide.

0 líneas
de plantilla que tocar: se instala y funciona sobre el tema que ya tienes
8.x → 9.x
JavaScript puro, sin jQuery: vale igual en classic y en hummingbird
1 pantalla
de configuración, sin pestañas ni asistentes

/ Aparece sólo cuando hace falta

Mientras el botón de comprar se ve, la barra no está: taparía producto sin motivo. En cuanto sale de pantalla, entra por abajo —o por arriba, tú eliges— con la foto del producto, su nombre, la variante elegida, el precio y su propio botón.

No va mirando el scroll, que es lo que provoca los saltos que penalizan la velocidad de la página. Usa IntersectionObserver: es el navegador quien avisa cuando el botón deja de verse. Coste prácticamente cero y sin desplazamiento de maquetación.

/ Sigue a la combinación que el cliente está mirando

Es lo que se rompe en casi todas las barras flotantes. Al elegir talla o color, PrestaShop no actualiza el bloque de compra: lo sustituye entero. Una barra que se quedó con el botón antiguo deja de añadir al carrito a partir de ese momento, y nadie se entera hasta que faltan pedidos.

Precio
Se refresca con el de la combinación elegida, incluido el precio tachado si hay oferta.
Variante
El nombre de lo que ha elegido, debajo del producto: «Rosa», «M · Blanco».
Imagen
La foto cambia con la combinación, igual que en la ficha.
Existencias
Si el original se apaga por falta de stock, el de la barra se apaga con él.

/ Compra con el botón de tu propia plantilla

La barra no añade al carrito por su cuenta: le pasa el clic al botón que ya tienes. Así se respetan la cantidad elegida, el control de existencias, el aviso del tema y cualquier cosa que hayas añadido tú a ese botón. Si mañana cambias de tema, la barra sigue funcionando.

/ Y se adapta a tu tienda sin tocar código

Colores
Fondo, texto, precio y botón, cada uno con su selector.
Forma
Radio de las esquinas, de píldora a tarjeta, y ancho máximo o a todo lo ancho.
Icono
El que trae, uno tuyo en SVG o una imagen que subas. O ninguno.
Capa
Si tienes chat de soporte o aviso de cookies, subes el Z-Index y deja de pisarla.

¿Tema muy modificado? El selector del botón de comprar es un ajuste más: se cambia desde la configuración, sin tocar un fichero.

/ En el móvil, donde más se nota

En una pantalla de teléfono el botón de comprar desaparece con el primer gesto. La barra se reduce sola: mantiene la foto, el precio y el botón, y deja el texto para las pantallas grandes.

Compatible con PrestaShop 8.x y 9.x · temas classic y hummingbird

Desarrollado y mantenido por REKIRE

Consentimiento de cookies