Come creare un mega menu?

Questo tema viene fornito con il supporto del mega menu e queste istruzioni mostrano come impostare il menu.

Su questa pagina

L'aspetto di un mega menu

  • In Be Concept puoi creare un mega menu in cui i suoi contenuti sono organizzati in colonne, in questo modo:

  • Il mega menu è una combinazione di due parti: voci di menu e promozioni :

Impostazione del mega menu

  1. Innanzitutto, devi impostare il tuo menu su più livelli utilizzando la navigazione nativa di Shopify. Per sapere come creare un menu su più livelli (a discesa), consulta la documentazione ufficiale di Shopify . Di seguito è riportato un esempio di struttura del menu per ospitare il mega menu nel primissimo screenshot:

  2. Nelle impostazioni del tema, fai clic su Intestazione 1 nell'elenco delle sezioni, vai all'impostazione Menu 2 e scegli il menu appena creato sopra.

    Successivamente, scegli le opzioni che desideri visualizzare in ciascuna delle 3 impostazioni della sezione: Menu attivo , Layout intestazione e Intestazione fissa 3 .:

  3. A questo punto il menu dovrebbe essere visualizzato in un semplice stile a discesa . È solo perché non abbiamo ancora configurato la parte del mega menu . Se ti piace questo stile a discesa, è tutto fatto qui.

    Per continuare a configurare il mega menu , fai clic su Aggiungi mega menu per aggiungere un blocco mega menu:

    Successivamente, vai alle impostazioni del blocco mega menu.

  4. Nell'impostazione Voce di menu , digita semplicemente il nome della voce di menu che contiene il mega menu. Tieni presente che il nome inserito nella voce di menu deve corrispondere al nome delle voci di menu. Ecco un esempio in cui il mega-menu è contenuto all'interno della voce Shop :

  5. Nel Impostazione della voce di menu, puoi facoltativamente caricare fino a 5 immagini per diverse promozioni. Queste immagini verranno visualizzate nel banner del mega menu.

Impostazioni del blocco del menu mega

Le impostazioni per il menu Mega.
Impostazioni Descrizione
Menù mega
Elemento del menu Immette il nome della voce di menu che si desidera contenga il mega menu. Tieni presente che il nome inserito nella voce Menu deve corrispondere al nome di una delle voci del menu di primo livello.
Mostra le immagini del mega menu

Quando un elemento di navigazione di secondo livello si collega a una raccolta con un'immagine, l'immagine verrà visualizzata sopra il titolo del collegamento. Ecco un esempio:

Articolo cuffie di secondo livello:

Questo perché l'articolo Cuffie è collegato a una raccolta che ha un'immagine:

Etichetta del pulsante

Lascia l'etichetta vuota per nascondere il pulsante.

Il testo del pulsante
Collegamento pulsante L'URL del pulsante.
Promozione

Facoltativamente puoi caricare 5 immagini per 5 promozioni, con le stesse impostazioni per ciascuna.

Immagine L'immagine che desideri visualizzare
Rapporto immagine Le proporzioni delle immagini per le immagini dei post del blog:
  • Adatta all'immagine (impostazione predefinita): utilizza le proporzioni delle immagini. Ciò impedisce che le immagini vengano ritagliate.
  • Quadrato : ritaglia le immagini in rapporto 1:1.
  • Ritratto : ritaglia le immagini in formato 2:3.
  • Paesaggio : ritaglia le immagini in formato 3:2.
  • Ampio : ritaglia le immagini in formato 16:9.
Intestazione Il titolo della promozione.
Sottotesto Testo della descrizione della promozione.
Sovrapponi il testo all'immagine Attiva l'opzione Sovrapponi testo sull'immagine . Se questa opzione è disabilitata, il testo verrà visualizzato sotto l'immagine.
Collegamento L'URL a cui desideri collegarti.
Etichetta

Il tuo testo personalizzato visualizzato sulla pagina di un prodotto per fornire informazioni aggiuntive sul prodotto.

Colore del testo Il colore del testo.
Colore del testo sovrapposto Il colore di sovrapposizione del testo.

L'opacità della sovrapposizione del testo può essere impostata da 0 a 100%.