Hai appena finito di organizzare il tuo catalogo estivo. Quarantatré nuove collezioni sono pronte, ognuna collegata a un set di prodotti curati. Apri l’editor tema Shopify, navighi verso la sezione mega menu dell’intestazione e inizi ad aggiungere blocchi per ogni collezione. Aggiungi i primi 16 senza problemi. Poi, quando fai clic su “Aggiungi blocco” per il 17º, non succede nulla. Il pulsante è disabilitato. Il tuo tema ha raggiunto il limite di blocchi, e sette delle tue nuove categorie non hanno modo di apparire nel menu.
Questo scenario si verifica ogni giorno nei negozi che utilizzano temi popolari come Dawn, Prestige, Impact e Impulse. Ogni tema imposta il proprio numero massimo di blocchi per sezione, e questi limiti sono spesso inferiori a quello che i cataloghi in crescita richiedono. Comprendere da dove provengono questi limiti — e quando diventano un vero problema — consente di risparmiare ore di frustrazione e previene la perdita di fatturato invisibile delle categorie nascoste.
- La piattaforma Shopify consente fino a 50 blocchi per sezione, ma la maggior parte dei temi applica il proprio limite più basso (Dawn: 25, Prestige: 16, Impact: 20).
- Ogni elemento menu, immagine, intestazione e collegamento all'interno di un mega menu di solito consuma un blocco.
- I negozi comunemente raggiungono i limiti di blocchi con 100–200 prodotti in 20+ collezioni.
- Le app menu bypassano completamente i limiti di blocchi rendendo la navigazione al di fuori dell'architettura delle sezioni del tema.
Cosa sono realmente i limiti di blocchi
Shopify Online Store 2.0 ha introdotto un’architettura di sezioni e blocchi che governa come i temi rendono il contenuto. Ogni sezione (intestazione, piè di pagina, banner hero, griglia di prodotti) può contenere un numero fisso di blocchi. Ogni blocco rappresenta un elemento configurabile — un collegamento menu, un’immagine, un’intestazione, un banner promozionale all’interno di un pannello mega menu.
La piattaforma stessa limita i blocchi a 50 per sezione — questo è un limite a livello Shopify documentato nel loro changelog dell’architettura tema. Ma i temi raramente consentono i 50 completi. Gli sviluppatori di temi impostano un valore max_blocks nello schema della sezione che determina quanti blocchi sono disponibili. Le ragioni per limitare questo variano:
Stabilità delle prestazioni. Ogni blocco aggiunge elementi DOM e dati di configurazione. Con conteggi più elevati, l’editor tema rallenta, il rendering dell’anteprima richiede più tempo e i commercianti meno esperti affrontano interfacce di amministrazione confuse.
Assunzioni di design visivo. I designer di temi costruiscono layout mega menu assumendo un certo numero di elementi. Un mega menu progettato per 16 elementi potrebbe utilizzare un layout a 4 colonne in cui ogni colonna contiene 4 elementi. Aggiungere un 17º elemento potrebbe rompere la griglia, spingere il contenuto oltre la piega o creare un layout visivo squilibrato.
Ambito dell’assicurazione qualità. Testare un tema in tutte le possibili configurazioni di blocchi è costoso. Limitando i blocchi a 16 o 20, gli sviluppatori di temi possono testare completamente ogni possibile combinazione di layout e garantire che sembri buona. Con 50 blocchi, il numero di permutazioni di layout rende il test comprensivo impraticabile.
Limiti di blocchi nei temi Shopify popolari
Ecco come i limiti di blocchi si manifestano nei temi che i negozi Shopify comunemente utilizzano:
| Tema | Max blocchi (sezione intestazione/mega menu) | Note |
|---|---|---|
| Dawn (gratuito) | 25 blocchi | Tema di riferimento Shopify; i blocchi mega menu condividono il limite di 25 blocchi con altri elementi dell’intestazione |
| Prestige (Clean Canvas) | 16 blocchi per mega menu | Uno dei limiti più stretti; i negozi con 20+ categorie lo raggiungono rapidamente |
| Impact (Maestrooo) | 20 blocchi per sezione | Il mega menu di Impact utilizza blocchi annidati, quindi le immagini e le intestazioni consumano anch’esse blocchi |
| Impulse (Archetype) | 16 elementi menu per menu a discesa | Impulse conta i collegamenti menu effettivi, ma i blocchi di immagine e le collezioni in evidenza consumano anche slot |
| Warehouse (Maestrooo) | 20 blocchi | Simile a Impact, progettato per cataloghi più grandi ma comunque limitato |
| Symmetry (Clean Canvas) | 12 blocchi per colonna mega menu | I limiti più ristretti per colonna significano che le categorie grandi devono dividersi tra più colonne |
Questi numeri sono ingannevoli perché non tutti i blocchi sono collegamenti menu. Nella maggior parte dei temi, un singolo pannello mega menu potrebbe utilizzare blocchi per:
- Collegamenti elementi menu (un blocco per collegamento)
- Intestazioni di sezione (un blocco per intestazione)
- Immagini in evidenza o banner promozionali (un blocco per immagine)
- Schede collezione o spotlight di prodotti (uno per ciascuno)
Un pannello mega menu con due intestazioni, due immagini promozionali e 12 collegamenti collezione utilizza 16 blocchi — il massimo in Prestige — anche se solo 12 collegamenti menu effettivi sono visibili. Aggiungi un altro collegamento collezione, e superi il limite.
Come capire se i limiti di blocchi stanno danneggiando il tuo negozio
I limiti di blocchi creano un tipo specifico di problema: categorie invisibili. A differenza di un layout rotto o di una pagina lenta, il danno causato da elementi menu mancanti è silenzioso. I clienti semplicemente non scopriranno mai le categorie che non appaiono nel menu, e tu non sentirai mai parlare dei prodotti di cui non sapevano dell’esistenza.
Ecco i segnali:
Il tuo menu non riflette la struttura completa del tuo catalogo. Apri il tuo admin Shopify ed elenca tutte le tue collezioni attive. Poi apri il menu di navigazione del tuo negozio. Se c’è un divario — collezioni che esistono ma non appaiono in nessun menu — probabilmente hai raggiunto un limite di blocchi o hai scelto consapevolmente di nascondere categorie. In entrambi i casi, quelle categorie nascoste sono invisibili ai clienti che navigano per menu (circa il 69% degli acquirenti online, secondo la ricerca del Baymard Institute).
Stai facendo compromessi di categoria per adattarti al limite. Stai raggruppando collezioni non correlate sotto un’intestazione vaga come “Altro” o “Altro” per risparmiare slot menu? Stai combinando “Scarpe da corsa” e “Scarpe da passeggio” in una singola categoria “Scarpe sportive” perché non puoi permetterti due blocchi? Questi compromessi scambiano la scoperta per la comodità.
Il tuo mega menu appare diverso su pagine diverse. Alcuni proprietari di negozi creano più configurazioni menu — mostrando diversi sottoinsiemi di categorie su pagine diverse — per aggirare i limiti di blocchi. Questa incoerenza confonde i clienti che si aspettano che il menu abbia lo stesso aspetto ovunque.
Hai smesso di aggiungere nuove collezioni al menu. Questo è il segnale più chiaro. Se crei nuove collezioni ma non le aggiungi alla navigazione perché “non c’è spazio”, i limiti di blocchi stanno attivamente vincolando la crescita del tuo negozio.
La ricerca del tuo sito mostra un uso elevato per termini legati alle categorie. Se i clienti cercano nomi di collezioni come “giacche da esterno” o “elettrodomestici da cucina” che dovrebbero essere categorie navigabili, significa che non riescono a trovare quelle categorie nel menu. Rivedi l’analisi della ricerca del tuo sito — se i termini a livello di categoria appaiono frequentemente nelle query di ricerca, il tuo menu non sta affiorando quelle categorie in modo efficace.
La matematica: quando i limiti di blocchi ti costano fatturato
Quantificare l’impatto degli elementi menu mancanti richiede alcuni presupposti, ma il framework è diretto.
Supponiamo che il tuo negozio abbia 35 collezioni attive ma il mega menu del tema solo visualizzi 20 a causa dei limiti di blocchi. Ciò significa che 15 collezioni — circa il 43% del tuo catalogo — non sono direttamente accessibili dal menu principale. I clienti possono ancora raggiungere queste collezioni attraverso la ricerca, i link diretti sulle pagine collezione o la navigazione attraverso categorie padre più ampie, ma ogni percorso alternativo aggiunge attrito.
La ricerca del Baymard Institute mostra che le categorie non visibili nella navigazione principale vedono engagement significativamente inferiore, spesso il 30–50% di traffico inferiore rispetto alle categorie visibili nel menu. Se quelle 15 collezioni nascoste generano in media $2.000/mese di fatturato ciascuna (se adeguatamente esposte), e nasconderle riduce il traffico del 35%, stai perdendo approssimativamente $10.500/mese — $126.000/anno — in potenziale fatturato dall’attrito di navigazione da solo.
I numeri si ridimensionano con il tuo catalogo. Un negozio con 60 collezioni che raggiunge un limite di 16 blocchi sta nascondendo 44 collezioni. Anche le stime conservatrici suggeriscono un significativo fatturato perso da categorie che i clienti semplicemente non scopriranno mai.
Aggirare i limiti di blocchi all’interno del tuo tema
Prima di passare a un’app, ci sono modi legittimi per estendere i limiti del tuo tema:
Consolida intestazioni menu e immagini. Se il tuo mega menu utilizza blocchi per intestazioni di sezione e immagini promozionali, rimuoverne alcuni libera slot per i collegamenti di categoria effettivi. Un’intestazione che dice “Acquista per categoria” sta consumando un blocco che potrebbe essere un collegamento diretto a una collezione. I clienti non hanno bisogno di essere informati che stanno guardando categorie — il contesto è ovvio.
Usa meno blocchi promozionali. Le immagini di prodotti in evidenza e i banner stagionali nel mega menu sembrano attraenti, ma ognuno consuma un blocco. Durante i periodi in cui hai bisogno della massima visibilità di categoria (lanci stagionali, eventi di vendita), sostituisci temporaneamente i blocchi promozionali con collegamenti di categoria.
Ristruttura la tua gerarchia di categorie. A volte il vero problema non è il limite di blocchi — è una struttura di categoria troppo granulare. Se hai collezioni separate per “T-shirt blu”, “T-shirt rosse” e “T-shirt verdi”, consolidarle in “T-shirt” e utilizzare filtri di prodotto per il colore riduce l’utilizzo di blocchi senza perdere funzionalità.
Modifica il codice del tema per aumentare il limite. Se hai accesso a uno sviluppatore, il valore max_blocks nello schema della sezione del tema può essere aumentato. Apri il file della sezione .liquid rilevante, trova il parametro max_blocks e aumentalo. Questo è un cambio di codice a basso rischio, ma sappi che:
- Aumentare i blocchi oltre a quello per cui il tema è stato progettato potrebbe causare problemi di layout
- Gli aggiornamenti del tema potrebbero sovrascrivere il tuo cambio
- Le prestazioni nell’editor tema potrebbero degradarsi a conteggi di blocchi più elevati
Ecco come appare il cambio di codice:
// Nello schema della sezione intestazione del tema
{
"name": "Mega menu",
"max_blocks": 16 // Cambia questo a 30 o 50
}
Questo funziona, ma è una patch, non una soluzione. Il layout è stato progettato per 16 elementi, quindi aggiungerne 30 probabilmente creerà problemi di overflow che richiedono fix CSS aggiuntivi.
Quando passare a un’app menu
Il punto di decisione è chiaro quando hai esaurito i workaround:
Hai consolidato categorie e ancora non hai abbastanza blocchi. Se la tua struttura di categoria è già il più snella possibile e stai ancora raggiungendo i limiti, il tema semplicemente non può supportare il tuo catalogo.
Hai bisogno di blocchi sia per la navigazione che per il merchandising. Se la tua strategia di mega menu include immagini promozionali, prodotti in evidenza e collegamenti di categoria completi, consumerai i blocchi rapidamente. Le app separano questi interessi — la struttura di navigazione vive nell’app, e il tuo mega menu può includere contenuti di merchandising ricchi senza sacrificare la copertura di categoria.
Il tuo catalogo cresce stagionalmente. Se aggiungi 10–20 collezioni durante le stagioni festive e le rimuovi dopo, regolare continuamente il tuo menu per rimanere entro i limiti di blocchi è un carico di manutenzione ricorrente. Un’app che renderizza dinamicamente le categorie dal tuo elenco di collezioni gestisce i cambiamenti stagionali automaticamente.
Più membri del staff devono gestire il menu. Le app in genere offrono editor visivi che sono più facili da usare rispetto al sistema di blocchi dell’editor tema. Quando i membri del team non tecnici hanno bisogno di aggiungere o riorganizzare elementi menu, l’interfaccia drag-and-drop di un’app riduce gli errori e i tempi di formazione.
App come Navi+ rendono la navigazione indipendentemente dall’architettura dei blocchi del tema, il che significa che il limite di 16 blocchi o 50 blocchi semplicemente non si applica. Definisci la struttura del tuo menu nell’app e viene renderizzata direttamente sulla tua vetrina. La sezione intestazione incorporata del tema esiste ancora (per il logo, la ricerca e il carrello), ma lo strato di navigazione è interamente gestito dall’app.
Prima di passareEsporta la struttura del tuo menu attuale (screenshot o documenta ogni collegamento e il suo livello di annidamento) prima di installare un'app. Questo ti dà una base di partenza da replicare nell'app e assicura che nessuna categoria vada persa durante la transizione.
Migrazione dai blocchi tema a un’app: cosa aspettarsi
La migrazione da un mega menu tema a un menu gestito da app in genere richiede 1–3 ore per un negozio con 20–50 collezioni. Ecco cosa comporta il processo:
- Installa e configura l’app. La maggior parte delle app menu fornisce una procedura guidata di onboarding che legge la tua struttura di menu Shopify esistente e l’importa.
- Mappa collezioni su elementi menu. Per le collezioni che non erano nel menu tema (a causa dei limiti di blocchi), aggiungile alla struttura del menu dell’app. Questo è il passaggio in cui recuperi le categorie nascoste.
- Configura il layout. Scegli lo stile mega menu, il conteggio delle colonne e qualsiasi elemento promozionale. Le app in genere offrono multiple opzioni di layout che si adattano al conteggio degli elementi.
- Testa su mobile e desktop. Verifica che il menu si renderizzi correttamente su tutti i dispositivi. Presta attenzione al dimensionamento del pannello mega menu, al comportamento dello scorrimento e ai target di tocco su mobile.
- Disabilita il menu incorporato del tema. La maggior parte delle app fornisce istruzioni per nascondere la navigazione nativa del tema per evitare menu duplicati.
Il problema più comune durante la migrazione è i menu duplicati — la navigazione incorporata del tema che appare accanto al menu dell’app. Questo accade quando la sezione intestazione del tema non è configurata correttamente per nascondere la sua navigazione. La maggior parte delle app include documentazione specifica del tema per gestire questo, e i team di supporto possono aiutare con l’interruttore.
Dopo la migrazione, monitora le tue analitiche per 2–4 settimane. Cerca cambiamenti in:
- Traffico della pagina collezione (dovrebbe aumentare per le categorie precedentemente nascoste)
- Engagement di navigazione mobile (più tocchi, tasso di rimbalzo inferiore)
- Volume di ricerca del sito per termini di categoria (dovrebbe diminuire poiché le categorie diventano visibili nel menu)
Se i numeri migliorano — e la ricerca suggerisce che lo faranno per i negozi che stavano raggiungendo i limiti di blocchi — l’app si è ripagata da sola.
Questo articolo fa parte della guida più ampia su Limitazioni del menu tema Shopify: quando usare un’app menu.