Nagłówek strony to pasek na górze Twojego sklepu z logo, menu, wyszukiwarką, koszykiem i selektorem kraju. Ten artykuł wyjaśnia każde ustawienie nagłówka i jego pięć bloków.
Gdzie go znaleźć
Otwórz kreator i kliknij nagłówek w podglądzie albo wybierz Nagłówek strony na karcie Sekcje. Aby go dodać, kliknij Dodaj nową sekcję i wybierz Nagłówek strony w grupie Układ. Możesz mieć jeden nagłówek na stronę, na dowolnej stronie. Każda strona ma własną kopię, więc po zakończeniu użyj Zastosuj do wszystkich stron, zobacz Sekcje i bloki.
Nagłówek zawsze ma tych samych pięć bloków: Logo, Menu, Szukaj, Koszyk i Lokalizacja. Nie możesz ich dodawać, usuwać ani zmieniać ich kolejności. Rozmieszczasz je za pomocą ich ustawień Pozycja i Wiersz.
Ustawienia nagłówka
- Przyklejony nagłówek: Przy przewijaniu w górę ukrywa nagłówek, gdy klienci przewijają w dół, i przywraca go, gdy przewijają w górę. Zawsze trzyma go na górze. Przyklejony ze zmniejszonym logo trzyma go na górze i zmniejsza (mniejsze odstępy, mniejsze logo), gdy klienci zaczną przewijać. Nigdy pozwala mu przewinąć się razem ze stroną.
- Szerokość: Strona trzyma zawartość w szerokości strony, Pełny rozciąga ją od krawędzi do krawędzi.
- Schemat kolorów: kolory tła, tekstu i linków nagłówka.
- Przezroczysty nagłówek: usuwa tło nagłówka, żeby było widać obraz banera głównego. Zobacz niżej.
- Wypełnienie (góra, lewo, prawo, dół) i karta Niestandardowy CSS.
Przezroczysty nagłówek
Działa tylko wtedy, gdy Baner główny (hero) jest pierwszą widoczną sekcją tuż pod nagłówkiem, bo nagłówek pożycza schemat kolorów banera dla tekstu i ikon. Traci tło, obramowanie i cień oraz lekko rozmywa to, co jest za nim. Gdy klienci przewiną poza baner, nagłówek odzyskuje własne kolory. Panel wyszukiwania i lista krajów zachowują własne kolory nagłówka. Ustawienia banera są w artykule Sekcja hero.
Logo
- Logo: wybierz obraz logo. Bez obrazu nazwa sklepu wyświetla się jako tekst.
- Pozycja: Lewo, Środek lub Prawo. Szerokość i Wysokość: rozmiar ramki logo w pikselach.
- Odstęp na komputerze: przestrzeń wokół logo, tylko na komputerach.
Kliknięcie logo otwiera stronę główną. Aby to wyłączyć, włącz Zapobiegaj klikaniu logo, aby przejść na stronę główną, zobacz Ustawienia zakazów.
Menu
Wybierz jedno ze swoich menu w polu Menu. Pozostałe ustawienia pojawią się po wybraniu menu. Menu tworzy się zgodnie z artykułem Jak tworzyć menu nawigacji i dodawać je do nagłówka i stopki?.
- Typ: Mega (duże panele z kolumnami), Lista rozwijana (proste listy) lub Szuflada (panel boczny otwierany przyciskiem menu).
- Pozycja i Wiersz: gdzie znajduje się menu. Góra to główny wiersz z logo, Dół dodaje drugi wiersz pod nim. Niedostępne dla Szuflady.
- Schemat kolorów: kolory otwartego panelu menu.
- Układ mobilny: na telefonach i tabletach menu przenosi się do szuflady. Włącz Pasek nawigacji, aby zamiast tego pokazać je jako pasek pod nagłówkiem, z własnym ustawieniem Schemat kolorów paska nawigacji. Niedostępne dla Szuflady.
Wyszukiwarka, koszyk i lokalizacja
- Szukaj: ikona wyszukiwania, która otwiera pole wyszukiwania. Ustaw Pozycja (Lewo lub Prawo) i Wiersz.
- Koszyk: ikona koszyka z liczbą produktów. Typ koszyka to Szuflada (panel boczny), Lista rozwijana (mini koszyk pod ikoną) lub Strona (otwiera stronę koszyka). Schemat kolorów nadaje styl szufladzie lub liście rozwijanej. Szuflada i Lista rozwijana mają też przełącznik Pasek bezpłatnej wysyłki, zobacz Jak działa pasek darmowej wysyłki?.
- Lokalizacja: przycisk z listą Twoich rynków, aby klienci mogli zmienić kraj. Włącz Selektor kraju, aby go pokazać. Pokaż flagi wyświetla na przycisku flagę bieżącego kraju, a w przeciwnym razie ikonę globusa. Ustaw Pozycja i Wiersz.
Warto wiedzieć
- Przezroczysty nagłówek nic nie zmienia: sprawdź, czy baner główny jest bezpośrednio pod nagłówkiem. Pasek ogłoszeń lub inna sekcja pomiędzy go blokuje.
- Selektor kraju się nie pokazuje: potrzebne są co najmniej dwa rynki, zobacz Jak skonfigurować rynki, aby sprzedawać w kilku krajach?.
- Brakuje pozycji menu: edytuj samo menu, a nie nagłówek.