Componente Breadcrumb

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

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 delle pagine dalla posizione corrente. Questo componente è spesso integrato nelle intestazioni o nei piè di pagina.

Le opzioni disponibili, ad esempio 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 per progettazione. L’editor di contenuto può quindi scegliere se visualizzare o meno le pagine nascoste e il livello di navigazione effettivo del componente nella finestra di dialogo per modifica.

Versione e compatibilità

La versione corrente del componente Breadcrumb è la v2, introdotta con la versione 2.0.0 dei Componenti core a gennaio 2018, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v2 Compatibile Compatibile Compatibile
v1 Compatibile Compatibile -

Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.

Esempio di output del componente

Per avere un’idea del componente Breadcrumb e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.

NOTA

A partire dalla versione 2.1.0 dei Componenti core, il componente Breadcrumb supporta i microdati schema.org.

Dettagli tecnici

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

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.

Finestra di dialogo per modifica

La finestra di dialogo per modifica consente all’autore di contenuto di eliminare le pagine nascoste e attive nelle breadcrumb e l’annidamento nella gerarchia che deve visualizzare.

Finestra di dialogo per modifica del componente Breadcrumb

  • Livello di navigazione iniziale: il punto nella gerarchia da cui il componente Breadcrumb deve iniziare a scendere fino alla pagina corrente. Esempio:

    • 0 inizia da /content
    • 1 inizia da /content/<yourSite>
    • 2 inizia da /content/<yourSite>/<country>
  • Mostra elementi di navigazione nascosti: mostra le pagine contrassegnate come nascoste nella breadcrumb (per impostazione predefinita non verranno visualizzate)

  • Nascondi pagina corrente: consente di eliminare la pagina corrente nella breadcrumb (per impostazione predefinita verrà visualizzata)

  • Disattiva ombreggiatura: se la pagina nella gerarchia è reindirizzata, viene visualizzato il nome della pagina di reindirizzamento al posto della pagina di destinazione. Per ulteriori informazioni, vedi Supporto per la struttura del sito ombra del componente Navigazione.

  • ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.

    • Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
    • Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
    • La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.

Finestra di dialogo per progettazione

La finestra di dialogo per progettazione consente all’autore del modello di definire i valori predefiniti per le opzioni di eliminazione delle pagine nascoste e attive nelle breadcrumb e l’annidamento nella gerarchia che deve visualizzare.

Scheda Principale

  • Livello di navigazione iniziale: definisce il valore predefinito per il punto nella gerarchia da cui il componente Breadcrumb deve iniziare a scendere 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 elementi di navigazione nascosti quando il componente Breadcrumb viene aggiunto a una pagina.

    • Non abilita o disabilita 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 abilita o disabilita 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 sistema di stili di AEM.

Adobe Client Data Layer

Il componente Breadcrumb supporta Adobe Client Data Layer.

In questa pagina