Come creare un mega menù

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 Yours, 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, quindi seleziona l'impostazione Abilita menu a discesa (3):

  3. A questo punto il menu dovrebbe essere visualizzato in un semplice stile a discesa . È solo perché non abbiamo ancora impostato la parte relativa alle promozioni . Se ti piace questo stile a discesa e non ti interessa la parte delle promozioni, è tutto fatto qui. Per continuare a impostare le promozioni, fai clic su Aggiungi menu Mega per aggiungere un blocco di menu Mega:

  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 Menu deve corrispondere al nome di una delle voci del menu di primo livello. Ecco un esempio in cui il megamenù è contenuto all'interno della voce Borse :

  5. Nell'impostazione della voce di menu , puoi facoltativamente caricare 2 immagini per 2 promozioni, rispettivamente:

Impostazioni del blocco del menu mega

Impostazioni generali

Collocamento Descrizione
Menù mega Qui devi digitare il nome della voce di menu che desideri 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.
Rendi il mega menu ristretto Restringe leggermente il contenitore del mega menu.
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:

Questo perché l'articolo Borse è collegato a una collezione che ha un'immagine:

Impostazioni della promozione

Facoltativamente puoi caricare 2 immagini per 2 promozioni. Ognuno di essi ha le stesse impostazioni:

Collocamento Descrizione
Immagine L'immagine che desideri visualizzare.
Rapporto immagine Le proporzioni dell'immagine per la promozione:
  • Adatta all'immagine (impostazione predefinita) : utilizza le proporzioni delle immagini. Ciò impedisce che le immagini vengano ritagliate.
  • Quadrato : ritaglia le immagini per utilizzare un rapporto 1:1.
  • Ritratto : ritaglia le immagini per utilizzare un rapporto 2:3.
  • Paesaggio : ritaglia le immagini per utilizzare un rapporto 3:2.
  • Ampio : ritaglia le immagini per utilizzare un rapporto 16:9.
Punto focale dell'immagine Scegli l'area più importante dell'immagine in vista.
Intestazione Il titolo della promozione.
Descrizione Il testo del paragrafo della promozione.
Sovrapponi il testo all'immagine Il testo si sovrappone all'immagine invece di trovarsi sotto.
Collegamento Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sulla promozione.