PrestaShop Diseño & Navegación

Swipe Shopping Móvil — Descubrimiento de Productos Estilo Tinder

Un swipe para dar like, un gesto para comprar

Navegación de categoría al estilo Tinder y stories: sus visitantes móviles descubren los productos tarjeta a tarjeta, dan like con un swipe a la derecha y añaden al carrito con un swipe hacia arriba.

De un vistazo
  • Baraja de tarjetas a pantalla completa tipo Tinder en las páginas de categoría, con barra de progreso estilo stories
  • Swipe a la derecha = wishlist (clientes E invitados), hacia arriba = carrito, a la izquierda = pasar
  • Analytics nativos en el back office: vistas, likes, skips, carritos y tasa de likes por producto
  • Vanilla JS sin jQuery ni dependencias, compatible con PrestaShop 8 y 9, multitienda y multilingüe
PrestaShop 8 & 9 Mobile-First Wishlist Analytics
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Descubrimiento de productos deslizando en móvil en PrestaShop, al estilo Tinder
v1.0.0 · actualizado 2026-07-16
Qué hace

La versión corta.

01

Swipe a la derecha = wishlist

Cada like se guarda en base de datos tanto para clientes conectados como para invitados, con puente automático hacia el módulo blockwishlist cuando está instalado. Ningún like se pierde.

02

Swipe hacia arriba = carrito

El super-like añade el producto directamente al carrito respetando su cantidad mínima y actualiza el contador del carrito del tema mediante el evento estándar updateCart.

03

Analytics de preferencias de producto

Un panel en el back office contabiliza vistas, likes, skips y añadidos al carrito, con tasa de likes global y ranking de productos favoritos: una verdadera señal de merchandising.

04

Cero dependencias, cero fricción

Motor de swipe en vanilla JS (pointer events), sin jQuery ni librerías externas. Overlay independiente del tema, vibración háptica, accesibilidad y reduced motion respetados.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Swipe Shopping Móvil — Descubrimiento de Productos Estilo Tinder, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

El descubrimiento de producto que espera la generación TikTok

En móvil, las rejillas de productos clásicas agotan: se hace scroll, se pasa de largo, se abandona. El swipe, en cambio, se ha convertido en un reflejo universal. Este módulo transforma cualquier página de categoría en una baraja de tarjetas a pantalla completa: un producto cada vez, una imagen grande, un precio y tres gestos posibles. La atención del visitante queda captada, la sesión se alarga y el descubrimiento se convierte en un juego en lugar de una tarea.

§ 02

Tres gestos, cero fricción

Swipe a la derecha para dar like, a la izquierda para pasar, hacia arriba para añadir al carrito: el recorrido de compra se reduce a gestos que todo el mundo ya conoce. Una barra de progreso estilo stories indica el avance, los botones de acción duplican los gestos para la accesibilidad y una pantalla final resume los favoritos de la sesión con acceso directo a las fichas de producto. En escritorio, las flechas del teclado toman el relevo.

§ 03

Likes que nunca se pierden

Cada swipe a la derecha se registra en base de datos, tanto para clientes conectados como para visitantes anónimos. Si el módulo blockwishlist está instalado, el producto se añade además automáticamente a la lista de deseos del cliente conectado, sin doble entrada. Los likes de los invitados quedan vinculados a su sesión y pueden fusionarse con su cuenta tras iniciar sesión: la señal de interés sobrevive al recorrido.

§ 04

Mida lo que sus clientes aman de verdad

Cada tarjeta vista, cada like, cada skip y cada añadido al carrito alimenta un panel dedicado en el back office: tasa de likes global, ranking de productos favoritos, tasa de atractivo por producto. Es una señal de merchandising directa: descubre qué productos seducen a primera vista y cuáles dejan indiferente, sin encuestas ni herramientas externas. Todos los datos permanecen en su base de datos: nada se envía a servicios de terceros.