Zurück-nach-oben-Button
Zurück-nach-oben-Button images
30 Tage Rückgaberecht
Einfache Rückgabe – keine Fragen
Plug & Play Module
Installieren, einrichten und profitieren
Support an erster Stelle
Priorität für Hilfe & Zufriedenheit
Zurück-nach-oben-Button
Smooth Scroll-to-Top-Button — kein jQuery, vollständig anpassbar
Price:
0,00 €
Tax excluded
Bieten Sie Ihren Kunden eine sanfte Ein-Klick-Fahrt zuruck zum Seitenanfang. Dieser leichtgewichtige Back to Top Button erscheint automatisch, wenn Besucher nach unten scrollen, und ermoglicht muhlose Navigation auf langen Kategorie-Auflistungen, Produktseiten und CMS-Inhalten. Null jQuery-Abhangigkeit bedeutet null Leistungseinbussen bei Ihren Core Web Vitals.
- Sanftes animiertes Scrollen -- keine abrupten Sprunge, nur ein ausgefeiltes Benutzererlebnis
- Konfigurierbare Position -- platzieren Sie den Button auf der linken oder rechten Bildschirmseite
- Intelligente Sichtbarkeit -- erscheint erst nach einer konfigurierbaren Scroll-Entfernungsschwelle
- Reines Vanilla JavaScript -- kein jQuery, keine externen Bibliotheken, keine Einbussen bei der Seitengeschwindigkeit
- Universelle Theme-Kompatibilitat -- funktioniert mit Classic, Starter, Hummingbird und jedem benutzerdefinierten Theme
- Mobil-responsiv -- korrekt dimensioniertes Touch-Ziel auf Smartphones und Tablets
- Barrierefrei -- per Tastatur fokussierbar mit korrekten ARIA-Labels
Eine einfache, aber unverzichtbare UX-Verbesserung, die Besucher engagiert halt anstatt frustriert. Kompatibel mit PrestaShop 1.7, 8.x und 9.x. Vollstandig kostenlos -- keine versteckten Kosten, keine Premium-Upsells.
Muhelose Navigation mit einem einzigen Klick
Lange Seiten sind im E-Commerce Realitat. Kategorie-Auflistungen konnen sich uber Dutzende Bildschirme erstrecken. Produktbeschreibungen mit reichhaltigen Medieninhalten scrollen endlos weiter. Blog-Beitrage und CMS-Seiten beanspruchen vertikalen Platz. Ohne eine schnelle Moglichkeit, nach oben zuruckzukehren -- wo sich das Navigationsmenu, die Suchleiste und das Warenkorb-Symbol befinden -- erleben Ihre Kunden ein muhsames Scroll-Erlebnis, das die Absprungrate erhoht und das Engagement verringert.
Das Back to Top Button Modul lost dieses Problem mit einem eleganten, animierten Scroll-nach-oben-Button, der genau dann erscheint, wenn Ihre Besucher ihn benotigen. Sobald sie uber eine konfigurierbare Entfernungsschwelle hinaus scrollen, blendet sich ein dezenter Button ein. Ein Klick, und sie gleiten sanft zuruck zum Seitenanfang -- kein abruptes Springen, keine Desorientierung, nur ein ausgefeiltes Erlebnis, das sich nativ in Ihren Shop einfugt.
Null Leistungseinbussen -- Reines Vanilla JavaScript
Viele Scroll-nach-oben-Losungen basieren auf jQuery oder umfangreichen JavaScript-Bibliotheken, die Hunderte von Kilobytes zu Ihrem Seitengewicht hinzufugen. Dieses Modul verfolgt einen grundlegend anderen Ansatz: Es ist vollstandig mit Vanilla JavaScript und CSS erstellt. Keine jQuery-Abhangigkeit. Keine externen Bibliotheken geladen. Keine Render-blockierenden Skripte in Ihrem kritischen Pfad.
Der gesamte Modul-Footprint wird in Bytes gemessen, nicht in Kilobytes. Der Scroll-Event-Listener verwendet den passiven Modus und reqüstAnimationFrame fur butterweiche Animationen ohne Blockierung des Hauptthreads. Ihre Core Web Vitals -- Largest Contentful Paint, Cumulative Layout Shift und Interaction to Next Paint -- bleiben vollstandig unbeeinflusst.
- Kein jQuery erforderlich -- funktioniert auch wenn Ihr Theme jQuery uberhaupt nicht ladt
- Passiver Scroll-Listener -- blockiert nicht die Scroll-Leistung des Browsers
- reqüstAnimationFrame-Animation -- GPU-beschleunigtes sanftes Scrollen
- CSS-Transitionen fur Sichtbarkeit -- Opazitat und Transformation werden vom Compositor-Thread verarbeitet
- Minimierte Ausgabe -- kombiniertes JS + CSS unter 2 KB insgesamt
Einfache und dennoch flexible Konfiguration
Das Modul-Back-Office gibt Ihnen volle Kontrolle uber das Verhalten und Erscheinungsbild des Buttons, ohne Code anpassen zu mussen:
- Button-Position -- wahlen Sie die Platzierung links oder rechts, um Konflikte mit anderen schwebenden Elementen wie Chat Widgets oder Cookie-Bannern zu vermeiden
- Scroll-Entfernungsschwelle -- legen Sie genau fest, wie weit ein Besucher auf der Seite scrollen muss, bevor der Button erscheint (z.B. 300px, 500px oder 1000px)
- Scroll-Animationsgeschwindigkeit -- steuern Sie, wie schnell die sanfte Scroll-Animation nach oben zuruckkehrt
- Button-Stil -- wahlen Sie aus integrierten Designs oder passen Sie die Farben an Ihr Theme an
- Z-Index-Steuerung -- stellen Sie sicher, dass der Button immer uber oder unter anderen schwebenden Elementen erscheint
- Mobile Sichtbarkeit -- optional auf Mobilgeraten ausblenden, wenn der Bildschirmplatz begrenzt ist
Jede Einstellung wird sofort wirksam -- kein Cache-Leeren erforderlich, keine Theme-Neukompilierung notig.
Universelle Theme-Kompatibilitat
Der Back to Top Button ist so konzipiert, dass er mit jedem PrestaShop-Theme funktioniert, unabhangig von dessen Architektur. Er bindet sich in Standard-PrestaShop-Display-Hooks ein und verwendet absolute/fixe CSS-Positionierung, die nicht in das Layout-Raster Ihres Themes eingreift. Getestet und verifiziert mit:
- PrestaShop Classic Theme (1.7.x und 8.x)
- PrestaShop Starter Theme
- PrestaShop Hummingbird Theme (9.x)
- Warehouse Theme von IT4PROFIT
- Flavor Theme von Jesuspended
- Flavor Theme von Jesusbased
- Jedes Bootstrap-basierte benutzerdefinierte Theme
- Jedes nicht-Bootstrap-basierte benutzerdefinierte Theme
Barrierefreiheit und mobiles Erlebnis
Barrierefreiheit ist kein nachtraglich hinzugefugtes Feature -- sie ist in den Kern dieses Moduls eingebaut. Der Button enthalt korrekte ARIA-Labels, ist vollstandig per Tastatur navigierbar (fokussierbar uber Tab, aktivierbar uber Enter) und respektiert die prefers-reduced-motion Media Query fur Benutzer, die in ihren Betriebssystemeinstellungen minimale Animationen angefordert haben.
Auf Mobilgeraten wird der Button mit einer Mindest-Touch-Zielgrosse von 44x44 Pixeln dargestellt (gemas WCAG 2.1 Richtlinien) und ist so positioniert, dass er Uberlappungen mit gangigen mobilen Browser-UI-Elementen wie der unteren Navigationsleiste in Safari unter iOS vermeidet.
Technische Spezifikationen
- PrestaShop-Kompatibilitat: 1.7.0 bis 9.x
- PHP-Kompatibilitat: 7.2 bis 8.4
- Multi-Shop: Ja -- unabhangige Konfiguration pro Shop
- Mehrsprachig: Nicht zutreffend (kein sichtbarer Text)
- Abhangigkeiten: Keine
- Verwendete Hooks: displayFooter, actionFrontControllerSetMedia
- Datenbanktabellen: Keine -- alle Einstellungen in ps_configuration gespeichert
- Lizenz: Academic Free License 3.0
Warum ist dieses Modul einzigartig?
- Absolut keine jQuery-Abhangigkeit -- die meisten Alternativen benotigen jQuery, das 90 KB+ zu Ihrer Seite hinzufugt
- Verwendet reqüstAnimationFrame fur GPU-beschleunigtes sanftes Scrollen anstelle von JavaScript-basierter Scroll-Animation
- Respektiert prefers-reduced-motion fur Barrierefreiheit
- Unter 2 KB Gesamt-Footprint -- die leichteste Back-to-Top-Losung fur PrestaShop
- Vollstandig kostenlos ohne Premium-Stufe, ohne Feature-Einschrankungen, ohne Werbung im Back-Office
Anwendungsfalle
- Shops mit grossem Katalog -- Kategorieseiten mit 50+ Produkten pro Seite benotigen eine schnelle Navigation nach oben
- Inhaltsreiche Produktseiten -- detaillierte Beschreibungen mit mehreren Abschnitten profitieren von einer einfachen Ruckkehr nach oben
- Blog- und CMS-Seiten -- lange redaktionelle Inhalte, bei denen das Header-Menu die primare Navigation ist
- Mobile-First-Shops -- kleine Bildschirme machen das manuelle Zuruckscrollen nach oben muhsam und frustrierend
- Shops mit Infinite Scroll -- Seiten, die beim Scrollen standig weitere Produkte laden, benotigen einen Ruckweg nach oben
-
Referencemprbacktotop
-
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
v1.1.0 — 2026-01-18
- ▸Added PrestaShop 9.x compatibility
- ▸New scroll progress indicator option (horizontal bar at top of viewport)
- ▸Added configurable scroll threshold before button appears (percentage or pixels)
- ▸Smooth scroll animation with configurable duration and easing
- ▸Fixed button not appearing on pages with infinite scroll pagination
v1.0.2 — 2025-06-15
- ▸Fixed button overlap with cookie consent banners
- ▸Added mobile-specific positioning and size options
- ▸Improved accessibility: ARIA label and keyboard focus support
v1.0.1 — 2025-01-20
- ▸Fixed button flickering on short pages where scroll threshold was borderline
- ▸Added custom icon upload option (SVG, PNG) alongside built-in icons
- ▸Minor CSS specificity fix for theme compatibility
v1.0.0 — 2024-08-01
- ▸Initial release
- ▸Smooth-scroll back to top button with configurable appearance
- ▸Multiple button styles: circle, rounded square, pill
- ▸Configurable colors, size, position, and opacity
- ▸Show/hide based on scroll position
- ▸Compatible with PrestaShop 1.7 and 8.x
What customers say about us
5.0
★
★
★
★
★
(1 Bewertung)
Great work and support
Great work and support
5.0
★
★
★
★
★
(3 Bewertungen)
Niesamowite doświadczenie i znajomość Prestashop. Każdy minimalny błąd analizowany i poprawiany. Bardzo dobry kontakt podczas realizacji zlecenia
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!
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!
Noch keine Funktionswünsche. Schlagen Sie als Erster eine Idee vor!
Keine bekannten Probleme
Für dieses Modul sind derzeit keine offenen oder gelösten Probleme registriert.
30 Tage Rückgaberecht
Einfache Rückgabe – keine Fragen
Plug & Play Module
Installieren, einrichten und profitieren
Support an erster Stelle
Priorität für Hilfe & Zufriedenheit
Mehr aus dieser Kategorie
Noch keine Bewertungen. Seien Sie der Erste, der eine Bewertung hinterlässt!
Bewertung schreiben