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
  • PrestaShop Certified Agency 2026
  • PrestaShop Expert Certification — Core Skills

Desarrollado por una agencia certificada PrestaShop

www.datafirefly.com/es/
Descubrimiento de productos deslizando en móvil en PrestaShop, al estilo Tinder
v1.2.0 · actualizado 2026-10-13
Qué hace

La versión corta.

01

Swipe a la derecha = wishlist

Cada like se guarda tanto para clientes conectados como para invitados. Al iniciar sesión o registrarse, los likes hechos como invitado pasan automáticamente a la cuenta y a la wishlist de blockwishlist.

02

Swipe hacia arriba = carrito

El super-like permite elegir la combinación (talla, color, precio y stock al momento), añade el producto al carrito con su cantidad mínima y actualiza el contador del carrito del tema sin abrir ninguna ventana detrás de la baraja.

03

Analytics de preferencias de producto

Tarjetas realmente vistas, likes, descartes, añadidos al carrito y aperturas de ficha, con los productos más gustados y más descartados, exportación CSV y restablecimiento: 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, botón atrás del móvil gestionado, vibración háptica, accesibilidad por teclado y lector de pantalla.

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.

€69,00
Pago único · 12 meses de actualizaciones
Leer la documentación
  • Instalaciones dev y staging ilimitadas
  • Código fuente incluido
  • Reembolso de 30 días
  • Soporte 24h · EN / FR
5,0/5 20 reseñas