Animacje przewijania

Animacje fade-in, slide i zoom wyzwalane przy przewijaniu — bez jQuery

Cena: 49,00 €
Netto

Ożyw swój sklep płynnymi, zoptymalizowanymi pod kątem wydajności animacjami wyzwalanymi przewijaniem. Elementy pojawiają się z zanikaniem, przesuwają w górę, przybliżają i ujawniają się, gdy klienci przewijają stronę — tworząc nowoczesne, angażujące doświadczenie przeglądania, które utrzymuje odwiedzających w przewijaniu i eksplorowaniu. Zbudowany na IntersectionObserver API dla natywnej wydajności przeglądarki, bez zależności od jQuery.

  • Wiele efektów animacji — fade, slide-up, slide-down, slide-left, slide-right, zoom-in, zoom-out, flip
  • Targetowanie klas CSS — stosuj animacje do dowolnego elementu na dowolnej stronie, określając jego selektor CSS
  • Zasilany IntersectionObserver — natywne API przeglądarki dla masełkowo płynnej wydajności, bez nasłuchiwaczy zdarzeń scroll
  • Bez zależności jQuery — czysty vanilla JavaScript, poniżej 3 KB zminifikowany
  • Konfigurowalne wyzwałącze — próg, opóźnienie, czas trwania i krzywa przyspieszenia per cel animacji
  • Świadomy urządzeń mobilnych — opcjonalne wyłączenie animacji na urządzeniach mobilnych dla priorytetu szybkości

Przestań prezentować statyczny, pozbawiony życia sklep. Animacje scroll dodają odczuwaną jakość i profesjonalizm, które klienci kojarzą z markami premium. $49 za stałą, bezterminową licencję. Kompatybilny z PrestaShop 1.7, 8.x i 9.x.

Udostępnij
verified Lifetime license per domain — yours forever. Includes 3 months support & updates.
autorenew Auto-renew support
9,99 €/mo
build Profesjonalna konfiguracja W pełni konfigurujemy moduł według Twoich potrzeb — wszystkie opcje ustawione, przetestowane i zweryfikowane w ciągu 1 dnia roboczego. +29,00 €
palette Integracja wizualna Dostosowania CSS i szablonów do Twojego motywu — w tym weryfikacja na różnych urządzeniach i przegląd zrzutów ekranu. +49,00 €
Suma opcji: 0,00 €
1 wyświetlono
Animacje przewijania ożywiające listę produktów w PrestaShop

Nadaj sklepowi premium charakter dzięki animacjom przewijania

Sklep, w którym każdy element pojawia się jako statyczny blok natychmiast po załadowaniu strony, sprawia wrażenie płaskiego i przestarzałego w porównaniu z takim, gdzie elementy elegancko pojawiają się, wsuwają lub przybliżają w miarę przewijania. Animacje przewijania tworzą głębię i zamierzony efekt, który podświadomie sygnalizuje jakość. Ten moduł dodaje płynne, wydajne animacje wyzwalane przewijaniem do dowolnego elementu w sklepie PrestaShop — banerów, siatek produktów, bloków tekstowych, kategorii — bez znajomości JavaScript i bez umiejętności CSS.

Ustawienia i typy animacji konfigurowalne z panelu PrestaShop

Wybierz styl animacji z panelu administracyjnego

Moduł zawiera bibliotekę efektów animacji — zanikanie, wsuwanie, przybliżanie, obracanie, odbijanie — które można przypisać do dowolnego elementu strony za pomocą selektorów klas CSS. Kontrola czasu trwania animacji, opóźnienia i wygładzania pozwala dopasować efekty do charakteru marki: sklep luksusowy wymaga powolnych, eleganckich zanikań; marka młodzieżowa może użyć energicznych wsunięć. Animacje respektują preferencje użytkowników dotyczące ograniczenia ruchu, dzięki czemu odwiedzający z potrzebami dostępności zawsze mają komfortowe doświadczenie.

Lekka biblioteka animacji przewijania dla wydajności PrestaShop

Lekki, szybki i niezależny od szablonu

Zbudowany na minimalnej bibliotece animacji, ten moduł dodaje znikomy ciężar strony i wykorzystuje przeglądarkowe API Intersection Observer, dzięki czemu animacje aktywują tylko elementy aktualnie wchodzące w pole widzenia — nigdy nie spowalniając początkowego ładowania strony. Działa z każdym szablonem PrestaShop bez modyfikacji. Warto poznać więcej sposobów na zachwycenie klientów w kolekcji Customer Experience & Engagement lub dodać Product Extra Info Tabs i Product Sales & Views Live Stats.

Kluczowe funkcje

  • Animacje wyzwalane przewijaniem na dowolnym elemencie strony — banery, siatki, tekst, obrazy
  • Biblioteka efektów: zanikanie, wsuwanie, przybliżanie, obracanie, odbijanie — z konfigurowalną szybkością i opóźnieniem
  • Wykorzystuje Intersection Observer — animacje uruchamiają się tylko gdy elementy wchodzą w pole widzenia
  • Respektuje prefers-reduced-motion dla dostępnego, inkluzywnego doświadczenia
  • Działa z każdym szablonem PrestaShop 1.6, 1.7, 8.x lub 9.x bez edycji plików szablonu

Kto skorzysta najbardziej

  • palette Sklepy dbające o markę, które chcą wizualnego wykończenia odpowiadającego jakości produktów
  • storefront Nowe sklepy chcące konkurować z większymi markami na poziomie postrzeganego premium doświadczenia
  • phone_iphone Sklepy mobile-first, gdzie animowane pojawianie się elementów znacząco poprawia zaangażowanie w przewijanie
  • campaign Strony kampanii sezonowych, gdzie animowane banery kierują uwagę na kluczowe oferty
  • Indeks
    mprscrollanimations
  • Kompatybilność z PrestaShop
    PS 1.6 – 9.x
  • Model cenowy
    Jednorazowy zakup
  • Typ modułu
    Front-office
  • Dotyczy RODO
    Nie
  • Cel biznesowy
    Zwiększyć konwersje
  • Wymagane konto zewnętrzne
    Nie
  • Złożoność modułu
    Lekki widget
  • Etap ścieżki klienta
    Zaangażować kupujących
  • Działa z platformą
    Bez zewnętrznej platformy

Dodaj profesjonalne animacje pojawiania się, przesuwania, powiększenia i odbicia do kart produktów, banerów i nagłówków, gdy odwiedzający przewijają strony sklepu — tworząc nowoczesne, dopracowane doświadczenie przeglądania bez pisania ani jednej linii kodu. Animacje są przypisywane za pomocą nazw klas CSS przez konfigurator back office i używają natywnego API Intersection Observer przeglądarki, więc nie mają żadnego mierzalnego wpływu na szybkość ładowania strony. Moduł automatycznie respektuje ustawienie dostępności systemu operacyjnego odwiedzającego dotyczące ograniczonego ruchu, co w niektórych jurysdykcjach jest wymogiem prawnym.

Masz pytanie dotyczące tego produktu? Nasi eksperci chętnie pomogą. Zapytaj o instalację, kompatybilność lub specyfikację.
241 questions
8 categories
< 24h response time
98% satisfaction
0.0
0 opinii
5 ★
0
4 ★
0
3 ★
0
2 ★
0
1 ★
0

Brak recenzji. Bądź pierwszy i zostaw opinię!

Napisz opinię

Oceń konkretne aspekty (opcjonalne)
Jakość
Stosunek jakości do ceny
Stabilność
Kompatybilność
Wsparcie

What customers say about us

5.0 (1 opinia)
Gasp

Great work and support

Great work and support
5.0 (3 opinii)
Rafał Butanowicz
Niesamowite doświadczenie i znajomość Prestashop. Każdy minimalny błąd analizowany i poprawiany. Bardzo dobry kontakt podczas realizacji zlecenia
Wojtala Garage
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!
Edeo PL
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!
1 Wdrożone
1 propozycja

Stagger delay configuration for grouped elements (lists, grids)

Wdrożone
Stagger delay configuration for grouped elements (lists, grids)
mypresta.rocks Feb 03, 2026
Odpowiedź: Shipped in v1.1.0!
0 otwarty 0 rozwiązany
Zgłoś problem

Brak znanych problemów

Obecnie nie ma zarejestrowanych otwartych ani rozwiązanych problemów dla tego modułu.

Zobacz wszystkie znane problemy
v1.2.02026-04-20
  • Addedadmin menu management via MenuInstaller for streamlined module setup
v1.1.02026-02-03
  • 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
v1.0.02025-06-20
  • 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
30 dni na zwrot
Łatwy zwrot - bez pytań
Moduły Plug & Play
Zainstaluj, skonfiguruj i zarabiaj
Wsparcie na pierwszym miejscu
Priorytet pomocy i satysfakcji

Więcej z tej kategorii

Integracja Freshchat
49,00 €
Integracja Zendesk Chat
49,00 €
Integracja HubSpot Chat
49,00 €
Integracja Chatra Chat
49,00 €
Ładowanie...
Do góry