Breadcrumb

Link in evidenza

1. Documentazione Shopify sulle sezioni e i blocchi
2. Documentazione di Company XYZ sul blocco breadcrumb
3. Documentazione Shopify sulla panoramica delle funzionalità dell’editor del tema
4. Documentazione di Company XYZ sulle impostazioni di visibilità

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usa questo blocco per aggiungere un link padre fisso al percorso breadcrumb. Ti aiuta a guidare i clienti verso un’importante pagina di livello superiore quando desideri un percorso di navigazione più chiaro e intenzionale. Per una panoramica più ampia di come sono organizzati i componenti del tema, consulta la documentazione Shopify sulle sezioni e i blocchi

Puoi usarlo per puntare a una raccolta, una landing page o un hub di contenuti che si trova realmente sopra la pagina corrente. Come riferimento, consulta la guida fornita dalla fonte: Riferimento del blocco Breadcrumb.

Impostazioni di base

Le impostazioni principali controllano il link padre stesso: l’etichetta che i clienti vedono, la destinazione e se il link si apre in una nuova scheda. Mantieni il testo breve e familiare in modo che il breadcrumb resti facile da scansionare.

Scegli una destinazione che sembri un vero passaggio padre nel percorso di navigazione. Questo blocco funziona al meglio quando il link supporta la navigazione anziché la promozione.

Aggiungi un link padre manuale solo quando riflette un vero passaggio indietro nella gerarchia della pagina. Se il link sembra non correlato o troppo generico, il breadcrumb diventa meno utile.

Aprire il link in una nuova scheda di solito non è necessario per la navigazione breadcrumb. Nella maggior parte dei casi, usare la stessa scheda crea un’esperienza di navigazione più naturale.

Impostazioni standard dei blocchi

Impostazioni di visibilità

Le impostazioni di visibilità controllano se questo blocco appare su mobile, desktop o entrambi. Questo è utile quando vuoi semplificare layout più stretti senza rimuovere il blocco ovunque. Per il posizionamento nell’editor del tema e la configurazione relativa ai dispositivi, consulta la documentazione Shopify sulla panoramica delle funzionalità dell’editor del tema

Se nascondi il blocco su un tipo di dispositivo, assicurati che i clienti abbiano comunque un altro modo chiaro per tornare a pagine più generali. Puoi consultare qui il riferimento sulla visibilità fornito dalla fonte: Riferimento delle impostazioni di visibilità.

Note sull’uso

1. Abbina la destinazione. Usa un testo del link che corrisponda strettamente alla pagina che i clienti apriranno.
2. Scegli una vera pagina padre. Collega una categoria di livello superiore, un hub o una pagina panoramica anziché una destinazione promozionale.
3. Evita nuove schede non necessarie. Mantieni i link breadcrumb nella stessa scheda, a meno che tu non abbia un motivo specifico per non farlo.
4. Controlla gli schermi più piccoli. Se nascondi il blocco su mobile, verifica che la pagina resti comunque facile da navigare.
5. Rivedi entrambe le viewport. La visibilità su desktop e mobile può cambiare il modo in cui il breadcrumb si adatta, si allinea o appare, quindi controlla entrambe prima di pubblicare.
6. Mantieni il percorso semplice. Non aggiungere un link padre manuale se duplica la navigazione vicina senza migliorare la chiarezza.