Tworzenie mobilnego menu

Możesz utworzyć blok menu mobilnego z własnymi ikonami oraz pozycjami menu rozwijanego i podpunktami. Aby to zrobić, przejdź do sekcji „Moje bloki/Menu» i wybierz „Menu urządzenia mobilnego: Aplikacja» i kliknij „Dodaj blok/menu urządzenia mobilnego». Wybierz ikony, które chcesz wyświetlić, utwórz pozycje menu i kliknij Zapisz.

Ten kod menu mobilnego jest buforowany i aktywowany tylko przy określonym rozmiarze ekranu (domyślnie - mniej niż 768px). Konstruktor menu mobilnego umożliwia korzystanie z niestandardowych ikon koszyka na zakupy, rozwijanego menu wyszukiwania, filtra wyszukiwania, stron wyskakujących z ładowaniem danych ajax (bez odświeżania strony), wyskakujących informacji zwrotnych i formularzy wywołań zwrotnych, ikony ulubionych i produktów do porównania. Możesz zmienić kolor mobilnego menu i ikon, wgrać własne ikony, zmienić kolejność ikon oraz ukryć główny nagłówek strony lub jej elementy.

Wymiana przycisku menu mobilnego

Menu mobilne można załadować przy określonym rozmiarze ekranu lub po naciśnięciu przycisku. Aby umożliwić ładowanie menu mobilnego za pomocą przycisku, w sekcji «Widżet menu mobilnego: Aplikacja» otwórz żądane menu, a w zakładce «Aktywacja menu» włącz opcję «Zamień przycisk wywołania menu głównego». Aby aktywować menu mobilne, możesz użyć dowolnej «Klasy» lub «ID». Domyślnie, jeśli włączone jest «Menu główne», zostanie ono ukryte na ekranie mniejszym niż 768px i zastąpione elementem «.hotengine-mainmenu-mobile-icon». Ten element będzie używany jako przycisk mobilny, chyba że określisz element niestandardowy. W przypadku menu mobilnego możesz ustawić położenie, szerokość, tło, styl projektu, a także ustawić ikony.