Come creare un mega menu a schede

Panoramica Il mega menu a schede nel tema Concept è un sistema di navigazione altamente personalizzabile che migliora l'esperienza dell'utente visualizzando categorie di prodotti con schede interattive, prodotti in evidenza e contenuti promozionali. Questa guida ti guida attraverso la configurazione e la personalizzazione per soddisfare le esigenze del tuo negozio. 💡 Nota: il mega menu a schede è disponibile solo da Concept v4.0.0 . Se stai utilizzando una versione precedente del tema, consulta questo articolo per una versione semplificata del mega menu. Come configurare il menu Mega a schede 1. Aggiunta di un mega menu a schede Vai al pannello di amministrazione di Shopify. Passare a Negozio online > Temi . Fai clic su Personalizza sul tema Concept. Nella barra laterale sinistra, trova e seleziona Sezione intestazione . Nella sezione, fai clic per aggiungere un blocco, quindi seleziona Mega menu a schede . 2. Configurazione delle impostazioni principali Sotto Voce di menu , inserisci il nome della voce di menu (ad esempio, "Negozio") che attiverà il mega menu. Inserisci l' etichetta del pulsante (ad esempio, "Visualizza tutti i prodotti"). Lascia vuoto per nascondere il pulsante. Imposta il collegamento del pulsante come desideri, ad esempio per reindirizzare gli utenti a una raccolta o categoria. Definisci l'Intestazione 1 (ad esempio, "Collezioni") e l'Intestazione 2 (ad esempio, "I più popolari") per etichettare le sezioni. Attiva/disattiva le opzioni per il layout mobile , ad esempio la visualizzazione del fornitore o del prezzo del prodotto. 3. Aggiunta di schede al Mega Menu Il mega menu a schede supporta 5 schede in un layout verticale, come mostrato nel primo screenshot. Ogni scheda è configurata in modo simile utilizzando i seguenti passaggi: Aggiunta di una categoria di prodotto Nella scheda 1 : Imposta la destinazione , ovvero l'etichetta visualizzata per la scheda (ad esempio, "Cuffie"). Seleziona il Link di destinazione , che deve essere collegato a una raccolta, per garantire che la scheda venga navigata correttamente. Scegli i prodotti da visualizzare in questa scheda. Sui desktop, a seconda delle dimensioni dello schermo, il numero di prodotti visualizzati può essere regolato automaticamente da 2 a 4. L'aggiunta di più di 4 prodotti qui comporterà la rimozione degli articoli extra. Carica un'icona personalizzata per la scheda. Dimensioni consigliate: formato SVG o PNG . Regola la larghezza dell'icona (ad esempio, 42px). Aggiunta di un banner promozionale Individua la sezione Promozione 1 . Carica un'immagine promozionale . Regola le proporzioni dell'immagine mobile . Imposta un'intestazione (ad esempio, "Crea il tuo pacchetto"). Aggiungi un sottotesto (ad esempio, "Acquista 3 e risparmia il 30%"). Attiva/disattiva la sovrapposizione del testo sull'immagine . Abilitando questa opzione si sposterà la sovrapposizione del testo sull'immagine, consentendoti di creare un design visivamente più integrato. Imposta un collegamento per la promozione. Facoltativamente, imposta un Tag , che aggiunge un'etichetta sovrapposta simile a un tag sull'immagine, come mostrato nello screenshot. Personalizza il colore del testo , il colore della sovrapposizione e l'opacità della sovrapposizione come desideri. Facoltativamente, ripetere questi passaggi per le altre 4 schede. 6. Finalizzazione e test Anteprima del menu su desktop e dispositivi mobili . Garantisci interazioni fluide con il passaggio del mouse e con i clic. Se necessario, modifica le impostazioni per una migliore esperienza utente. Salva le modifiche e pubblica quando sei pronto. Conclusione Il Mega Menu a schede è un potente strumento per migliorare la navigazione e mostrare i prodotti chiave in modo efficace. Seguendo questa guida, puoi creare un menu visivamente accattivante e facile da usare che aumenta il coinvolgimento e le vendite. Hai bisogno di ulteriore assistenza Se riscontri problemi o hai bisogno di ulteriore aiuto con il tuo tema Concept, contatta i nostri ragazzi dell'assistenza tramite il nostro sistema di ticket per ricevere assistenza entro 8 ore. Scansiona il codice QR qui sotto per unirti alla nostra community WhatsApp per aggiornamenti, notizie e annunci.