Devolución fácil - sin preguntas
Instalar, configurar y beneficiarse
Prioridad en ayuda y satisfacción
Animaciones de desplazamiento
Animaciones fade-in, slide y zoom al hacer scroll — sin jQuery
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.
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.
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.
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.
¿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
-
Referenciamprscrollanimations
-
Compatibilidad PrestaShopPS 1.6 – 9.x
-
Modelo de precioCompra única
-
Tipo de móduloFront-office
-
Relevante para RGPDNo
-
Objetivo comercialAumentar conversiones
-
Cuenta externa necesariaNo
-
Complejidad del móduloWidget ligero
-
Etapa del recorrido del clienteInvolucrar a los compradores
-
Funciona con plataformaSin 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.
What customers say about us
Stagger delay configuration for grouped elements (lists, grids)
ImplementadoSin problemas conocidos
Actualmente no hay problemas abiertos ni resueltos registrados para este módulo.
- Addedadmin menu management via MenuInstaller for streamlined module setup
- 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
- 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
Devolución fácil - sin preguntas
Instalar, configurar y beneficiarse
Prioridad en ayuda y satisfacción
¡Aún no hay reseñas. Sea el primero en dejar una reseña!
Escribir una reseña