Reso semplice - senza domande
Installa, configura e guadagna
Priorità ad aiuto e soddisfazione
Animazioni di scorrimento
Animazioni fade-in, slide e zoom attivate allo scroll — senza jQuery
Dai vita al tuo negozio con animazioni fluide e ottimizzate per le prestazioni attivate dallo scorrimento. Gli elementi appaiono in dissolvenza, scorrono verso l'alto, si ingrandiscono e si rivelano mentre i clienti scorrono la pagina -- creando un'esperienza di navigazione moderna e coinvolgente che mantiene i visitatori a scorrere e esplorare. Costruito sull'API IntersectionObserver per prestazioni native del browser con zero dipendenza da jQuery.
- Molteplici effetti di animazione -- fade, slide-up, slide-down, slide-left, slide-right, zoom-in, zoom-out, flip
- Targeting con classi CSS -- applica animazioni a qualsiasi elemento su qualsiasi pagina specificando il suo selettore CSS
- Basato su IntersectionObserver -- API nativa del browser per prestazioni fluide, nessun listener evento scroll
- Nessuna dipendenza da jQuery -- JavaScript vanilla puro, sotto i 3 KB minificati
- Trigger configurabili -- soglia, ritardo, durata e easing per ogni target di animazione
- Consapevole del mobile -- disabilita opzionalmente le animazioni sui dispositivi mobili per dare priorità alla velocità
Smetti di presentare un negozio statico e senza vita. Le animazioni allo scorrimento aggiungono qualità percepita e professionalita che i clienti associano ai brand premium. $49 per una licenza permanente a uso illimitato. Compatibile con PrestaShop 1.7, 8.x e 9.x.
Rendi il Vostro Store Vivo con Eleganti Animazioni allo Scroll
Uno store in cui tutto appare istantaneamente come un blocco statico sembra piatto rispetto agli store in cui gli elementi appaiono gradualmente, scivolano verso l'alto o zoomano nella visuale mentre si scorre. Le animazioni allo scroll creano una sensazione di profondità e intenzionalità che subconsciamente comunica qualità ai vostri visitatori. Le ricerche mostrano costantemente che le interfacce animate mantengono l'attenzione più a lungo e sono percepite come più affidabili e premium. Questo modulo aggiunge animazioni allo scroll fluide e performanti a qualsiasi elemento del vostro store PrestaShop — senza conoscenze JavaScript, senza competenze CSS, senza sviluppatore necessario.
Dissolvenza, Scivolamento, Zoom e Rimbalzo — Libreria di Animazioni Completa
Scegliete da un set completo di effetti di animazione — dissolvenza in entrata da qualsiasi direzione, scivolamento verso l'alto dal basso, zoom in dal centro, rimbalzo al suo posto, capovolgimento orizzontale e molto altro. Ogni animazione può essere regolata con il ritardo, la durata e la curva di easing preferita così il risultato appare raffinato anziché vistoso. Applica le animazioni a griglie prodotto, banner, testimonianze, sezioni di funzionalità, blocchi di categoria o qualsiasi altro elemento nella vostra vetrina. Un'anteprima in tempo reale vi permette di vedere esattamente come apparirà l'animazione prima di salvare, così potete iterare rapidamente senza svuotare le cache e ricaricare le pagine.
Animazioni Prima-Performance Che Non Rallentano Mai il Vostro Store
Animazioni allo scroll implementate male possono distruggere i punteggi Core Web Vitals — causando spostamenti del layout, scorrimento a scatti e scarso rendimento su mobile. Questo modulo usate l'Intersection Observer API e le transizioni CSS hardware-accelerate per garantire che le animazioni siano assolutamente fluide su qualsiasi dispositivo senza alcun impatto sui vostri punteggi PageSpeed. Il modulo rispetta anche la preferenza a livello di sistema dell'utente per ridurre il movimento, disabilitando automaticamente le animazioni per i visitatori che hanno abilitato le impostazioni di accessibilità sul loro dispositivo — il comportamento corretto sia per l'inclusività che per la conformità.
Perché questo modulo è unico?
- Libreria di animazioni completa — dissolvenza, scivolamento, zoom, rimbalzo, capovolgimento — con controllo per elemento su ritardo e durata
- Usate Intersection Observer API e trasformazioni CSS — nessun impatto su Core Web Vitals o punteggi CLS
- Rispetta automaticamente la preferenza di accessibilità "riduci movimento" a livello di sistema operativo
- Applica animazioni a qualsiasi elemento su qualsiasi pagina tramite selettori CSS — non limitato a blocchi specifici
- Anteprima in tempo reale nel pannello amministrativo — vedete esattamente come appaiono le animazioni prima che vadano live
Casi d'uso
- Store di brand premium — crea un'esperienza di navigazione immersiva e di alta qualità che rifletta i valori del vostro brand
- Store home e lifestyle — le griglie prodotto animate e i banner di categoria migliorano dramatically l'appeal visivo
- Landing page e campagne — guida l'attenzione del visitatore attraverso i contenuti promozionali con rivelazioni coreografate
- Test del tasso di conversione — A/B test di layout animati vs statici per quantificare l'aumento di engagement
-
Referencemprscrollanimations
-
Compatibilità PrestaShopPS 1.6 – 9.x
-
Modello di prezzoAcquisto singolo
-
Tipo di moduloFront-office
-
Rilevante per GDPRNo
-
Obiettivo di businessAumentare le conversioni
-
Account esterno necessarioNo
-
Complessità del moduloWidget leggero
-
Fase del percorso clienteCoinvolgere gli acquirenti
-
Funziona con piattaformaNessuna piattaforma esterna
Aggiungi animazioni professionali di dissolvenza, scivolamento, zoom e rimbalzo alle schede prodotto, ai banner e alle intestazioni mentre i visitatori scorrono le pagine del tuo negozio — creando un'esperienza di navigazione moderna e curata senza scrivere una sola riga di codice. Le animazioni vengono assegnate tramite nomi di classe CSS attraverso un configuratore nel back office e usano la API nativa Intersection Observer del browser, quindi non aggiungono alcun impatto misurabile sulla velocità di caricamento delle pagine. Il modulo rispetta automaticamente l'impostazione di accessibilità del sistema operativo del visitatore per la riduzione del movimento, che è un requisito legale in alcune giurisdizioni.
What customers say about us
Stagger delay configuration for grouped elements (lists, grids)
ImplementatoNessun problema noto
Al momento non ci sono problemi aperti o risolti registrati per questo modulo.
- 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
Reso semplice - senza domande
Installa, configura e guadagna
Priorità ad aiuto e soddisfazione
Ancora nessuna recensione. Sii il primo a lasciare una recensione!
Scrivi una recensione