Przycisk powrotu na górę
Przycisk powrotu na górę obrazki
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji
Przycisk powrotu na górę
Przycisk płynnego przewijania do góry — bez jQuery, w pełni konfigurowalny
Cena:
0,00 €
Netto
Zapewnij swoim klientom płynny powrót do góry strony jednym kliknięciem. Ten lekki przycisk Back to Top pojawia się automatycznie, gdy odwiedzający przewijają stronę w dół, zapewniając łatwą nawigację na długich listach kategorii, stronach produktów i treściach CMS. Zero zależności od jQuery oznacza zero wpływu na Core Web Vitals.
- Płynne animowane przewijanie — żadnych gwałtownych skoków, tylko dopracowane doświadczenie użytkownika
- Konfigurowalna pozycja — umieść przycisk po lewej lub prawej stronie ekranu
- Inteligentna widoczność — pojawia się dopiero po konfigurowalnym progu przewijania
- Czysty vanilla JavaScript — bez jQuery, bez zewnętrznych bibliotek, bez wpływu na szybkość strony
- Uniwersalna kompatybilność z szablonami — działa z Classic, Starter, Hummingbird i każdym niestandardowym szablonem
- Responsywność mobilna — odpowiednio dobrany cel dotykowy na telefonach i tabletach
- Gotowy na dostępność — obsługa klawiatury z odpowiednimi etykietami ARIA
Prosta, ale niezbędna poprawa UX, która utrzymuje zaangażowanie odwiedzających zamiast ich frustrować. Kompatybilny z PrestaShop 1.7, 8.x i 9.x. Całkowicie bezpłatny — bez ukrytych kosztów, bez premium upselli.
Łatwa nawigacja jednym kliknięciem
Długie strony to rzeczywistość e-commerce. Listy kategorii mogą ciągnąć się przez dziesiątki ekranów. Opisy produktów z bogatymi treściami multimedialnymi przewijają się bez końca. Posty blogowe i strony CMS wymagają dużej przestrzeni pionowej. Bez szybkiego sposobu powrotu na górę — gdzie znajduje się menu nawigacyjne, pasek wyszukiwania i ikona koszyka — Twoi klienci stoją przed męczącym doświadczeniem przewijania, które zwiększa współczynnik odrzuceń i zmniejsza zaangażowanie.
Moduł Back to Top Button rozwiązuje ten problem eleganckim, animowanym przyciskiem przewijania do góry, który pojawia się dokładnie wtedy, gdy odwiedzający go potrzebują. Gdy tylko przewiną poza konfigurowalny próg odległości, subtelny przycisk pojawia się płynnie. Jedno kliknięcie i płynnie wracają na górę strony — bez gwałtownych skoków, bez dezorientacji, tylko dopracowane doświadczenie natywne dla Twojego sklepu.
Zero wpływu na wydajność — czysty vanilla JavaScript
Wiele rozwiązań scroll-to-top polega na jQuery lub ciężkich bibliotekach JavaScript dodających setki kilobajtów do wagi strony. Ten moduł przyjmuje inne podejście: jest zbudowany w całości w vanilla JavaScript i CSS. Bez zależności od jQuery. Bez ładowania zewnętrznych bibliotek. Bez blokujących renderowanie skryptów wstrzykiwanych w krytyczną ścieżkę.
Cały footprint modułu mierzy się w bajtach, nie kilobajtach. Nasłuchiwacz zdarzeń przewijania używa trybu pasywnego i requestAnimationFrame dla gładkiej animacji bez obciążania głównego wątku. Twoje Core Web Vitals — Largest Contentful Paint, Cumulative Layout Shift i Interaction to Next Paint — pozostają nienaruszone.
- jQuery nie jest wymagany — działa nawet jeśli Twój szablon w ogóle nie ładuje jQuery
- Pasywny nasłuchiwacz przewijania — nie blokuje wydajności przewijania przeglądarki
- Animacja requestAnimationFrame — płynne przewijanie z akceleracją GPU
- Przejścia CSS dla widoczności — przezroczystość i transformacja obsługiwane przez wątek kompozytora
- Zminifikowany output — łączna wielkość JS + CSS poniżej 2 KB
Prosta, ale elastyczna konfiguracja
Panel administracyjny modułu daje Ci pełną kontrolę nad zachowaniem i wyglądem przycisku bez dotykania kodu:
- Pozycja przycisku — wybierz umieszczenie po lewej lub prawej stronie, aby uniknąć konfliktów z innymi pływającymi elementami jak widżety czatu czy banery cookie
- Próg odległości przewijania — ustaw dokładnie jak daleko w dół strony odwiedzający musi przewinąć, zanim przycisk się pojawi (np. 300px, 500px lub 1000px)
- Szybkość animacji przewijania — kontroluj szybkość animacji płynnego przewijania na górę
- Styl przycisku — wybierz z wbudowanych wzorów lub dostosuj kolory do swojego szablonu
- Kontrola z-index — upewnij się, że przycisk pojawia się ponad lub pod innymi pływającymi elementami
- Widoczność mobilna — opcjonalnie ukryj na urządzeniach mobilnych, jeśli przestrzeń ekranu jest ograniczona
Każde ustawienie działa natychmiast — nie wymaga czyszczenia cache ani rekompilacji szablonu.
Uniwersalna kompatybilność z szablonami
Przycisk Back to Top jest zaprojektowany do pracy z każdym szablonem PrestaShop, niezależnie od jego architektury. Podpina się do standardowych hooków wyświetlania PrestaShop i używa pozycjonowania CSS absolute/fixed, które nie koliduje z siatką układu Twojego szablonu. Przetestowany i zweryfikowany z:
- Szablon PrestaShop Classic (1.7.x i 8.x)
- Szablon PrestaShop Starter
- Szablon PrestaShop Hummingbird (9.x)
- Szablon Warehouse od IT4PROFIT
- Szablon Flavor od Jesuspended
- Szablon Flavor od Jesusbased
- Każdy niestandardowy szablon oparty na Bootstrap
- Każdy niestandardowy szablon bez Bootstrap
Dostępność i doświadczenie mobilne
Dostępność nie jest dodatkiem — jest wbudowana w rdzeń tego modułu. Przycisk zawiera odpowiednie etykiety ARIA, jest w pełni nawigowany klawiaturą (fokus przez Tab, aktywacja przez Enter) i respektuje zapytanie medialne prefers-reduced-motion dla użytkowników, którzy zażądali minimalnych animacji w ustawieniach systemu operacyjnego.
Na urządzeniach mobilnych przycisk renderuje się z minimalnym celem dotykowym 44x44 piksele (zgodnie z wytycznymi WCAG 2.1) i jest pozycjonowany tak, aby uniknąć nakładania się z typowymi elementami UI mobilnych przeglądarek, jak dolny pasek nawigacji w Safari na iOS.
Specyfikacja techniczna
- Kompatybilność z PrestaShop: 1.7.0 do 9.x
- Kompatybilność z PHP: 7.2 do 8.4
- Multi-shop: Tak — niezależna konfiguracja dla każdego sklepu
- Wielojęzyczność: Nie dotyczy (brak widocznego tekstu)
- Zależności: Brak
- Użyte hooki: displayFooter, actionFrontControllerSetMedia
- Tabele bazy danych: Brak — wszystkie ustawienia przechowywane w ps_configuration
- Licencja: Academic Free License 3.0
Dlaczego ten moduł jest wyjątkowy?
- Absolutnie zero zależności od jQuery — większość alternatyw wymaga jQuery, co dodaje ponad 90 KB do strony
- Używa requestAnimationFrame do płynnego przewijania z akceleracją GPU zamiast animacji opartej na JavaScript
- Respektuje prefers-reduced-motion dla zgodności z dostępnością
- Poniżej 2 KB całkowitego footprintu — najlżejsze rozwiązanie back-to-top dostępne dla PrestaShop
- Całkowicie bezpłatny bez warstwy premium, bez blokowania funkcji, bez reklam w panelu administracyjnym
Przypadki użycia
- Sklepy z dużym katalogiem — strony kategorii z 50+ produktami na stronę wymagają szybkiej nawigacji do góry
- Strony produktów bogate w treści — szczegółowe opisy z wieloma sekcjami korzystają z łatwego powrotu na górę
- Strony blogowe i CMS — długie treści redakcyjne, gdzie menu nagłówka jest główną nawigacją
- Sklepy mobile-first — małe ekrany sprawiają, że ręczne przewijanie na górę jest męczące i frustrujące
- Sklepy z nieskończonym przewijaniem — strony ładujące produkty w miarę przewijania potrzebują sposobu na powrót
-
Indeksmprbacktotop
-
Kompatybilność z PrestaShopPS 1.6 – 9.x
-
Model cenowyJednorazowy zakup
-
Typ modułuFront-office
-
Dotyczy RODONie
-
Cel biznesowyZwiększyć konwersje
-
Wymagane konto zewnętrzneNie
-
Złożoność modułuLekki widget
-
Etap ścieżki klientaZaangażować kupujących
-
Działa z platformąBez zewnętrznej platformy
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 opinia)
Great work and support
Great work and support
5.0
★
★
★
★
★
(3 opinii)
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!
Brak propozycji. Bądź pierwszy i zaproponuj pomysł!
Brak znanych problemów
Obecnie nie ma zarejestrowanych otwartych ani rozwiązanych problemów dla tego modułu.
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji
Brak recenzji. Bądź pierwszy i zostaw opinię!
Napisz opinię