Come usare?

I Mega Menu Mobile non sono così comuni sui dispositivi mobili come il Tabbar o i Slide Menus, perché l’area di tocco di un Mega Menu è spesso troppo piccola per le dita degli utenti. Tuttavia, a volte potresti voler mantenere un’esperienza coerente tra desktop e mobile utilizzando un Mega Menu su entrambe le piattaforme.

I Mega Menu Mobile hanno anche vantaggi: sono compatti, posizionati sotto l’intestazione e non occupano spazio sullo schermo poiché fluttuano sullo schermo. Come menu di sezione, scorrono insieme alla pagina.

Vantaggi principali:

  • Funziona senza problemi sia su mobile che su desktop per un’esperienza coerente
  • Risparmia spazio e scorre con la pagina.
  • Offre più stili di presentazione con immagini, griglie e layout multi-livello per un’esperienza ricca e professionale

FAQ:

1. Non ho deciso se utilizzare la versione gratuita o quella a pagamento. Posso provare i modelli di menu professionali?

Assolutamente! I gruppi di menu servono principalmente ad aiutare i principianti a non sentirsi sopraffatti dalle funzionalità avanzate in Navi+ 😄. La cosa migliore è provare i menu professionali per esplorare tutte le funzionalità e le opzioni di layout. In seguito, puoi semplicemente eliminare qualsiasi menu di cui non hai bisogno o che trovi inadeguato.

2. Creare un menu qui lo fa apparire subito sul mio sito web?

Non ancora. Dovrai pubblicare il menu corretto affinché appaia sul tuo sito web. Non preoccuparti — è facile!

3. E se scelgo il modello sbagliato o commetto un errore?

Nessun problema. Puoi eliminarlo e crearne uno nuovo in qualsiasi momento. Se stai testando un menu e vuoi provare un altro modello, puoi salvare quello attuale come file di backup e riaprirlo in seguito. Puoi anche copiare e incollare parti tra i menu (aprendo due schede del browser) per mantenere il tuo lavoro precedente. Sentiti libero di sperimentare!

4. Dovrei creare solo un menu o più?

Dovresti creare più menu. Solo il menu attivo verrà visualizzato sul tuo sito, ma puoi preparare molte versioni — selezionando modelli diversi o clonando menu. I menu possono essere configurati per mostrare/nascondere in base al tipo di pagina (home, prodotto, collezione...), dispositivo (mobile o desktop) o parole chiave URL. Quindi vai avanti e costruisci menu che si adattino a ogni situazione!

Passo 1: Modifica l’albero del menu

1.1. Comprendere l’albero del menu

L’albero del menu è la parte più importante di qualsiasi menu: definisce la struttura.

Ecco un esempio di un albero del menu di un mega menu mobile:

Menu
Home  
Catalogo 
- All Mountain  
   - Cruise Flex  
   - Balance Ride
- Freestyle  
   - Park Board  
   - Jib Board  
- Freeride  
Blog
Supporto  
Altro

Questo è un albero del menu a 3 livelli. Il livello 1 include Menu, Home, Catalogo, Supporto, Blog e Altro. All-Mountain è un elemento del menu di livello 2, con alcuni elementi figli: Cruise Flex e Balance Ride.

Trascorrerai la maggior parte del tuo tempo a costruire questo albero del menu per il tuo sito web, aiutando i clienti a trovare i contenuti che cercano.

Catalogo: Un elemento del menu di livello 1, visualizzato come una scheda sulla barra delle schede. All-Mountain: Elemento del menu di livello 2 che appare quando tocchi Catalogo.
Cruise Flex, Balance Ride: Elemento del menu di livello 3 che appare quando tocchi All-Mountain.

1.2. Interazioni di base con l’albero del menu

Puoi trascinare e rilasciare gli elementi del menu su e giù o a sinistra e a destra per cambiare la loro posizione e le relazioni genitore-figlio nell’albero del menu.

Quando passi il mouse su qualsiasi elemento del menu, vedrai opzioni aggiuntive: modifica i dettagli dell’elemento, eliminalo dall’albero del menu o copialo e incollalo altrove.

Suggerimento: Puoi copiare un elemento del menu da un menu a un altro aprendo l’app Navi+ in due schede del browser.

1.3. IMPORTANTE! Elimina gli elementi di menu di esempio e mantieni solo la struttura che desideri.

Questa è una situazione comune quando crei un menu con Navi+. Quando crei un nuovo menu, includiamo un esempio completo con elementi di menu popolari per mostrare idee di layout e permetterti di copiare/incollare secondo necessità. Tuttavia, se sei nuovo in Navi+ e utilizzi il piano Starter, vedrai molti avvisi rossi (i) per funzionalità non disponibili, come il caricamento di immagini o l’uso di interazioni avanzate.

Se ti piacciono queste funzionalità avanzate, considera di passare a un piano Business o Elite. Ma se vuoi continuare con il piano Starter, ti preghiamo di trovare ed eliminare gli elementi di menu con avvisi rossi (i).

Suggerimento importante: Quando appare la conferma di eliminazione, attiva “Non chiedere di nuovo la prossima volta” per eliminare più velocemente.

1.4. Aggiungi elementi di menu all’albero del menu

Per aggiungere un elemento di menu, hai due opzioni:

Opzione 1 **(Non raccomandato se sei nuovo in Navi+)**: Fai clic su “Aggiungi menu” per inserire un elemento di menu vuoto alla fine dell’albero del menu. Questo metodo richiede una buona comprensione delle impostazioni degli elementi del menu, che tratteremo di seguito. Potrebbe sembrare opprimente all’inizio, quindi puoi esplorare questo in seguito.

Opzione 2 (Raccomandata): Abbiamo già preparato molti modelli di elementi di menu ben progettati per te. Basta copiarli e incollarli nel posto giusto. Dopo aver terminato il tuo albero del menu, elimina semplicemente i modelli non utilizzati.