Retour simple - sans questions
Installer, configurer et profiter
Aide et satisfaction avant tout
Animations au défilement
Animations fade-in, slide et zoom au défilement — sans jQuery
Donnez vie a votre boutique avec des animations fluides et performantes declenchees par le défilement. Les éléments apparaissent en fondu, glissent vers le haut, zooment et se revelent a mesure que les clients défilent la page -- creant une expérience de navigation moderne et engageante qui incite les visiteurs a continuer de defiler et d'explorer. Construit sur l'API IntersectionObserver pour une performance native du navigateur sans aucune dependance a jQuery.
- Multiples effets d'animation -- fade, slide-up, slide-down, slide-left, slide-right, zoom-in, zoom-out, flip
- Ciblage par classe CSS -- appliquez des animations a n'importe quel élément sur n'importe quelle page en specifiant son selecteur CSS
- Alimente par IntersectionObserver -- API navigateur native pour une performance parfaitement fluide, sans ecouteurs d'événements scroll
- Aucune dependance jQuery -- JavaScript vanilla pur, moins de 3 Ko minifie
- Declencheurs configurables -- seuil, delai, duree et courbe d'acceleration par cible d'animation
- Compatible mobile -- désactivez optionnellement les animations sur mobile pour privilegier la vitesse
Arretez de présenter une boutique statique et sans vie. Les animations de défilement ajoutent une qualité percue et un professionnalisme que les clients associent aux marques premium. 49 $ pour une licence permanente a usage illimite. Compatible avec PrestaShop 1.7, 8.x et 9.x.
Donnez Vie à Votre Boutique avec d'Élégantes Animations au Défilement
Une boutique où tout apparaît instantanément comme un bloc statique semble plate comparée aux boutiques où les éléments s'estompent gracieusement, glissent vers le haut ou zoument en vue lors du défilement. Les animations au défilement créent un sentiment de profondeur et d'intentionnalité qui communique subconsciemment la qualité à vos visiteurs. Les recherches montrent constamment que les interfaces animées retiennent l'attention plus longtemps et sont perçues comme plus fiables et premium. Ce module ajoute des animations fluides et performantes déclenchées au défilement à n'importe quel élément de votre boutique PrestaShop — sans connaissance en JavaScript, sans expertise CSS, sans développeur requis.
Fondu, Glissement, Zoom et Rebond — Bibliothèque Complète d'Animations
Choisissez parmi un ensemble complet d'effets d'animation — fondu depuis toute direction, glissement vers le haut depuis le bas, zoom depuis le centre, rebond à l'entrée, retournement horizontal et plus encore. Chaque animation peut être réglée avec votre délai, durée et courbe d'accélération préférés pour que le résultat semble soigné plutôt que gadget. Appliquez des animations aux grilles de produits, bannières, témoignages, sections de caractéristiques, blocs de catégories ou tout autre élément de votre vitrine. Un aperçu en direct vous permet de voir exactement comment l'animation apparaîtra avant de sauvegarder, afin que vous puissiez itérer rapidement sans vider les caches et recharger les pages.
Animations Axées sur la Performance qui ne Ralentissent Jamais Votre Boutique
Des animations au défilement mal implémentées peuvent détruire les scores Core Web Vitals — causant des décalages de mise en page, un défilement saccadé et de mauvaises performances sur mobile. Ce module utilise l'API Intersection Observer et des transitions CSS accélérées par le matériel pour garantir que les animations sont parfaitement fluides sur n'importe quel appareil sans aucun impact sur vos scores PageSpeed. Le module respecte également la préférence au niveau système de l'utilisateur pour réduire le mouvement, désactivant automatiquement les animations pour les visiteurs qui ont activé les paramètres d'accessibilité sur leur appareil — le comportement correct à la fois pour l'inclusivité et la conformité.
Pourquoi ce module est-il unique ?
- Bibliothèque d'animations complète — fondu, glissement, zoom, rebond, retournement — avec contrôle par élément sur le délai et la durée
- Utilise l'API Intersection Observer et les transformations CSS — zéro impact sur les Core Web Vitals ou les scores CLS
- Respecte automatiquement la préférence d'accessibilité "réduire le mouvement" du système d'exploitation
- Appliquez des animations à n'importe quel élément de n'importe quelle page via des sélecteurs CSS — non limité à des blocs spécifiques
- Aperçu en direct dans le back-office — voyez exactement comment les animations s'affichent avant leur mise en ligne
Cas d'utilisation
- Boutiques de marques premium — créez une expérience de navigation immersive et de haute qualité qui reflète les valeurs de votre marque
- Boutiques maison et lifestyle — les grilles de produits animées et les bannières de catégories améliorent considérablement l'attrait visuel
- Pages d'atterrissage et campagnes — guidez l'attention des visiteurs à travers le contenu promotionnel avec des révélations chorégraphiées
- Tests de taux de conversion — testez en A/B les mises en page animées versus statiques pour quantifier l'amélioration de l'engagement
-
Referencemprscrollanimations
-
Compatibilité PrestaShopPS 1.6 – 9.x
-
Modèle tarifaireAchat unique
-
Type de moduleFront-office
-
Concerne le RGPDNon
-
Objectif commercialBooster les conversions
-
Compte externe requisNon
-
Complexité du moduleWidget léger
-
Étape du parcours clientEngager les acheteurs
-
Compatible avec la plateformeAucune plateforme externe
Ajoutez des animations professionnelles d'apparition en fondu, de glissement, de zoom et de rebond aux cartes produits, bannières et titres au fur et à mesure que les visiteurs font défiler les pages de votre boutique — créant une expérience de navigation moderne et soignée sans écrire une seule ligne de code. Les animations sont assignées via des noms de classe CSS à travers un configurateur Back Office et utilisent l'API Intersection Observer native du navigateur, donc elles n'ont aucun impact mesurable sur la vitesse de chargement des pages. Le module respecte automatiquement le paramètre d'accessibilité du système d'exploitation du visiteur pour la réduction des mouvements, ce qui est une exigence légale dans certaines juridictions.
What customers say about us
Stagger delay configuration for grouped elements (lists, grids)
ImplémentéAucun problème connu
Aucun problème ouvert ou résolu n'est enregistré pour ce module.
- 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
Retour simple - sans questions
Installer, configurer et profiter
Aide et satisfaction avant tout
Aucun avis pour le moment. Soyez le premier à laisser un avis !
Écrire un avis