Intestazioni e piè di pagina.

L’intestazione del sito web è la sezione superiore di una pagina web e di solito contiene elementi come il logo, il menu, la barra di ricerca, il pulsante di accesso/account cliente, ecc. Il piè di pagina viene visualizzato nella parte inferiore di una pagina web e di solito contiene informazioni come dettagli di contatto, link, note legali e altre opzioni.

Design dell’intestazione

Per modificare il design dell’intestazione, fai clic su Modifica, quindi fai clic sull’intestazione. Le seguenti opzioni sono disponibili nella sezione Intestazione della scheda Personalizza nell’editor del sito web:

  • Scegli un Modello dal menu a discesa.

  • Seleziona le impostazioni Sfondo per cambiare la tavolozza dei colori tramite diversi stili del tema, opzioni di colore personalizzate e sfumature.

  • Quando si aggiunge un Bordo all’intestazione, è possibile definirne dimensione, stile e colore.

  • Adatta gli Angoli arrotondati per adattarli al design.

  • Aggiungi un”Ombra e definiscine Colore, Offset, Sfocatura e Diffusione.

  • Aggiungi un Effetto di scorrimento. Passa il mouse su un effetto per visualizzarne l’anteprima.

  • Scegli la Posizione intestazione tra Normale, Nascosta e Sopra il contenuto. Quando è selezionato Sopra il contenuto, puoi personalizzare lo Sfondo e il Colore del testo.

  • Mostra o nascondi Elementi come testo, barra di ricerca, pulsante Firma, link ai social media, pulsante Contattaci e logo.

Per finalizzare le modifiche, fai clic su Salva.

Suggerimento

Per nascondere l’intestazione, fai clic su Modifica, fai clic sull’intestazione e vai alla scheda Tema dell’editor del sito web. Scorri verso il basso fino alla sezione Avanzate e attiva/disattiva l’interruttore Mostra intestazione per nascondere/mostrare l’intestazione.

Contenuto dell’intestazione

I menu organizzano il contenuto dell’intestazione e aiutano gli utenti a navigare efficacemente tra le pagine web. Menu intuitivi e ben strutturati svolgono anche un ruolo cruciale nel migliorare il posizionamento sui motori di ricerca.

Aggiungere voci di menu

Per impostazione predefinita, le pagine vengono aggiunte al menu come voci di menu a discesa quando vengono create. Per aggiungere una nuova voce di menu, procedi come segue:

  1. Vai a Sito web ‣ Sito ‣ Editor menu.

  2. Nell’editor dei menu, clicca su Aggiungi voce di menu.

  3. Nella finestra popup, inserisci il Nome da visualizzare nel menu.

  4. Digita / nel campo URL o Email per cercare una pagina sul tuo sito web oppure # per cercare un’ancora personalizzata esistente.

  5. Clicca su OK.

  6. Modifica la struttura del menu se necessario, quindi Salva.

Mega menu

I mega menu sono simili ai menu a discesa, ma invece di una semplice lista di sottomenu, mostrano un pannello diviso in gruppi di opzioni di navigazione. Questo li rende adatti per siti web con grandi quantità di contenuti o siti web e-commerce, poiché possono aiutare a includere tutte le pagine web o categorie e-commerce nel menu, rendendo comunque visibili tutte le voci di menu contemporaneamente.

Mega menu nella barra di navigazione.

Per creare un mega menu, vai su Sito web ‣ Sito ‣ Editor menu e fai clic su Aggiungi voce mega menu. Inserisci il Nome del mega menu nel popup, fai clic su OK, quindi su Salva.

Per adattare le opzioni e il contenuto del mega menu, fai clic su una voce del mega menu nell’intestazione, quindi fai clic su Modifica. I mega menu sono composti da blocchi di costruzione, il che significa che puoi personalizzare ogni componente singolarmente. Ad esempio:

  • Modifica il testo direttamente nel blocco di costruzione.

  • Modifica l’URL di una voce di menu selezionando la voce e facendo clic sul pulsante Modifica collegamento nel piccolo popup di anteprima. Digita / per cercare una pagina sul tuo sito web, oppure # per cercare un’ancora personalizzata esistente.

    Modifica un'opzione del mega menu.
  • Sposta una voce di menu trascinando e rilasciando il blocco correlato nella posizione desiderata nel mega menu.

  • Elimina una voce di menu eliminando il blocco correlato.

Per adattare il layout generale del mega menu, vai alla scheda Personalizza dell’editor del sito web, quindi, nella sezione Mega menu:

  • Scegli un Modello.

  • Seleziona la Dimensione: Larghezza completa o Stretto.

Per finalizzare le modifiche, fai clic su Salva.

Nascondere una voce di menu dinamica per gli utenti non autenticati

Per nascondere una voce di menu dinamica (ovvero una voce di menu generata automaticamente da Odoo, ad esempio quando installi un’app o un modulo, come Eventi, Corsi, ecc.) per gli utenti non autenticati, segui questi passaggi:

  1. Attivare la modalità sviluppatore.

  2. Vai su Sito web ‣ Configurazione ‣ Menu.

  3. Espandi l’elenco dei menu per il sito web pertinente se necessario, quindi clicca sulla voce di menu che desideri nascondere.

  4. Nella sezione Gruppi visibili, clicca su Aggiungi una riga sotto Nome gruppo.

  5. Cerca il gruppo Tipi di utente / Portale, selezionalo, quindi clicca su Seleziona.

  6. Salva.

Suggerimento

Per nascondere la voce di menu Negozio, limita l’accesso all’e-commerce agli utenti autenticati.