Jak utworzyć menu nawigacyjne i dodać je do nagłówka oraz stopki?

Do czego służą menu

Menu nawigacyjne to wielokrotnego użytku lista linków. Tworzysz menu raz w sekcji Menus na swoim pulpicie, a następnie wskazujesz nagłówek lub stopkę na wybrane menu w kreatorze. Te same menu są dostępne w całym sklepie, więc jedno menu możesz wykorzystać w kilku miejscach.

Otwieranie sekcji Menus

Przejdź do Menus z głównej nawigacji. Lista pokazuje wszystkie utworzone przez Ciebie menu, od najnowszych, wraz z datą utworzenia. Potrzebujesz uprawnienia Menus, aby otworzyć i edytować tę sekcję.

Tworzenie nowego menu

1. Kliknij Create new menu. Otworzy się okno modalne.
2. Wpisz Menu name (wymagane, do 50 znaków). Nazwa służy tylko do Twojej informacji i nie jest widoczna dla kupujących.
3. Dodaj elementy w obszarze Menu items (patrz niżej).
4. Kliknij Save.

Menu musi zawierać przynajmniej jeden element z etykietą i linkiem, w przeciwnym razie zapis zostanie odrzucony komunikatem "Please enter the first label".

Dodawanie elementów menu

Wpisz w puste pole Label, aby utworzyć pierwszy element. Gdy element zostanie dodany, pojawi się pole Link, a pod spodem pojawi się nowe puste pole etykiety, abyś mógł dodawać kolejne elementy.

• Label: tekst widoczny dla kupujących, do 50 znaków.
• Link: miejsce docelowe. Musi to być pełny adres internetowy (np. https://example.com) lub wewnętrzna ścieżka sklepu do dwóch segmentów, np. /products, /collections/shoes lub /pages/about.

Pole Link zawiera szybkie wybieraki, dzięki czemu nie musisz wpisywać ścieżek ręcznie: Home page, Search page oraz wyszukiwane listy collections, Products i Pages.

Zagnieżdżanie i limity

Menu obsługują trzy poziomy. Każdy element może mieć elementy podrzędne, a każdy podrzędny własne elementy:

• Label (poziom główny): do 5 elementów.
• Sub label (drugi poziom): do 10 elementów pod każdym głównym elementem.
• Specific label (trzeci poziom): do 10 elementów pod każdą sub etykietą.

Gdy poziom jest pełny, pole dodawania jest wyłączone i pojawia się komunikat "limit reached". Sposób wyświetlania zagnieżdżonych elementów kupującym (np. jako rozwijane menu, panel mega menu lub wysuwany panel) wybierasz później w kreatorze, nie tutaj. Edytor menu definiuje tylko strukturę linków.

Zmiana kolejności i usuwanie elementów

Przeciągnij element za uchwyt (ikona pasków po lewej), aby zmienić jego kolejność w danym poziomie. Kliknij czerwony przycisk kosza na elemencie, aby usunąć go wraz z wszystkimi zagnieżdżonymi pod nim elementami.

Edycja lub usuwanie menu

1. Kliknij wiersz menu na liście, aby je otworzyć. W oknie modalnym zobaczysz nazwę i wszystkie bieżące elementy.
2. Zmień nazwę lub elementy, a następnie kliknij Save. Przycisk Save pozostaje nieaktywny, dopóki nie wprowadzisz zmian.

Aby usunąć menu, zaznacz pole wyboru przy każdym wierszu menu i kliknij Delete menus na pasku akcji tabeli. Usunięcie menu, do którego nadal odwołuje się nagłówek lub stopka, spowoduje, że ten blok nie będzie miał linków, dopóki nie przypiszesz innego menu.

Podłączanie menu do nagłówka

1. Otwórz builder i wybierz sekcję Header, następnie kliknij element Menu.
2. W sekcji Menu kliknij Select menu. Otworzy się lista rozwijana z polem wyszukiwania i Twoimi menu. Wybierz jedno. (Lista wstępnie ładuje 10 najnowszych menu, wpisz w pole wyszukiwania, aby znaleźć starsze.)
3. Po wybraniu menu pojawią się przyciski Replace, Edit (otwiera menu w nowej karcie) i Remove.
4. Sekcje Appearance i Mobile layout pojawią się dopiero po wybraniu menu. Skonfiguruj je, a następnie opublikuj stronę.

Opcje wyglądu menu w nagłówku

• Type: Mega menu (duże panele wielokolumnowe), Dropdown (proste listy) lub Drawer (wysuwany panel).
• Position: lewo, środek lub prawo w nagłówku.
• Row: góra (ten sam wiersz co logo) lub dół (osobny wiersz poniżej).
• Color scheme: jeden z 9 schematów kolorystycznych motywu (0 do 8) dla rozwijanego menu lub panelu mega menu.
• Mobile layout: przełącznik Navigation bar oraz własny schemat kolorów.

Jeśli ustawisz typ na Drawer, kontrolki Position, Row i Mobile layout są ukryte, ponieważ panel zawsze jest zakotwiczony do krawędzi początkowej.

Podłączanie menu do stopki

1. Otwórz kreator i wybierz sekcję Footer.
2. Jeśli nie ma jeszcze bloku Menu, dodaj go za pomocą kontrolki dodawania bloku w stopce. Stopka może mieć tylko jeden blok Menu.
3. W bloku Menu kliknij Select menu i wybierz menu. Blok Menu w stopce nie ma opcji typu wyświetlania: po prostu wyświetla linki z menu.
4. Opublikuj stronę.

Zachowanie na różnych rynkach i publikacja

• Twoje menu są współdzielone w całym sklepie. To, do którego menu odwołuje się nagłówek lub stopka, jest zapisane w szablonie kreatora, więc różne szablony mogą wskazywać różne menu.
• Podgląd w kreatorze aktualizuje się natychmiast, ale kupujący zobaczą nowe lub zmienione menu dopiero po opublikowaniu strony, która je wykorzystuje.
• Edycja elementów menu aktualizuje je wszędzie tam, gdzie są używane, po opublikowaniu odpowiednich stron. Nie musisz ponownie ich podłączać.
• Stosuj jasne nazwy, takie jak "Main navigation" i "Footer links". Menu nagłówka zwykle zawierają główną nawigację, a menu stopki linki prawne i dodatkowe, więc rozdzielenie ich to najprostsze rozwiązanie.