Come usare?

Slide Menu—noto anche come Hamburger Menu, Sidebar Menu o Drawer Menu—è comunemente usato sui siti web Shopify adattando il menu desktop per mobile. Tipicamente, questo menu predefinito è semplice, senza immagini o layout avanzati. Navi+ offre una sostituzione completa per quel menu predefinito di base.

Vantaggi principali:

  • Sostituisce completamente il semplice menu predefinito di Shopify
  • Offre più stili di presentazione con immagini, griglie e layout multi-livello per un’esperienza ricca e professionale
  • Funziona senza problemi sia su mobile che su desktop per un’esperienza coerente

FAQ:

1. Non ho deciso se usare 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 di 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 persino 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 Slide menu:

Slide banner  
Deal of the Day
Catalogo  
All Mountain  
   - Cruise Flex  
   - Balance Ride
   - Other all-mountain
        - Level 3 menu item
Freestyle  
   - Park Board  
   - Jib Board  
Altri prodotti  
Blog  
Di più...

Questo è un albero del menu a 3 livelli. Il livello 1 include Slide banner, Deal of the Day, [Catalogo + All-Mountain + Freestyle + Altri prodotti], Blog e Di più... Il Catalogo fungerà da nome di gruppo. All-Mountain è anche un elemento di menu di livello 1, con tre sottomenu di livello 2: Cruise Flex, Balance Ride e Other all-mountain.

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.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.
Cruise Flex, Balance Ride: Level 3 menu item that appears when you tap on 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 consigliato 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 (Consigliata): 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.