Einfache Rückgabe – keine Fragen
Installieren, einrichten und profitieren
Priorität für Hilfe & Zufriedenheit
Scroll-Animationen
Fade-In-, Slide- & Zoom-Animationen beim Scrollen — kein jQuery
Erwecken Sie Ihren Shop zum Leben mit sanften, leistungsoptimierten scroll-ausgelosten Animationen. Elemente blenden ein, gleiten nach oben, zoomen und enthullen sich, wenn Kunden die Seite nach unten scrollen -- und schaffen ein modernes, ansprechendes Browsing-Erlebnis, das Besucher zum Weiterscrollen und Entdecken animiert. Basierend auf der IntersectionObserver API fur native Browser-Leistung ohne jQuery-Abhangigkeit.
- Mehrere Animationseffekte -- Einblenden, nach oben/unten/links/rechts gleiten, Hinein-/Herauszoomen, Umdrehen
- CSS-Klassen-Targeting -- wenden Sie Animationen auf jedes Element auf jeder Seite an, indem Sie seinen CSS-Selektor angeben
- IntersectionObserver-basiert -- native Browser API fur butterweiche Leistung, keine Scroll-Event-Listener
- Keine jQuery-Abhangigkeit -- reines Vanilla JavaScript, unter 3 KB minimiert
- Konfigurierbare Ausloser -- Schwellenwert, Verzogerung, Dauer und Beschleunigungskurve pro Animationsziel
- Mobil-bewusst -- optionales Deaktivieren von Animationen auf Mobilgeraten, um Geschwindigkeit zu priorisieren
Prasentieren Sie keinen statischen, leblosen Shop mehr. Scroll-Animationen fugen wahrgenommene Qualitat und Professionalitat hinzu, die Kunden mit Premium-Marken assoziieren. 49$ fur eine permanente, unbegrenzte Lizenz. Kompatibel mit PrestaShop 1.7, 8.x und 9.x.
Ihren Shop mit eleganten Scroll-Animationen lebendig machen
Ein Shop, in dem alles sofort als statischer Block erscheint, wirkt flach im Vergleich zu Shops, in denen Elemente beim Scrollen anmutig einblenden, hinaufgleiten oder in die Ansicht zoomen. Scroll-Animationen schaffen ein Gefühl von Tiefe und Absicht, das Ihren Besuchern unbewusst Qualität kommuniziert. Forschung zeigt konsistent, dass animierte Oberflächen die Aufmerksamkeit länger halten und als vertrauenswürdiger und hochwertiger wahrgenommen werden. Dieses Modul fügt jedem Element Ihres PrestaShop-Shops flüssige, performante scroll-ausgelöste Animationen hinzu — kein JavaScript-Wissen, keine CSS-Expertise, kein Entwickler erforderlich.
Einblenden, Gleiten, Zoomen und Springen — vollständige Animations-Bibliothek
Wählen Sie aus einem umfassenden Set von Animationseffekten — aus jeder Richtung einblenden, von unten nach oben gleiten, von der Mitte hereinzoomen, an Ort und Stelle springen, horizontal kippen und mehr. Jede Animation kann mit Ihrer bevorzugten Verzögerung, Dauer und Easing-Kurve abgestimmt werden, sodass das Ergebnis poliert statt gimmicky wirkt. Wenden Sie Animationen auf Produktgrids, Banner, Testimonials, Feature-Bereiche, Kategorieblöcke oder beliebige andere Elemente Ihres Storefronts an. Eine Live-Vorschau zeigt Ihnen genau, wie die Animation aussehen wird, bevor Sie speichern, sodass Sie schnell iterieren können, ohne Caches zu leeren und Seiten neu zu laden.
Performance-First-Animationen, die Ihren Shop nie verlangsamen
Schlecht implementierte Scroll-Animationen können Core-Web-Vitals-Scores zerstören — Layout-Verschiebungen, holpriges Scrollen und schlechte Mobile-Performance verursachen. Dieses Modul verwendet die Intersection Observer API und CSS-hardware-beschleunigte Übergänge, um sicherzustellen, dass Animationen auf jedem Gerät butterweich sind, ohne Auswirkungen auf Ihre PageSpeed-Scores. Das Modul respektiert auch die systemweite Nutzerpräferenz zur Bewegungsreduzierung und deaktiviert automatisch Animationen für Besucher, die Barrierefreiheitseinstellungen auf ihrem Gerät aktiviert haben — das richtige Verhalten sowohl für Inklusivität als auch für Compliance.
Was macht dieses Modul einzigartig?
- Vollständige Animations-Bibliothek — Einblenden, Gleiten, Zoomen, Springen, Kippen — mit Element-spezifischer Kontrolle über Verzögerung und Dauer
- Verwendet Intersection Observer API und CSS-Transforms — null Auswirkung auf Core Web Vitals oder CLS-Scores
- Respektiert automatisch die betriebssystemweite „Bewegung reduzieren"-Barrierefreiheitspräferenz
- Animationen auf jedes Element jeder Seite über CSS-Selektoren anwenden — nicht auf bestimmte Blöcke beschränkt
- Live-Back-Office-Vorschau — genau sehen, wie Animationen aussehen, bevor sie live gehen
Anwendungsfälle
- Premium-Marken-Shops — ein immersives, hochwertiges Browse-Erlebnis schaffen, das Ihre Markenwerte widerspiegelt
- Home- und Lifestyle-Shops — animierte Produktgrids und Kategorien-Banner verbessern die visuelle Attraktivität dramatisch
- Landingpages und Kampagnen — Besucheraufmerksamkeit durch Werbeinhalte mit choreografierten Enthüllungen lenken
- Conversion-Rate-Tests — animierte vs. statische Layouts A/B-testen, um den Engagement-Uplift zu quantifizieren
-
Artikel-Nr.mprscrollanimations
-
PrestaShop-KompatibilitätPS 1.6 – 9.x
-
PreismodellEinmalkauf
-
ModultypFront-office
-
DSGVO-relevantNein
-
GeschäftszielConversions steigern
-
Externes Konto erforderlichNein
-
Modul-KomplexitätLeichtgewichtiges Widget
-
Phase der Customer JourneyKäufer einbinden
-
Funktioniert mit PlattformKeine externe Plattform
Fügen Sie professionelle Einblend-, Slide-, Zoom- und Bounce-Animationen zu Produktkarten, Bannern und Überschriften hinzu, während Besucher durch Ihre Shop-Seiten scrollen – und schaffen Sie so ein modernes, poliertes Browsing-Erlebnis, ohne eine einzige Zeile Code zu schreiben. Animationen werden über CSS-Klassennamen durch einen Back-Office-Konfigurator zugewiesen und verwenden die native Intersection Observer API des Browsers, sodass sie keine messbare Auswirkung auf die Seitengeschwindigkeit haben. Das Modul respektiert automatisch die Betriebssystem-Barrierefreiheitseinstellung des Besuchers für reduzierte Bewegung, was in einigen Rechtssystemen eine gesetzliche Anforderung ist.
What customers say about us
Stagger delay configuration for grouped elements (lists, grids)
UmgesetztKeine bekannten Probleme
Für dieses Modul sind derzeit keine offenen oder gelösten Probleme registriert.
- 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
Einfache Rückgabe – keine Fragen
Installieren, einrichten und profitieren
Priorität für Hilfe & Zufriedenheit
Noch keine Bewertungen. Seien Sie der Erste, der eine Bewertung hinterlässt!
Bewertung schreiben