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.
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.
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.
Versione 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 sulle versioni dei componenti core, consultare il documento Versioni dei componenti core.
Per provare il componente Breadcrumb e per vedere esempi delle relative opzioni di configurazione, nonché l'output HTML e JSON, visitare la Libreria componenti.
A partire dalla release 2.1.0 dei componenti core, il componente Breadcrumb supporta schema.org microdata.
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.
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:
/content
/content/<yourSite>
/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.
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.
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.
Nascondi pagina corrente - Definisce il valore predefinito dell’opzione Nascondi pagina corrente quando il componente breadcrumb viene aggiunto a una pagina.
Disattiva ombreggiatura : definisce il valore predefinito dell’opzione Disattiva ombreggiatura quando il componente breadcrumb viene aggiunto a una pagina.
Il componente Breadcrumb supporta il AEM Style System.