PrestaShop Design i nawigacja

Swipe Shopping Mobile: odkrywanie produktów w stylu Tindera

Swipe, żeby polubić, gest, żeby kupić

Nawigacja po kategorii w trybie Tindera i stories: Twoi mobilni odwiedzający odkrywają produkty karta po karcie, lajkują swipe'em w prawo i dodają do koszyka swipe'em w górę.

W skrócie
  • Pełnoekranowy deck kart typu Tinder na stronach kategorii, z paskiem postępu w stylu stories
  • Swipe w prawo = lista życzeń (klienci ORAZ goście), swipe w górę = dodanie do koszyka, swipe w lewo = pomiń
  • Natywna analityka w zapleczu: wyświetlenia, polubienia, pominięcia, koszyki i współczynnik polubień per produkt
  • Vanilla JS bez jQuery i zależności, zgodny z PrestaShop 8 i 9, multisklep i wielojęzyczność
PrestaShop 8 i 9 Mobile-First Lista życzeń Analityka
  • Zwrot w 30 dni
  • 12 miesięcy aktualizacji
  • Wsparcie 24 h
www.datafirefly.com/pl/
Odkrywanie produktów przez swipe na urządzeniu mobilnym w PrestaShop, w stylu Tindera
v1.0.0 · zaktualizowano 2026-07-16
Co robi

W skrócie.

01

Swipe w prawo = lista życzeń

Każde polubienie jest zapisywane w bazie zarówno dla zalogowanych klientów, jak i gości, z automatycznym mostkiem do modułu blockwishlist, gdy jest zainstalowany. Żadne polubienie nie ginie.

02

Swipe w górę = koszyk

Super-like dodaje produkt bezpośrednio do koszyka z poszanowaniem minimalnej ilości, a następnie odświeża licznik koszyka motywu przez standardowe zdarzenie updateCart.

03

Analityka preferencji produktowych

Dashboard w zapleczu zlicza wyświetlenia, polubienia, pominięcia i dodania do koszyka, z globalnym współczynnikiem polubień i rankingiem ulubionych produktów: prawdziwy sygnał merchandisingowy.

04

Zero zależności, zero tarcia

Silnik swipe w vanilla JS (pointer events), bez jQuery i zewnętrznych bibliotek. Overlay niezależny od motywu, wibracja haptyczna, dostępność i reduced motion respektowane.

Wersja pełna

Wszystko, co warto wiedzieć, zanim zainstalujesz.

Szczegółowe spojrzenie na to, jak działa Swipe Shopping Mobile: odkrywanie produktów w stylu Tindera, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.

§ 01

Odkrywanie produktów, na które czeka pokolenie TikToka

Na mobile klasyczne siatki produktów męczą: scrollujemy, przeskakujemy, wychodzimy. Swipe stał się za to uniwersalnym odruchem. Ten moduł zamienia dowolną stronę kategorii w pełnoekranowy deck kart: jeden produkt naraz, ładne zdjęcie, cena i trzy możliwe gesty. Uwaga odwiedzającego jest przechwycona, sesja się wydłuża, a odkrywanie staje się zabawą zamiast obowiązkiem.

§ 02

Trzy gesty, zero tarcia

Swipe w prawo, żeby polubić, w lewo, żeby pominąć, w górę, żeby dodać do koszyka: ścieżka zakupowa sprowadza się do gestów, które każdy już zna. Pasek postępu w stylu stories pokazuje zaawansowanie, przyciski akcji dublują gesty dla dostępności, a ekran końcowy podsumowuje ulubione produkty sesji z bezpośrednim dostępem do kart. Na desktopie pałeczkę przejmują strzałki klawiatury.

§ 03

Polubienia, które nigdy nie giną

Każdy swipe w prawo jest zapisywany w bazie, zarówno dla zalogowanych klientów, jak i anonimowych odwiedzających. Jeśli moduł blockwishlist jest zainstalowany, produkt trafia też automatycznie na listę życzeń zalogowanego klienta, bez podwójnego wpisywania. Polubienia gości pozostają przypięte do ich sesji i mogą być scalone z kontem po zalogowaniu: sygnał zainteresowania przeżywa całą ścieżkę.

§ 04

Mierz, co Twoi klienci naprawdę lubią

Każda wyświetlona karta, każde polubienie, każde pominięcie i każde dodanie do koszyka zasila dedykowany dashboard w zapleczu: globalny współczynnik polubień, ranking ulubionych produktów, atrakcyjność per produkt. To bezpośredni sygnał merchandisingowy: odkrywasz, które produkty uwodzą od pierwszego wejrzenia, a które pozostawiają obojętnym, bez ankiet i zewnętrznych narzędzi. Wszystkie dane zostają w Twojej bazie: nic nie jest wysyłane do usług zewnętrznych.