Header este bara din partea de sus a magazinului, cu logoul, meniul, căutarea, coșul și selectorul de țară. Acest articol explică fiecare setare a antetului și cele cinci blocuri ale lui.
Unde îl găsești
Deschide the builder și dă clic pe antet în previzualizare sau alege Header în fila Sections. Ca să adaugi unul, apasă Add new section și alege Header din grupul Layout. Poți avea un antet pe pagină, pe orice pagină. Fiecare pagină își păstrează propria copie, așa că folosește Apply to all pages după ce termini, vezi Secțiuni și blocuri.
Antetul are mereu aceleași cinci blocuri: Logo, Menu, Search, Cart și Localization. Nu le poți adăuga, elimina sau reordona. Le așezi cu propriile setări Position și Row.
Setările antetului
- Sticky header: On scroll up ascunde antetul când cumpărătorii derulează în jos și îl readuce când derulează în sus. Always îl ține mereu sus. Sticky with reduced logo îl ține sus și îl micșorează (mai puțin spațiu, logo mai mic) când cumpărătorii derulează. Never îl lasă să plece odată cu pagina.
- Width: Page păstrează conținutul în lățimea paginii, Full îl întinde de la o margine la alta.
- Color scheme: fundalul, textul și culorile linkurilor din antet.
- Transparent header: elimină fundalul antetului, ca imaginea din hero să se vadă prin el. Vezi mai jos.
- Padding (sus, stânga, dreapta, jos) și fila Custom CSS.
Antetul transparent
Funcționează doar când un Hero este prima secțiune vizibilă imediat sub antet, pentru că antetul preia schema de culori a hero-ului pentru text și pictograme. Renunță la fundal, chenar și umbră și estompează ușor ce se află în spate. Când cumpărătorii derulează dincolo de hero, antetul își recapătă culorile. Panoul de căutare și lista de țări își păstrează culorile antetului. Setările hero-ului sunt în Secțiunea Hero.
Logo
- Logo: alege imaginea logoului. Fără imagine, numele magazinului apare ca text.
- Position: Left, Center sau Right. Width și Height: dimensiunea casetei logoului, în pixeli.
- Desktop padding: spațiu în jurul logoului, doar pe calculatoare.
Logoul deschide pagina principală când dai clic pe el. Ca să oprești asta, pornește Prevent clicking the logo to go home, vezi Setările de interdicții.
Meniul
Alege unul dintre meniurile tale în Menu. Celelalte setări apar după ce alegi un meniu. Meniurile se creează în Cum creez meniuri de navigare și le adaug în antet și subsol?.
- Type: Mega (panouri mari cu coloane), Dropdown (liste simple) sau Drawer (un panou lateral deschis de un buton de meniu).
- Position și Row: unde stă meniul. Top este rândul principal, cu logoul, Bottom adaugă un al doilea rând dedesubt. Nu apare pentru Drawer.
- Color scheme: culorile panoului de meniu deschis.
- Mobile layout: pe telefoane și tablete, meniul trece într-un drawer. Pornește Navigation bar ca să-l afișezi în schimb ca bară sub antet, cu propria Navigation bar color scheme. Nu apare pentru Drawer.
Căutare, coș și localizare
- Search: o pictogramă de căutare care deschide un câmp de căutare. Setează Position (Left sau Right) și Row.
- Cart: pictograma coșului cu numărul de produse. Cart type este Drawer (panou lateral), Dropdown (mini coș sub pictogramă) sau Page (deschide pagina coșului). Color scheme stilizează drawerul sau dropdownul. Drawer și Dropdown au și comutatorul Free shipping bar, vezi Cum funcționează bara de transport gratuit?.
- Localization: un buton care afișează piețele tale, ca cumpărătorii să poată schimba țara. Pornește Country selector ca să-l afișezi. Show flags arată pe buton steagul țării curente, altfel o pictogramă glob. Setează Position și Row.
Bine de știut
- Antetul transparent nu face nimic: verifică dacă Hero-ul stă direct sub antet. O bară de anunțuri sau altă secțiune între ele îl oprește.
- Selectorul de țară nu apare: are nevoie de cel puțin două piețe, vezi Cum configurez piețe ca să vând în mai multe țări?.
- Lipsesc elemente din meniu: editează meniul în sine, nu antetul.