Moduł dodaje pasek skrótów przy krawędzi ekranu. Możesz utworzyć na przykład dolne menu na telefon z kategoriami, wyszukiwarką, koszykiem i kontem klienta.
Pływające menu, wersja 0.1.4.
Na tej stronie
Otwórz ustawienia modułu
Zaloguj się do panelu administracyjnego swojego sklepu. To panel, w którym dodajesz produkty i sprawdzasz zamówienia.
W menu po lewej wybierz Moduły → Menedżer modułów. W wyszukiwarkę wpisz ajitfloatmenu.
Przy znalezionym module kliknij Konfiguruj. Jeżeli korzystasz z kilku sklepów w jednym panelu, przed zmianą ustawień wybierz właściwy sklep w górnym pasku.
Jeżeli modułu nie ma na liście, kliknij Załaduj moduł lub Wgraj moduł, wybierz otrzymany plik ZIP i poczekaj na zakończenie instalacji. Nie rozpakowuj ZIP-a przed wgraniem. Następnie kliknij Konfiguruj.
Utwórz pasek na telefon
Kliknij Dodaj menu.
W polu Nazwa (tylko w BO) wpisz Menu na telefon. BO oznacza panel administracyjny — tej nazwy klient nie zobaczy.
Ustaw Aktywne na Tak, Pozycja na dolną, a Urządzenia na tylko mobile.
W polu Breakpoint pozostaw 992. To szerokość ekranu w pikselach rozdzielająca widok mobilny i komputerowy.
Na pierwszy test wybierz zachowanie „zawsze widoczne”. Później możesz wybrać Smart: pasek chowa się przy przewijaniu w dół i wraca przy przewijaniu w górę.
Pozostaw włączone Pokazuj etykiety pod ikonami, aby klient widział nazwy skrótów. Włącz Ukryj w koszyku i checkoucie, jeśli pasek ma znikać podczas składania zamówienia.
Kliknij Zapisz. Sam pusty pasek nie wystarczy — teraz dodaj do niego pozycje.
Dodaj skrót do kategorii
Na liście menu znajdź utworzony pasek i wybierz zarządzanie jego pozycjami w kolumnie Pozycje menu.
Kliknij Dodaj pozycję. W polu Etykieta wpisz Kategorie.
W polu Typ wybierz Panel: drzewko kategorii. Panel oznacza okno, które rozwinie się po dotknięciu ikony.
Wybierz ikonę menu z dostępnej biblioteki. Nie musisz wgrywać własnej grafiki.
W polu Korzeń drzewka kategorii wybierz kategorię nadrzędną obejmującą asortyment, który ma się pojawić. Ustaw Głębokość drzewka na 2, aby pokazać dwa poziomy.
Ustaw pozycję jako aktywną i kliknij Zapisz.
Dodaj pozostałe skróty
Ponownie klikaj Dodaj pozycję i utwórz po jednym skrócie:
Szukaj — typ Panel: wyszukiwarka, ikona lupy.
Koszyk — typ Koszyk, ikona koszyka.
Konto — typ Moje konto, ikona osoby.
Za każdym razem wpisz etykietę, wybierz typ i zapisz. Dla tych gotowych typów nie musisz ręcznie wpisywać adresów stron. Typ Link wybierz wtedy, gdy chcesz podać własny adres, np. konkretnej strony z informacjami.
Na liście pozycji użyj strzałek W górę i W dół, aby ustalić kolejność. W sklepie wielojęzycznym uzupełnij etykiety w każdym używanym języku.
Sprawdź menu na telefonie
Otwórz sklep na telefonie i odśwież stronę. Sprawdź, czy pasek pojawił się przy dolnej krawędzi.
Dotknij „Kategorie”, rozwiń podkategorię, a następnie zamknij panel dotknięciem poza nim.
Otwórz wyszukiwarkę, wpisz nazwę produktu i uruchom wyszukiwanie.
Sprawdź skróty do koszyka i konta. Dodaj produkt do koszyka i sprawdź licznik koszyka, jeśli został włączony w pozycji menu.
Otwórz sklep na komputerze. Przy ustawieniu „tylko mobile” ten pasek powinien być ukryty.
Gdy pasek się nie pojawia
Menu jest aktywne, ale go nie widać
Sprawdź, czy zawiera aktywne pozycje i czy testujesz właściwy typ urządzenia. Przy ukrywaniu w koszyku wybierz do testu zwykłą kartę produktu.
Pasek nadal jest niewidoczny
Motyw musi udostępniać miejsce wyświetlania displayBeforeBodyClosingTag. Przekaż tę nazwę osobie obsługującej motyw, aby sprawdziła podłączenie modułu.
Pasek zasłania inny element
Zmień jego pozycję lub ogranicz urządzenia. Sprawdź zwłaszcza, czy na dole ekranu nie znajdują się już baner cookies, czat albo przyklejony przycisk zakupu.