Ustawienia menu
Zmień układ, elementy, animację, odstępy i inne ustawienia, które dotyczą całego menu.
Karta Ustawienia określa, gdzie pojawia się menu oraz jak wygląda i działa każdy jego element. Aby zmienić wygląd pojedynczego elementu, użyj jego własnych ustawień — zobacz Edytowanie elementu menu.
Otwieranie ustawień
-
Otwórz kartę Ustawienia
W Menedżerze menu otwórz menu, a potem kliknij ikonę koła zębatego na lewym pasku bocznym edytora. Podgląd aktualizuje się podczas edycji.
Ikona koła zębatego otwiera ustawienia menu. -
Zapisz i opublikuj
Kliknij Zapisz, a potem Opublikuj.
Poniższe wartości domyślne to wartości, od których zwykle zaczyna nowe menu; niektóre zależą od szablonu.
Ustawienia
Pozycja
- Zastąp automatycznie
- Aplikacja znajduje menu główne szablonu i je zastępuje.
- Zastąp istniejące menu
- Wybierasz menu szablonu do zastąpienia w polach Wybierz menu główne i Wybierz menu mobilne.
- Pokaż menu na tym selektorze CSS
- Wpisujesz selektor obszaru w polach Selektor CSS menu głównego i Selektor CSS menu mobilnego. Używaj tej opcji tylko wtedy, gdy powyższe nie działają w Twoim szablonie.
Każda opcja jest opisana krok po kroku na stronie Publikowanie menu.
Układ i elementy
- Orientacja
- Poziomo wyświetla elementy najwyższego poziomu w wierszu. Pionowo układa je w kolumnie, jak menu boczne.
- Wyrównanie
- Wyrównuje elementy najwyższego poziomu na pasku menu do lewej, do prawej lub do środka.
- Maksymalna szerokość menu
- Maksymalna szerokość menu w px, np.
1200. Puste pole oznacza pełną dostępną szerokość. - Pokaż pole wyszukiwania
- Dodaje do menu pole wyszukiwania produktów.
- Pokaż separator na komputerze
- Linia oddzielająca elementy najwyższego poziomu na komputerze. Kolor: Kolory > Separator color.
- Pokaż separator na telefonie
- Linie oddzielające elementy w menu mobilnym.
- Pokaż wskaźniki (strzałka w dół)
- Mała strzałka obok elementów, które mają podmenu.
Podmenu
- Pokaż obramowanie
- Obramowanie wokół podmenu. Kolor: Kolory > Podmenu > Border color.
- Włącz pasek przewijania na komputerze
- Klienci mogą przewijać podmenu wyższe niż ekran, zamiast widzieć je obcięte.
- Włącz pasek przewijania na telefonie
- To samo dla menu mobilnego.
- Maksymalna szerokość podmenu
- Maksymalna szerokość podmenu w px. Puste pole oznacza szerokość domyślną.
- Sposób otwierania na urządzeniach mobilnych
- Rozwijane rozwija podmenu pod elementem nadrzędnym. Wysuwane otwiera je jako nowy panel z możliwością powrotu do poprzedniego poziomu.
Animacja menu
- Wyzwalacz – komputer
- Jak otwierają się podmenu na komputerze: Najechanie kursorem, Kliknięcie lub Przełącz kliknięciem.
- Wyzwalacz – telefon
- Jak otwierają się podmenu w menu mobilnym, z tymi samymi trzema opcjami.
- Efekt
- Animacja otwierania: Zanikanie lub Przesuń w górę.
- Szybkość przejścia
- Długość animacji w ms, do 1500.
- Opóźnienie przejścia
- Czas oczekiwania przed otwarciem lub zamknięciem podmenu, w ms, do 1500. Przy opcji Najechanie kursorem zapobiega migotaniu podmenu, gdy mysz przesuwa się nad elementami.
Wyzwalacze:
- Najechanie kursorem — podmenu otwiera się, gdy mysz znajdzie się nad elementem.
- Kliknięcie — pierwsze kliknięcie lub dotknięcie otwiera podmenu; ponowne kliknięcie elementu przechodzi pod jego link.
- Przełącz kliknięciem — każde kliknięcie otwiera lub zamyka podmenu; element nadrzędny nigdy nie przechodzi pod swój link.
Linki konta
Skróty do konta klienta, które zmieniają się w zależności od stanu zalogowania. Domyślnie wszystkie są wyłączone. Włączenie jednego z nich pokazuje pola ikony i tytułu (np. Ikona logowania i Tytuł logowania, aby zmienić „Login” na „Zaloguj się”).
- Pokaż link logowania
- Wyświetlany, gdy klient nie jest zalogowany.
- Pokaż link rejestracji
- Link do założenia konta. Wyświetlany, gdy klient nie jest zalogowany.
- Pokaż link konta
- Link do strony konta klienta. Wyświetlany, gdy klient jest zalogowany.
- Pokaż link wylogowania
- Wyświetlany, gdy klient jest zalogowany.
Odstępy
Przeciągnij suwak lub wpisz wartość w px.
- Wypełnienie menu głównego
- Poziomy odstęp po obu stronach każdego elementu najwyższego poziomu.
- Wysokość wiersza menu głównego
- Wysokość paska menu najwyższego poziomu.
- Wysokość wiersza listy rozwijanej
- Wysokość każdego wiersza w menu rozwijanym.
- Wysokość wiersza zakładki
- Wysokość każdej zakładki w menu z zakładkami.
- Wysokość wiersza listy linków
- Wysokość każdego linku w bloku listy linków.
Karuzela
Dotyczy bloków przewijanych, takich jak karuzele produktów i slider obrazów.
- Odtwarzanie automatyczne
- Slajdy przesuwają się same.
- Pętla nieskończona
- Po ostatnim slajdzie karuzela zaczyna od pierwszego.
Zaawansowane
- Menu mobilne, gdy szerokość jest mniejsza niż
- Szerokość ekranu w px, poniżej której używane jest menu mobilne. Szersze ekrany dostają menu na komputer.
- Ukryj podmenu bloku listy linków
- Tylko na telefonie. Zwija linki pod każdym nagłówkiem listy linków; klienci dotykają strzałki nagłówka, aby je rozwinąć.
- Pokaż przycisk Dodaj do koszyka
- Przycisk dodawania do koszyka przy produktach w blokach produktów menu. Kolory: Kolory > Przycisk Dodaj do koszyka.
- Włącz leniwe ładowanie obrazów
- Wczytuje obrazy menu dopiero wtedy, gdy są potrzebne, co pomaga szybkości strony. Zalecamy pozostawienie tej opcji włączonej.
Rozwiązywanie problemów
Dotknięcie elementu nadrzędnego na telefonie nie otwiera jego strony
Gdy Wyzwalacz – telefon jest ustawiony na Przełącz kliknięciem, dotknięcie elementu nadrzędnego tylko otwiera jego podmenu. Zmień go na Kliknięcie lub dodaj stronę nadrzędną jako pierwszy link w podmenu. Zobacz Dlaczego element menu nie otwiera się na telefonie?.
Menu mobilne nie pojawia się na tablecie lub małym laptopie
Menu na komputer jest używane na każdym ekranie szerszym niż wartość Menu mobilne, gdy szerokość jest mniejsza niż. Zwiększ tę wartość.
Czy to było pomocne?
Dziękujemy za opinię! Powiedz nam, czego zabrakło
Zgłoś problem