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
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:
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 .:
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.
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 :
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 | ||
Immagine | L'immagine che desideri visualizzare | |
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
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%. |
Share:
Informazioni sull'intestazione trasparente in Concept
Creazione di varianti di prodotto per collegarsi a pagine diverse