Antete și subsoluri

Antetul site-ului web reprezintă secțiunea superioară a unei pagini web și include de obicei elemente precum sigla, meniul de navigare, bara de căutare și butonul de conectare sau de cont de client. Subsolul este afișat în partea de jos a unei pagini web și conține de obicei detalii de contact, linkuri, mențiuni legale și alte informații utile. Ambele pot fi personalizate după cum este necesar.

Conținut header

Antetul include informații despre companie, butoane de acces rapid și meniuri ale site-ului web pentru a ajuta utilizatorii să navigheze eficient pe site. De asemenea, anteturile și meniurile bine structurate și ușor de utilizat joacă un rol important în îmbunătățirea poziționării în motoarele de căutare.

Editor de meniu

Editorul de meniuri vă permite să editați antetul site-ului web și să adăugați elemente de meniu și mega meniuri.

Pentru a deschide editorul de meniuri, accesați Site web ‣ Site ‣ Editor meniu. De acolo, puteți:

• Redenumiți un element de meniu sau modificați adresa URL a acestuia utilizând pictograma (Editare element de meniu).

• Ștergeți un element de meniu utilizând pictograma (Ștergere element de meniu).

• Mutați un element de meniu glisându-l și plasându-l în locația dorită din meniu.

• creați un meniu derulant obișnuit trăgând și plasând elementele din submeniu la dreapta, sub meniul părinte.

Sfat

De asemenea, puteți accesa editorul de meniuri din editorul site-ului web. Pentru a face acest lucru, alegeți una dintre variante:

• Selectați orice element de meniu și faceți clic pe Editare meniu, sau

  

• Navigați la fila Stil și faceți clic pe Editare meniu lângă titlul secțiunii Antet.

Adăugare elemente de meniu

Implicit, paginile sunt adăugate la meniu ca elemente din meniul drop-down atunci când sunt create. Pentru a adăuga un nou element de meniu, urmează acești pași:

1. În editorul de meniuri, faceți clic pe Adăugare element de meniu.

2. În fereastra pop-up, introduceți Titlu care urmează să fie afișat în meniu.

3. În câmpul URL sau e-mail, tastați / pentru a căuta o pagină existentă pe site-ul web sau # pentru a căuta o ancoră personalizată existentă.

   Notă

   Pentru a adăuga un element de meniu pentru o pagină care nu există încă, introduceți noua adresă URL sau ancoră și faceți clic pe Creare pagină în fereastra pop-up Editare meniu. Dacă adăugați elementul de meniu fără a crea pagina corespunzătoare, linkul va trimite către o pagină de eroare 404.

4. Faceți clic pe Continue.

5. Ajustați structura meniului dacă este necesar.

6. Faceți clic pe Salvați.

Design element de meniu

Pentru a modifica designul elementelor de meniu, faceți clic pe Editare în colțul din dreapta sus și selectați antetul. Apoi, mergeți la fila Stil și navigați la secțiunea Navigare. Sunt disponibile următoarele opțiuni:

• Ajustați alinierea secțiunii Meniu desktop pentru dispozitive desktop.

• Ajustați alinierea și poziția secțiunii Meniu mobil pentru dispozitive mobile.

• Alegeți dacă Submeniuri se deschid La trecerea cursorului sau La clic.

• Selectați un Stil link pentru a evidenția pagina curentă în meniu.

Notă

Opțiunile disponibile în secțiunea Navigare pot varia în funcție de șablonul selectat.

Ascundere element de meniu dinamic pentru utilizatorii neautentificați

Pentru a ascunde elementul de meniu Magazin pentru utilizatorii neautentificați, restricționați accesul la comerțul electronic pentru utilizatorii autentificați.

Pentru a ascunde pentru utilizatorii neautentificați alte elemente de meniu asociate paginilor dinamice (adică un element de meniu generat automat de Odoo, de exemplu la instalarea unei aplicații sau a unui modul, cum ar fi Evenimente, Cursuri etc.), urmați acești pași:

1. Activează modul dezvoltator.

2. Accesează Website ‣ Configuration ‣ Menus.

3. Dacă este necesar, extindeți lista de meniuri pentru site-ul web relevant.

4. Selectați elementul de meniu pe care doriți să îl ascundeți.

5. În secțiunea Grupuri vizibile, faceți clic pe Adăugați o linie.

6. Căutați grupul cu Nume Rol / Portal și Selectați-l.

7. Salvează.

Sfat

Puteți personaliza în continuare elementele de meniu în acest formular de element de meniu. De exemplu:

• Bifați caseta Fereastră nouă pentru a deschide pagina într-o filă nouă la clic.

• Adăugați o Pagină asociată sau o Pagină de model asociată.

• Atribuiți un Meniu părinte și/sau Meniuri secundare pentru a crea o ierarhie.

Vedeți și

Gestionarea vizibilității paginilor statice

Mega-meniuri

Mega-meniurile sunt similare cu meniurile derulante, dar în loc să afișeze o listă simplă de submeniuri, acestea prezintă un panou împărțit în grupuri de opțiuni de navigare. Ele sunt deosebit de utile pentru site-urile web cu o cantitate mare de conținut sau site-uri web de comerț electronic, deoarece pot ajuta la includerea tuturor paginilor web sau a categoriilor de comerț electronic în meniu, menținând în același timp toate elementele de meniu vizibile simultan.

Pentru a crea un mega-meniu, urmați acești pași:

1. În editorul de meniuri, faceți clic pe Adăugați element de mega meniu.

2. În fereastra pop-up, introduceți un Titlu pentru mega-meniu.

3. Faceți clic pe Continue.

4. Ajustați structura meniului dacă este necesar.

5. Faceți clic pe Salvați.

Mega-meniurile sunt construite folosind blocuri de construcție implicite, ceea ce înseamnă că fiecare componentă trebuie personalizată individual. Pentru a face acest lucru, faceți clic pe Editare în colțul din dreapta-sus, apoi selectați mega-meniul. Apoi:

• Editează textul direct în blocul de construcție.

• Editează URL-ul unui element de meniu selectând elementul din mega-meniu și apăsând pe butonul Editare.

  

• Mută un element de meniu prin tragerea și plasarea blocului asociat în poziția dorită din mega-meniu.

• Șterge un element de meniu făcând clic pe pictograma (Elimină) a blocului asociat.

Designul mega-meniului

Pentru a personaliza aspectul general al mega-meniului și blocurile de construcție individuale ale acestuia, deschide editorul site-ului web, mergi la fila Stil și navighează la secțiunea Mega-meniu. Sunt disponibile următoarele opțiuni:

• Alege un Șablon.

• Selectează Dimensiunea: fie Lățime completă, fie Îngust.

• Comută Categorii de comerț electronic, dacă este cazul.

Designul antetului și al subsolului

Pentru a modifica designul antetului sau al subsolului, apasă pe Editare în colțul din dreapta sus și selectează antetul sau subsolul. Apoi, mergi la fila Stil și navighează la secțiunea Antet sau Subsol. Sunt disponibile următoarele opțiuni:

• Alege un Șablon din meniul derulant.

• Selectează o culoare de Fundal definind un stil de temă, o opțiune de culoare Personalizat sau un Degrade.

• Set the Content Width.

• Add a Border to the footer and customize its size, style, and color.

• Adaptează Colțurile rotunjite pentru a se potrivi cu designul.

• Adaugă o Umbră și definește Culoarea, Deplasarea, Estomparea și Răspândirea acesteia.

Header-specific design optionsFooter-specific design options

To further customize the website’s header, use the following header-specific design options in the Header section:

• Add a Scroll Effect to determine how the header behaves while scrolling the page. Hover over an effect to preview it.

• Choose the Header Position for the selected page: Regular, Hidden, or Over The Content. When Over The Content is selected, you can also customize the Background and Text Color.

  Sfat

  • To hide the header on all pages, go to the Theme tab of the website editor. Scroll down to the Advanced section and toggle Show Header off.

  • Hidden elements, including the header when applicable, are available under Invisible Elements.

• Change the Default Accent Color to either the Primary or Secondary color to visually distinguish drop-down buttons in the header.

• Define a font.

• Set the Format size and add a color if needed.

To control the visibility of specific elements, navigate to the Show/Hide Elements section of the Style tab and click the option related to the element you wish to show or hide. You can show or hide:

• Visuals, such as the Company logo, Text Elements (e.g., a phone number), and Social Links for linking all social media accounts.

• Actions, such as the Search Bar, the Language Selector, the Sign in button, and the Header Button (a Contact us button by default).

• eCommerce-specific elements: the Add to cart and Add to wishlist buttons.

• You can enable a Background for navigation icons, such as the wishlist or search bar icon.

Sfat

De asemenea, puteți adăuga din secțiunea Conținut interior blocuri în antet sau în subsol pentru o personalizare suplimentară, cum ar fi opțiuni de subsol specifice comerțului electronic.