PrestaShop Design i nawigacja

Moduł Paska Nawigacji Mobilnej PrestaShop 8/9

Nawigacja mobilna jak z natywnej aplikacji, w Twoim sklepie PrestaShop.

Stały pasek zakładek na dole ekranu: strona główna, wyszukiwanie, koszyk, ulubione, konto, z licznikami w czasie rzeczywistym. Gest, który Twoi klienci znają już na pamięć, wreszcie dostępny w Twoim sklepie.

W skrócie
  • Stały pasek zakładek na dole ekranu, w stylu natywnej aplikacji
  • 5 włączalnych zakładek: strona główna, wyszukiwanie, koszyk, ulubione, konto
  • Liczniki na żywo na koszyku i ulubionych
  • Wyszukiwanie w pełnoekranowym overlayu, bez opuszczania strony
  • Automatyczne chowanie przy przewijaniu w dół
PrestaShop 8 i 9 Multistore 5 języków Bez zależności Safe-area iOS
  • Zwrot w 30 dni
  • 12 miesięcy aktualizacji
  • Wsparcie 24 h
www.datafirefly.com/pl/
Stały pasek nawigacji mobilnej na dole ekranu w sklepie PrestaShop
v1.0.0 · zaktualizowano 2026-07-12
Co robi

W skrócie.

01

Odruch z natywnych aplikacji

Twoi klienci spędzają dnie w aplikacjach, w których wszystko rozgrywa się na dole ekranu, w zasięgu kciuka. Pasek zakładek odtwarza dokładnie ten odruch: strona główna, wyszukiwanie, koszyk, ulubione, konto, zawsze widoczne, zawsze osiągalne.

02

Liczniki w czasie rzeczywistym

Liczba pozycji w koszyku i produktów w ulubionych jest widoczna na kolorowej plakietce, aktualizowanej na żywo przy każdym dodaniu, bez przeładowania strony.

03

Wyszukiwanie w pełnoekranowym overlayu

Zakładka wyszukiwania otwiera natychmiastowe pełnoekranowe pole, bez opuszczania bieżącej strony. Do wyboru: proste przekierowanie na stronę wyszukiwania.

04

Inteligentne chowanie przy przewijaniu

Pasek znika, gdy klient przewija w dół, aby czytać, i wraca, gdy tylko przewija w górę. Ekran pozostaje czysty, kiedy trzeba, a nawigacja wraca, kiedy się jej szuka.

Wersja pełna

Wszystko, co warto wiedzieć, zanim zainstalujesz.

Szczegółowe spojrzenie na to, jak działa Moduł Paska Nawigacji Mobilnej PrestaShop 8/9, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.

§ 01

Kciuk decyduje, pasek na dole konwertuje

Ponad połowa ruchu e-commerce jest mobilna, a na mobile wszystko rozgrywa się w dolnej jednej trzeciej ekranu, jedynej strefie, którą kciuk osiąga bez wysiłku. Tymczasem nawigacja sklepu PrestaShop pozostaje skupiona na górze: menu burger, malutki koszyk, zakopane konto. Pasek zakładek przenosi pięć kluczowych miejsc tam, gdzie ręka już na nie czeka.

§ 02

Liczniki, które przypominają o czekającym koszyku

Zapomniany koszyk to stracona sprzedaż. Plakietka z licznikiem utrzymuje koszyk stale widoczny podczas całej nawigacji i aktualizuje się na żywo przy każdym dodaniu, bez przeładowania. Ta sama zasada dla ulubionych: klient w każdej chwili widzi, co odłożył na bok, i wraca do tego jednym dotknięciem.

§ 03

Wyszukiwanie, które nie przerywa ścieżki

Zakładka wyszukiwania otwiera pełnoekranowe pole nad bieżącą stroną: klient szuka, znajduje, a po zamknięciu overlaya odzyskuje swój kontekst. Pole jest zwymiarowane tak, aby uniknąć samoczynnego zoomu Safari na iOS, detal, o którym większość motywów zapomina. Jeśli wolisz prostotę, przekierowanie na natywną stronę wyszukiwania ustawiasz jednym kliknięciem w panelu.

§ 04

Dyskretny, kiedy trzeba, obecny, kiedy się go szuka

Na długiej karcie produktu albo stronie kategorii pasek znika przy przewijaniu w dół, aby uwolnić ekran, i wraca, gdy tylko klient przewija w górę. Zakładka odpowiadająca bieżącej stronie jest podświetlana automatycznie, strefa bezpieczna iOS jest respektowana, aby nigdy nie nachodzić na pasek startowy, a na dole strony dodawany jest odstęp, aby niczego nie zasłaniać.

§ 05

Lekki, autonomiczny, zgodny z PrestaShop 8 i 9

Żadnego fontu ikon, żadnych obrazków, żadnej biblioteki: ikony to liniowe SVG wbudowane w rendering, JavaScript jest czysty, a moduł nie opiera się na żadnym frameworku. Wpina się przez standardowe hooki bez modyfikowania szablonów Twojego motywu, działa w multistore i jest dostarczany z tłumaczeniami na pięć języków.