Breadcrumb Component

Il componente di base Breadcrumb è un componente di navigazione che crea una breadcrumb di collegamenti in base alla posizione della pagina nella gerarchia dei contenuti.

Utilizzo

Il componente Breadcrumb visualizza la posizione della pagina corrente all’interno della gerarchia del sito, consentendo ai visitatori della pagina di spostarsi nella gerarchia di pagina dalla posizione corrente. Questa funzione è spesso integrata nelle intestazioni o nei piè di pagina della pagina.

Le opzioni disponibili, come il livello di navigazione predefinito e la possibilità di visualizzare la pagina corrente o le pagine nascoste, possono essere definite dall'autore del modello nella finestra di dialogo di progettazione. L'editor dei contenuti può quindi scegliere se visualizzare o meno le pagine nascoste e il livello di navigazione effettivo per il componente nella finestra di dialogo di modifica.

Versione e compatibilità

La versione corrente del componente Breadcrumb è v2, introdotta con la release 2.0.0 dei componenti core nel gennaio 2018, ed è descritta in questo documento.

Nella tabella seguente sono elencate tutte le versioni supportate del componente, le versioni AEM con cui sono compatibili le versioni del componente e i collegamenti alla documentazione delle versioni precedenti.

Per ulteriori informazioni sulle versioni e sulle versioni dei componenti core, consultare il documento Versioni dei componenti core.

Esempio di output del componente

Per provare il componente Breadcrumb e per vedere esempi delle relative opzioni di configurazione, nonché l'output HTML e JSON, visitare la Libreria componenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente Breadcrumb è disponibile su GitHub.

Ulteriori dettagli sullo sviluppo di componenti core sono disponibili nella documentazione per lo sviluppo di componenti core.

Finestra di dialogo Modifica

La finestra di dialogo di modifica consente all’autore del contenuto di eliminare le pagine nascoste e attive nelle breadcrumb e la profondità nella gerarchia che dovrebbe visualizzare.

• Livello iniziale navigazione - Punto della gerarchia in cui il componente breadcrumb deve iniziare a spostarsi verso il basso fino alla pagina corrente. Esempio:

  • 0 inizia da /content
  • 1 inizia a /content/<yourSite>
  • 2 inizia da /content/<yourSite>/<country>

• Mostra elementi di navigazione nascosti - Mostra pagine contrassegnate come nascoste nel breadcrumb (per impostazione predefinita non vengono visualizzate)

• Nascondi pagina corrente - Elimina la pagina corrente nel percorso di navigazione (per impostazione predefinita verrà visualizzata)

• Disattiva ombreggiatura : se la pagina nella gerarchia è un reindirizzamento, il nome della pagina di reindirizzamento verrà visualizzato al posto della destinazione. Per ulteriori informazioni, vedere Supporto della struttura del sito ombra del componente di navigazione.

• ID - Questa opzione consente di controllare l’identificatore univoco del componente nell’HTML e nel livello dati.

  • Se lasciato vuoto, viene generato automaticamente un ID univoco che può essere trovato esaminando la pagina risultante.
  • Se viene specificato un ID, è responsabilità dell’autore assicurarsi che sia univoco.
  • La modifica dell’ID può avere un impatto su CSS, JS e tracciamento dei livelli di dati.

Finestra di dialogo Progettazione

La finestra di dialogo di progettazione consente all'autore del modello di definire i valori predefiniti per le opzioni che consentono di eliminare le pagine nascoste e attive nelle breadcrumb, nonché la profondità nella gerarchia che dovrebbe visualizzare.

Scheda principale

• Livello iniziale navigazione - Definisce il valore predefinito per la posizione nella gerarchia in cui il componente breadcrumb deve iniziare a camminare verso il basso fino alla pagina corrente quando il componente breadcrumb viene aggiunto a una pagina.

• Mostra elementi di navigazione nascosti - Definisce il valore predefinito dell’ opzione Mostra elemento di navigazione nascosto quando il componente breadcrumb viene aggiunto a una pagina.

  • Non attiva o disattiva l’opzione per l’autore. Imposta solo il valore predefinito.

• Nascondi pagina corrente - Definisce il valore predefinito dell’opzione Nascondi pagina corrente quando il componente breadcrumb viene aggiunto a una pagina.

  • Non attiva o disattiva l’opzione per l’autore. Imposta solo il valore predefinito.

• Disattiva ombreggiatura : definisce il valore predefinito dell’opzione Disattiva ombreggiatura quando il componente breadcrumb viene aggiunto a una pagina.

Scheda Stili

Il componente Breadcrumb supporta il AEM Style System.