Panoramica

La pagina Albero delle Categorie è divisa in due sezioni principali, con una potente funzione di costruzione dal menu per aiutarti a iniziare rapidamente:

🌳 Vista ad albero (Pannello sinistro)

Scopo: Questa gerarchia definisce i breadcrumb e i blocchi di sottocategorie visualizzati nel tuo storefront. Le collezioni nella vista ad albero:

• ✅ Appariranno nei percorsi di navigazione breadcrumb

• ✅ Verranno mostrate come sottocategorie nelle pagine delle collezioni

• ✅ Creeranno strutture di navigazione multilivello

• ✅ Saranno incluse nei dati strutturati (SEO)

📦 Categorie non assegnate (Pannello destro)

Scopo: Breadcrumb e sottocategorie nascoste - collezioni che esistono nel tuo negozio ma NON fanno parte della struttura di navigazione. Le collezioni nelle categorie non assegnate:

• ❌ Non appariranno nei breadcrumb

• ❌ Non verranno mostrate come blocchi di sottocategorie

• ❌ Non saranno incluse nella gerarchia di navigazione

• ✅ Saranno comunque accessibili tramite URL diretti

Vista ad albero - caratteristiche principali

🔍 Ricerca

Posizione: Casella di ricerca in cima alla vista ad albero Funzionalità:

• Trova rapidamente le categorie per nome

• Filtra l'albero in tempo reale

• Aiuta a navigare grandi strutture di categorie

🔄 Pulsante Aggiorna

Posizione: Angolo in alto a destra Scopo: Recupera le ultime collezioni pubblicate dal tuo negozio Shopify e sincronizza i menu Quando usarlo:

• Dopo aver aggiunto nuove collezioni nell'amministrazione Shopify

• Per sincronizzare le modifiche recenti dal tuo negozio

• Prima di effettuare una riorganizzazione importante

• Quando non vedi i tuoi menu nel menu a tendina

🎯 Costruisci dal Menu

Posizione: Gruppo di pulsanti accanto all'intestazione Vista ad albero Scopo: Costruisci automaticamente il tuo albero delle categorie basandoti sulla struttura del menu di navigazione Shopify esistente

Come funziona

• Seleziona un menu dal menu a tendina (Menu principale, Menu footer, ecc.)

• Clicca il pulsante "Build from menu"

• L'app automaticamente:

• - Importa tutte le collezioni pubblicate dal menu

• - Preserva la gerarchia del menu (relazioni genitore → figlio)

• - Supporta nidificazioni multilivello (3+ livelli)

• - Sposta le collezioni non usate nel pannello "Non assegnate"

Cosa viene importato:

• ✅ Solo collezioni pubblicate - Solo voci di menu che collegano a collezioni pubblicate

• ✅ Gerarchia del menu - Le relazioni genitore → figlio sono preservate

• ✅ Annidamento multilivello - Supporta strutture di menu profonde (3+ livelli)

Cosa è escluso:

• ❌ Collezioni in bozza/non pubblicate - Vengono importate solo le collezioni pubblicate

• ❌ Link HTTP - I link esterni e gli URL personalizzati vengono saltati

• ❌ Link ai prodotti - I link diretti ai prodotti non vengono importati

• ❌ Link alle pagine - I link alle pagine sono esclusi

• ❌ Altri elementi del menu - Blog, ricerca, link al carrello, ecc. non vengono importati

Limitazioni importanti:

• ⚠️ Solo collezioni pubblicate - Le collezioni in bozza o non pubblicate non verranno importate

• ⚠️ Solo link del menu - Verranno importate solo le collezioni presenti nel tuo menu

• ⚠️ Solo punto di partenza - Probabilmente dovrai personalizzare dopo la creazione (aggiungere altre collezioni, riorganizzare, ecc.)

Caching del menu

I menu sono memorizzati nella cache per 24 ore per un caricamento più veloce. Il timestamp della cache è mostrato accanto al gruppo di pulsanti (es. "Cached 14:30:25").

Hai bisogno di sincronizzare i menu?

Se non vedi i tuoi menu nel menu a tendina, clicca il pulsante Aggiorna per sincronizzare gli ultimi menu dal tuo negozio Shopify.

Indicatori visivi nel menu a tendina

• Elementi collezione - Colore normale, possono essere sincronizzati nel tuo albero

• Elementi non collezione (link HTTP, ecc.) - Colore grigio chiaro con badge tipo (es. "HTTP")

• Menu predefinito - Badge verde "Default"

⬇️ Pulsante Comprimi tutto

Posizione: Accanto alla casella di ricerca Scopo: Comprimi tutte le categorie espanse per mostrare solo gli elementi di primo livello Caso d'uso:

• Avere una panoramica delle tue categorie principali

• Navigare rapidamente un albero complesso

• Prima di apportare modifiche strutturali

⬆️ Pulsante Espandi tutto

Posizione: Accanto a Comprimi tutto Scopo: Espandi tutte le categorie per mostrare l'intera gerarchia Caso d'uso:

• Vedere la struttura completa delle categorie

• Trovare elementi profondamente annidati

• Rivedere l'intera navigazione in una volta

Operazioni drag & drop

L'albero supporta potenti funzionalità di drag & drop per organizzare le categorie.

Selezione multipla

Come selezionare più elementi:

• Seleziona il primo elemento: Clicca su una categoria

• Aggiungi altri elementi: - Tieni premuto ⌘/Ctrl + Clic = Aggiungi singoli elementi - Tieni premuto Shift + Clic = Seleziona un intervallo di elementi

• Trascina insieme: Trascina un qualsiasi elemento selezionato, tutti gli elementi selezionati si muovono insieme

Spostamento delle categorie

Elemento singolo:

• Clicca e tieni premuta una categoria

• Trascina nella nuova posizione

• Rilascia per posizionare: - Tra gli elementi = Stesso livello (fratello) - Sopra un elemento = Figlio di quell'elemento (annidamento) - Trascina a sinistra mentre è annidato = Disannida (sposta su un livello)

Più elementi:

• Seleziona più categorie (⌘/Ctrl + Clic)

• Trascina un qualsiasi elemento selezionato

• Tutti gli elementi selezionati si muovono insieme

• Rilascia per posizionarli come gruppo

Feedback visivo

• La linea indicatrice del trascinamento mostra dove verranno posizionati gli elementi

• Evidenziazione al passaggio sul genitore target

• Il livello di rientro mostra la profondità dell'annidamento

Pannello categorie non assegnate

Scopo e comportamento

Le collezioni in questo pannello sono nascoste da:

• Breadcrumbs

• Blocchi di sottocategorie

• Gerarchia delle categorie

• Dati strutturati

Perché mantenere le collezioni non assegnate?

• Collezioni interne/solo per amministratori

• Collezioni stagionali non attive al momento

• Collezioni di prova

• Collezioni usate per altri scopi (sconti, bundle, ecc.)

Aggiunta alla vista ad albero

Metodo 1: Quando una categoria è selezionata nell'albero

• Clicca per selezionare una categoria nella vista ad albero (pannello sinistro)

• Seleziona una o più collezioni nel pannello Non assegnate

• Clicca Aggiungi o trascina la collezione

• → La collezione diventa un figlio della categoria selezionata

Metodo 2: Quando nessuna categoria è selezionata

• Assicurati che nulla sia selezionato nella vista ad albero

• Seleziona una o più collezioni nel pannello Non assegnate

• Clicca Aggiungi o trascina la collezione

• → La collezione viene aggiunta in fondo all'albero (livello radice)

Cerca non assegnate

Posizione: Casella di ricerca in cima al pannello Non assegnate Funzionalità:

• Filtra la lista delle collezioni non assegnate

• Trova rapidamente collezioni specifiche

• Mostra il conteggio: "Mostrando 27 collezioni non assegnate"

Aggiorna non assegnate

Icona: Icona di aggiornamento accanto alla ricerca Scopo: Aggiorna la lista delle collezioni non assegnate da Shopify

Scorciatoie da tastiera

• ⌘/Ctrl + Click = Selezione multipla di categorie

• Shift + Click = Seleziona intervallo di categorie

• Drag = Sposta categoria/categorie

• Click collapse icon = Attiva/disattiva figli della categoria

• Hold ⌘/Ctrl + Click collapse = Comprimi tutti i figli ricorsivamente

Salvataggio modifiche

Salvataggio automatico: Le modifiche NON vengono salvate automaticamente Salvataggio manuale:

• Clicca il pulsante "Salva" in basso a destra

• Tutte le modifiche vengono applicate insieme

• Aggiorna il tuo negozio per vedere le modifiche

Nomi di visualizzazione personalizzati per le collezioni

Puoi impostare un nome di visualizzazione personalizzato per qualsiasi collezione usata nel tuo albero. Questo ti permette di mostrare un'etichetta più pulita, breve o più amichevole per il cliente nei breadcrumbs e nelle sottocategorie senza rinominare la collezione Shopify originale.

• ✅ Mantieni il titolo originale della collezione Shopify per uso interno/amministrativo

• ✅ Mostra un'etichetta diversa nella navigazione del negozio (breadcrumbs + sottocategorie)

• ✅ Utile per formulazioni SEO-friendly, abbreviazioni o nomi coerenti

Come modificare i nomi di visualizzazione

Nel Categories Tree, clicca su una collezione e modifica il suo Nome di Visualizzazione inline. Note:

• Le modifiche vengono salvate quando clicchi Salva (come per le modifiche alla struttura dell'albero)

• Lasciare il Nome di Visualizzazione vuoto rimuove il nome personalizzato (torna al titolo della collezione)

• Consigliato: mantenerlo breve (es. 20-40 caratteri) per una migliore esperienza mobile

Come appare nel negozio

Quando esiste un nome di visualizzazione, l'interfaccia del negozio lo preferisce rispetto al titolo originale. Se non è impostato alcun nome di visualizzazione, l'app usa il titolo della collezione Shopify. Questo influisce su:

• Etichette breadcrumb per i livelli di collezione

• Titoli/link del blocco sottocategorie (quando abilitato nel tuo tema)

Esempi di struttura delle categorie

Esempio Costruisci dal Menu

Prima di costruire: Il tuo Menu Principale Shopify:

Main Menu
├─ Women (COLLECTION)
│  ├─ Dresses (COLLECTION)
│  │  ├─ Summer Dresses (COLLECTION)
│  │  └─ Evening Dresses (COLLECTION)
│  └─ Tops (COLLECTION)
├─ Men (COLLECTION)
│  ├─ Shirts (COLLECTION)
│  └─ Pants (COLLECTION)
├─ About Us (HTTP) ← Skipped
└─ Contact (HTTP) ← Skipped

Dopo aver cliccato "Build from menu": Il tuo Albero delle Categorie:

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
  └─ 👕 Tops

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Risultato:

• Tutti gli articoli della collezione importati con gerarchia preservata

• I link HTTP (About Us, Contact) sono stati saltati automaticamente

• Pronto per ulteriori personalizzazioni con drag & drop

Esempio di negozio di moda

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
      └─ 👔 Casual Dresses
  └─ 👕 Tops
  └─ 👖 Bottoms

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants
  └─ 🧥 Outerwear

📁 Sale
  └─ 50% Off
  └─ Clearance

Esempio di negozio di elettronica

📁 Computers
  └─ 💻 Laptops
      └─ Gaming Laptops
      └─ Business Laptops
  └─ 🖥️ Desktops
  └─ ⌨️ Accessories

📁 Smartphones
  └─ 📱 iPhone
  └─ 📱 Samsung
  └─ 📱 Google Pixel

Best practice

Inizia con Build from Menu

Flusso di lavoro consigliato:

• Usa prima Build from menu - Se hai già un menu di navigazione, usa Build from Menu per iniziare rapidamente

• Controlla la struttura - Verifica se la gerarchia importata ha senso

• Personalizza secondo necessità - Aggiungi collezioni mancanti, riorganizza o regola la profondità

• Salva e testa - Salva le modifiche e controlla i breadcrumbs nel tuo storefront

Vantaggi:

• Risparmia tempo rispetto alla configurazione manuale

• Preserva la struttura del menu esistente

• Fornisce un solido punto di partenza per la personalizzazione

Mantieni la semplicità

Buona struttura:

• Massimo 2-3 livelli di profondità

• 5-7 categorie per livello

• Nomi chiari e descrittivi

Cattiva struttura:

• Troppi livelli annidati (confusione)

• Troppe categorie contemporaneamente (sovraccarico)

• Nomi vaghi come "Altro" o "Varie"

Organizza pensando al cliente

Pensa come i tuoi clienti:

• Come cercano i prodotti?

• Qual è il loro modello mentale?

• Cosa è più importante per loro?

Esempio moda: ✅ Prima per genere (Women > Dresses) ❌ Prima per colore (Red > Women's Items) Esempio elettronica: ✅ Per tipo di dispositivo (Laptops > Gaming) ❌ Prima per marca (Apple > All Products)

Usa una nomenclatura coerente

Fai:

• Women's Dresses

• Men's Shirts

• Kids' Shoes

Non fare:

• Dresses for Women

• Shirts (Men)

• Children Footwear

Bilancia ampiezza e profondità

Ampiezza (Piatto): Buono per cataloghi piccoli

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Profondità (Annidato): Buono per cataloghi grandi

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Errori comuni da evitare

❌ Gerarchie troppo profonde

Male:

Home › Fashion › Women › Clothing › Dresses › Casual › Summer › Floral

Buono:

Home › Women › Dresses › Summer Dresses

❌ Nomenclatura incoerente

Male:

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Buono:

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Categorie sovrapposte

Male:

📁 Sale Items
📁 Clearance
📁 Discounted Products

Buono:

📁 Sale
  └─ 50% Off
  └─ Clearance

Consigli per negozi di diverse dimensioni

Negozi piccoli (< 100 prodotti)

Mantieni la struttura piatta e semplice:

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Negozi medi (100-1000 prodotti)

Aggiungi un livello di profondità:

📁 Women
  └─ Dresses
  └─ Tops
📁 Men
  └─ Shirts
  └─ Pants
📁 Sale

Negozi grandi (oltre 1000 prodotti)

Usa gerarchie complete:

📁 Women
  └─ Clothing
      └─ Dresses
      └─ Tops
  └─ Accessories
📁 Men
  └─ Clothing
  └─ Accessories

Domande frequenti