Animaciones de desplazamiento

Animaciones fade-in, slide y zoom al hacer scroll — sin jQuery

Precio: 49,00 €
Impuestos excluidos

Da vida a tu tienda con animaciones suaves y optimizadas activadas al hacer scroll. Los elementos aparecen con fade, se deslizan hacia arriba, hacen zoom y se revelan a medida que los clientes se desplazan por la página — creando una experiencia de navegación moderna y atractiva que mantiene a los visitantes haciendo scroll y explorando. Construido sobre la API IntersectionObserver para un rendimiento nativo del navegador sin dependencia de jQuery.

  • Múltiples efectos de animación — fade, slide-up, slide-down, slide-left, slide-right, zoom-in, zoom-out, flip
  • Segmentación por clases CSS — aplica animaciones a cualquier elemento en cualquier página específicando su selector CSS
  • Potenciado por IntersectionObserver — API nativa del navegador para un rendimiento ultra suave, sin listeners de evento scroll
  • Sin dependencia de jQuery — JavaScript puro vanilla, menos de 3 KB minificado
  • Triggers configurables — umbral, retardo, duración y easing por cada objetivo de animación
  • Consciente del móvil — opcionalmente desactiva animaciones en dispositivos móviles para priorizar la velocidad

Deja de presentar una tienda estática y sin vida. Las animaciones de scroll añaden calidad percibida y profesionalidad que los clientes asocian con marcas premium. 49$ por una licencia permanente de uso ilimitado. Compatible con PrestaShop 1.7, 8.x y 9.x.

Compartir
verified Lifetime license per domain — yours forever. Includes 3 months support & updates.
autorenew Auto-renew support
9,99 €/mo
build Configuración profesional Configuramos completamente el módulo según tus necesidades — todas las opciones establecidas, probadas y verificadas en 1 día hábil. +29,00 €
palette Integración visual Ajustes de CSS y plantillas para adaptarse a tu tema — incluye verificación en múltiples dispositivos y revisión de capturas de pantalla. +49,00 €
Total de opciones: 0,00 €
1 visto

Dale Vida a tu Tienda con Elegantes Animaciones al Desplazarse

Una tienda donde todo aparece instantáneamente como un bloque estático parece plana comparada con tiendas donde los elementos aparecen gradualmente, se deslizan hacia arriba o hacen zoom al desplazarse por la página. Las animaciones al desplazarse crean una sensación de profundidad e intencionalidad que comunica calidad de forma subconsciente a sus visitantes. Las investigaciones demuestran consistentemente que las interfaces animadas retienen la atención por más tiempo y se perciben como más fiables y premium. Este módulo añade animaciones suaves y de alto rendimiento activadas por el desplazamiento a cualquier elemento de su tienda PrestaShop — sin conocimientos de JavaScript, sin experiencia en CSS, sin necesidad de desarrollador.

Scroll-triggered animations for PrestaShop stores

Fade, Slide, Zoom y Bounce — Biblioteca de Animaciones Completa

Elige entre un completo conjunto de efectos de animación — fade in desde cualquier dirección, deslizamiento hacia arriba desde abajo, zoom desde el centro, rebote al aparecer, volteo horizontal y más. Cada animación se puede ajustar con tu retraso, duración y curva de aceleración preferidos para que el resultado se vea pulido y no artificioso. Aplica animaciones a cuadrículas de productos, banners, testimonios, secciones de funcionalidades, bloques de categorías o cualquier otro elemento de su escaparate. Una vista previa en vivo le permite ver exactamente cómo quedará la animación antes de guardar, para que puedas iterar rápidamente sin vaciar cachés y recargar páginas.

Full library of scroll animation effects for e-commerce

Animaciones con Rendimiento Prioritario que Nunca Ralentizan tu Tienda

Las animaciones de desplazamiento mal implementadas pueden destruir las puntuaciones de Core Web Vitals — causando desplazamientos del diseño, scroll entrecortado y mal rendimiento en móvil. Este módulo utiliza la Intersection Observer API y transiciones CSS aceleradas por hardware para garantizar que las animaciones sean perfectamente fluidas en cualquier dispositivo sin ningún impacto en tus puntuaciones de PageSpeed. El módulo también respeta la preferencia a nivel de sistema del usuario para reducir el movimiento, desactivando automáticamente las animaciones para los visitantes que han habilitado configuraciones de accesibilidad en su dispositivo — el comportamiento correcto tanto para la inclusividad como para el cumplimiento normativo.

Performance-first scroll animations with no layout shift

¿Por qué este módulo es único?

  • Biblioteca de animaciones completa — fade, slide, zoom, bounce, flip — con control por elemento sobre el retraso y la duración
  • Utiliza la Intersection Observer API y transformaciones CSS — sin impacto en Core Web Vitals ni en puntuaciones CLS
  • Respeta automáticamente la preferencia de accesibilidad "reducir movimiento" a nivel de sistema operativo
  • Aplica animaciones a cualquier elemento en cualquier página mediante selectores CSS — no limitado a bloques específicos
  • Vista previa en vivo desde el panel de administración — vea exactamente cómo quedan las animaciones antes de publicarlas

Casos de uso

  • Tiendas de marca premium — cree una experiencia de navegación envolvente y de alta calidad que refleje los valores de su marca
  • Tiendas de hogar y estilo de vida — las cuadrículas de productos y los banners de categorías animados mejoran drásticamente el atractivo visual
  • Páginas de aterrizaje y campañas — guía la atención del visitante a través del contenido promocional con revelaciones coreografiadas
  • Pruebas de tasa de conversión — realiza pruebas A/B de diseños animados versus estáticos para cuantificar el aumento del compromiso
  • Referencia
    mprscrollanimations
  • Compatibilidad PrestaShop
    PS 1.6 – 9.x
  • Modelo de precio
    Compra única
  • Tipo de módulo
    Front-office
  • Relevante para RGPD
    No
  • Objetivo comercial
    Aumentar conversiones
  • Cuenta externa necesaria
    No
  • Complejidad del módulo
    Widget ligero
  • Etapa del recorrido del cliente
    Involucrar a los compradores
  • Funciona con plataforma
    Sin plataforma externa

Añade animaciones profesionales de aparición gradual, deslizamiento, zoom y rebote a las tarjetas de producto, los banners y los encabezados cuando los visitantes se desplazan por las páginas de tu tienda — creando una experiencia de navegación moderna y pulida sin escribir ni una sola línea de código. Las animaciones se asignan mediante nombres de clase CSS a través de un configurador del back office y usan la API nativa Intersection Observer del navegador, por lo que no añaden ningún impacto medible en la velocidad de carga de la página. El módulo respeta automáticamente la configuración de accesibilidad del sistema operativo del visitante para la reducción de movimiento, que es un requisito legal en algunas jurisdicciones.

¿Tiene alguna pregunta sobre este producto? Nuestros expertos están aquí para ayudarle. Pregunte sobre instalación, compatibilidad o especificaciones.
241 questions
8 categories
< 24h response time
98% satisfaction
0.0
0 reseñas
5 ★
0
4 ★
0
3 ★
0
2 ★
0
1 ★
0

¡Aún no hay reseñas. Sea el primero en dejar una reseña!

Escribir una reseña

Evalúe aspectos específicos (opcional)
Calidad
Relación calidad-precio
Estabilidad
Compatibilidad
Soporte

What customers say about us

5.0 (1 reseña)
Gasp

Great work and support

Great work and support
5.0 (3 reseñas)
Rafał Butanowicz
Niesamowite doświadczenie i znajomość Prestashop. Każdy minimalny błąd analizowany i poprawiany. Bardzo dobry kontakt podczas realizacji zlecenia
Wojtala Garage
Jest to najlepszy informatyk / programista jakiego znam. Gość jest geniuszem do wszystkich spraw związanych z prowadzeniem strony internetowej oraz sklepu internetowego. Usługi warte każdych pieniędzy, polecam!
Edeo PL
Very professional service. The store staff has a customer-focused approach. They effectively helped us select the most optimal solution for our store, then efficiently guided us through the technical aspects of the implementation process. They also provide ongoing support in managing and promoting our website. We highly recommend them!
1 Implementado
1 solicitud

Stagger delay configuration for grouped elements (lists, grids)

Implementado
Stagger delay configuration for grouped elements (lists, grids)
mypresta.rocks Feb 03, 2026
Respuesta: Shipped in v1.1.0!
0 abierto 0 resuelto
Reportar un problema

Sin problemas conocidos

Actualmente no hay problemas abiertos ni resueltos registrados para este módulo.

Ver todos los problemas conocidos
v1.2.02026-04-20
  • Addedadmin menu management via MenuInstaller for streamlined module setup
v1.1.02026-02-03
  • AddedPS 9 / Hummingbird theme compatibility
  • Addedstagger delay configuration for grouped elements (lists, grids)
  • ImprovedIntersectionObserver threshold — default changed to 0.15 for better trigger timing
  • Fixedanimation class being re-applied on back-forward browser navigation
v1.0.02025-06-20
  • Initialrelease: scroll-triggered CSS animations for PrestaShop
  • InitialFade, slide-up, slide-left, slide-right, and zoom-in animation presets
  • InitialZero jQuery dependency — pure IntersectionObserver API implementation
  • InitialBack-office CSS class and animation speed configuration per hook placement
  • InitialCompatible with PS 1.7.x and PS 8.x
30 días de devolución
Devolución fácil - sin preguntas
Módulos Plug & Play
Instalar, configurar y beneficiarse
Soporte ante todo
Prioridad en ayuda y satisfacción

Más de esta categoría

Integración Freshchat
49,00 €
Integración Zendesk Chat
49,00 €
Integración HubSpot Chat
49,00 €
Integración Chatra Chat
49,00 €
Cargando...
Volver arriba