Pływający pasek Dodaj do koszyka dla PrestaShop – Sticky Add to Cart Lite

PP-M063F
Sprzedaż i Marketing
  • 1.7.5 + | 8.x | 9.x
  • PL, EN
  • 1.2.0
  • 2026-08-14

Sticky Add to Cart Lite to lekki moduł dla PrestaShop, który wyświetla stały pasek z przyciskiem zakupu u dołu ekranu. Pasek aktywuje się automatycznie po przewinięciu strony, gdy główny przycisk dodania do koszyka znika z widoku (viewport).

Rozwiązanie działa w oparciu o czysty Vanilla JS (`IntersectionObserver`), nie obciążając zasobów sklepu. Zapewnia automatyczną synchronizację ceny, wariantów oraz ilości z natywnym formularzem produktu.

Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
Pływający pasek Dodaj do koszyka PrestaShop – Sticky Add to Cart Lite
0,00 zł Netto

Usługi dodatkowe:

Instalacja +97,00 zł
Wsparcie dla motywu +149,00 zł

31 Pobrań
  • Bezpłatny moduł udostępniony społeczności PrestaShop
  • Możliwość zgłaszania sugestii i błędów – poprawki według dostępności
  • Brak gwarancji i wsparcia w standardzie (bez SLA)
  • Pobranie dostępne po zalogowaniu na konto klienta. Limit pobrań: 99
  • Potrzebujesz modyfikacji lub wsparcia? zapytaj o usługę

Parametry Informacyjne:

  • 1.2.0
  • Wersja Sklepu Wersja PHP
    1.7.5 + 7.1 – 7.4
    8.x 8.1 – 8.3
    9.x 8.1 – 8.5
  • 2026-08-14
  • PL, EN
  • ✅
  • ✅
  • ✅
  • ✅
  • ❌

Najważniejsze korzyści

  • Stały dostęp do przycisku zakupu – Umożliwia dodanie produktu do koszyka z dowolnego miejsca na stronie, bez konieczności przewijania do góry.
  • Czysty kod bez bibliotek zewnętrznych – Brak zależności od jQuery czy zewnętrznych skryptów gwarantuje brak negatywnego wpływu na szybkość ładowania.
  • Natywna obsługa formularza – Akcja przycisku jest powiązana bezpośrednio ze standardowym formularzem motywu, co zapobiega konfliktom z innymi modułami.

Zastosowania modułu

Moduł znajduje zastosowanie w sklepach PrestaShop, w których karty produktów zawierają obszerne opisy, specyfikacje techniczne lub opinie, a także w witrynach ze znacznym udziałem ruchu z urządzeń mobilnych.

Funkcjonalności – Back Office

Włączenie paska

Możliwość aktywacji lub wyłączenia paska na stronach produktów.

  • Brak ładowania skryptów – Po wyłączeniu opcji moduł nie wstrzykuje plików JS ani CSS do sklepu.

Pole wyboru ilości

Opcja ukrycia lub wyświetlania pola ilości na pływającym pasku.

  • Dopasowanie widoku – Pozwala pozostawić sam przycisk zakupu na wąskich ekranach.

Wsparcie dla Multistore

Obsługa konfiguracji w kontekście pojedynczego sklepu lub grupy sklepów.

  • Zarządzanie kontekstowe – Ustawienia są zapisywane zgodnie z wybranym kontekstem w panelu.

Funkcjonalności – Front Office

Pływający pasek informacyjny

Pasek zakotwiczony u dołu ekranu wyświetlający podstawowe dane produktu.

  • Detekcja IntersectionObserver – Pasek pojawia się tylko wtedy, gdy główny przycisk opuści widoczny obszar ekranu.

Synchronizacja z formularzem

Bieżąca zmiana ceny, statusu dostępności i ilości po wyborze wariantu.

  • Spójność danych – Wybór nowej kombinacji na stronie automatycznie aktualizuje dane na pasku.

Dostosowanie do urządzeń mobilnych

Optymalizacja widoku dla ekranów smartfonów i tabletów.

  • Kompaktowy interfejs – Elementy paska dostosowują się do dostępnej szerokości ekranu.

Wpływ na sprzedaż i SEO

  • Skrócenie ścieżki zakupu: Mniej kroków i wygoda obsługi na ekranach dotykowych ułatwiają szybkie dodanie produktu do koszyka.
  • Zgodność z Core Web Vitals: Brak obciążenia wątku głównego oraz brak niepożądanych przesunięć układu (CLS) dzięki wykorzystaniu natywnych mechanizmów przeglądarki.
  • Zoptymalizowana struktura DOM: Generowanie minimalnej liczby dodatkowych elementów w kodzie strony.

Uwaga!

Przed instalacją modułu na środowisku produkcyjnym zaleca się wykonanie kopii zapasowej oraz weryfikację działania w połączeniu z niestandardowym motywem sklepu.

# Changelog

## [1.2.0] - 2026-08-14

### Added

- Quantity input on the sticky bar, with a Back Office switch (enabled by default).
- Up and down arrows next to the quantity field, matching the Classic theme spinner.

### Changed

- Discount presentation on the sticky bar: square badge, struck-through regular price.
- Mobile layout below 768px: cart icon instead of the “Add to cart” label; quantity label hidden.
- PrestaShop 9.x package (same features as 8.x; BO CSRF via `UserTokenManager`).

## [1.0.0] - 2026-08-12

### Added

- Initial release of the module.
- Sticky add-to-cart bar on the product page, shown when the main button leaves the viewport.
- Vanilla JS (`IntersectionObserver`), no jQuery.
- Back Office configuration with enable switch, Help tab and PrestaPremium menu.

Zobacz także

FAQs

  • Kiedy pojawia się pływający pasek dodawania do koszyka?

    Pasek jest zakotwiczony u dołu ekranu i pojawia się dopiero wtedy, gdy główny przycisk dodawania do koszyka opuści widoczny obszar strony. Mechanizm wykorzystuje IntersectionObserver i reaguje na aktualną pozycję przewijania.

  • Czy moduły są kompatybilne z moją wersją PrestaShop?

    Każdy moduł w naszym sklepie zawiera informację o kompatybilności z dana wersjami PrestaShop. Prosimy o dokładne sprawdzenie tych danych przed zakupem. Jeśli nie masz pewności, skontaktuj się z nami.

  • Czy moduł korzysta z zewnętrznych bibliotek JavaScript?

    Opis produktu wskazuje na czysty kod bez zależności od jQuery i zewnętrznych skryptów. Pasek jest powiązany bezpośrednio ze standardowym formularzem motywu, co ma ograniczać ryzyko konfliktów z innymi elementami sklepu.

  • Co dzieje się po wyłączeniu paska w konfiguracji?

    Po wyłączeniu funkcji moduł nie wstrzykuje do sklepu własnych plików JavaScript ani CSS. Administrator może aktywować lub dezaktywować pasek na stronach produktów bez konieczności usuwania modułu i bez ładowania jego zasobów.

  • Czy ustawienia paska obsługują Multistore?

    Moduł obsługuje konfigurację w kontekście pojedynczego sklepu albo grupy sklepów. Ustawienia są zapisywane zgodnie z aktualnie wybranym kontekstem w panelu administracyjnym, co pozwala różnicować zachowanie paska między sklepami instalacji Multistore.

  • Jak pasek dostosowuje się do ekranów mobilnych?

    Pasek został zoptymalizowany pod kątem smartfonów i tabletów. Jego elementy dostosowują się do dostępnej szerokości ekranu, aby zachować kompaktowy interfejs. Produkt jest przeznaczony między innymi dla kart z długimi opisami i ruchem mobilnym.

16 innych produktów w tej samej kategorii:

Automatyczny Koszt Dostawy PrestaShop - Kalkulator Wysyłki

Automatyczny koszt dostawy na karcie produktu

PP Shipping Estimate to zaawansowany moduł do PrestaShop , który umożliwia automatyczne obliczanie kosztu dostawy na karcie produktu . Klient nie musi przechodzić do...

99,00 zł
Banner Manager dla PrestaShop
(1)

Banner Manager dla PrestaShop

Wyróżnij promocje, nowości i ważne komunikaty dokładnie wtedy, gdy klient jest najbardziej zaangażowany w zakupy. Zamiast „chować” przekaz w banerach na stronie, możesz...

190,00 zł
Zapytaj o Produkt / Cenę (PRO)

Zapytaj o Produkt / Cenę (PRO)

Zapytaj o produkt / cenę (PRO) to zaawansowany moduł PrestaShop, który dodaje formularz zapytania na karcie produktu oraz bezpośrednio na liście produktów (kategorie,...

249,00 zł

Potrzebujesz dodatkowych funkcji lub indywidualnych rozwiązań dla Twojego sklepu?

  • Modyfikacja modułu zgodnie z Twoimi wymaganiami.
  • Rozbudowa o nowe funkcje zwiększające możliwości Twojego sklepu.
  • Tworzenie dedykowanych modułów dostosowanych do specyficznych potrzeb.
  • Integracja zewnętrznych systemów i dodatkowych narzędzi.
  • Optymalizacja i ulepszenia dla lepszej wydajności i wygody użytkowania.

Masz pomysł, jak ulepszyć to oprogramowanie? Zgłoś swoje sugestie dotyczące optymalizacji, nowych funkcji lub znalezionych błędów – chętnie je przeanalizujemy!

Skontaktuj się z nami!