Breadcrumb-komponent breadcrumb-component
Komponenten Core Component Breadcrumb är en navigeringskomponent som skapar en rad länkar baserat på sidans plats i innehållshierarkin.
Användning usage
Komponenten Breadcrumb visar positionen för den aktuella sidan i platshierarkin, vilket gör att sidbesökare kan navigera i sidhierarkin från sin aktuella plats. Detta är ofta integrerat i sidhuvuden och sidfötter.
Tillgängliga alternativ, till exempel standardnavigeringsnivån och möjligheten att visa den aktuella sidan eller dolda sidor, kan definieras av mallskaparen i designdialogrutan. Innehållsredigeraren kan sedan välja om dolda sidor ska visas eller inte och den faktiska navigeringsnivån för komponenten i redigeringsdialogrutan.
Version och kompatibilitet version-and-compatibility
Den aktuella versionen av Breadcrumb Component är v3, som introducerades i version 2.18.0 av Core Components i februari 2022, och som beskrivs i det här dokumentet.
Följande tabell visar alla versioner av komponenten som stöds, de AEM-versioner som komponenterna är kompatibla med samt länkar till dokumentation för tidigare versioner.
Mer information om versioner och versioner av kärnkomponenter finns i dokumentet Core Components Versions.
Exempel på komponentutdata sample-component-output
Om du vill visa Breadcrumb-komponenten och se exempel på dess konfigurationsalternativ samt HTML- och JSON-utdata går du till komponentbiblioteket.
Teknisk information technical-details
Den senaste tekniska dokumentationen om Breadcrumb-komponenten finns på GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen för kärnkomponentutvecklare.
Dialogrutan Redigera edit-dialog
I redigeringsdialogrutan kan innehållsförfattaren utelämna dolda och aktiva sidor i vägbeskrivningar samt djupet i den hierarki som ska visas.
Fliken Egenskaper properties-tab
-
Navigeringsstartnivå - Där i hierarkin den synliga komponenten ska börja gå ned till den aktuella sidan. Till exempel:
- 0 börjar
/content
- 1 börjar
/content/<yourSite>
- 2 börjar
/content/<yourSite>/<country>
- 0 börjar
-
Visa dolda navigeringsobjekt - Visa sidor som markerats som dolda i navigeringsfältet (som standard visas de inte)
-
Dölj aktuell sida - Utelämna den aktuella sidan i den synliga sökvägen (som standard visas den)
-
Inaktivera skuggning - Om sidan i hierarkin är en omdirigering visas namnet på omdirigeringssidan i stället för målet. Mer information finns i Stöd för skuggplatsstruktur för navigeringskomponenten.
-
ID - Med det här alternativet kan du styra den unika identifieraren för komponenten i HTML och i datalagret.
- Om inget anges genereras ett unikt ID automatiskt åt dig och du hittar det genom att granska den resulterande sidan.
- Om ett ID anges är det författarens ansvar att se till att det är unikt.
- Om du ändrar ID:t kan det påverka spårningen av CSS, JS och datalager.
Fliken Format styles-tab-edit
Breadcrumb-komponenten stöder AEM Style System..
Använd listrutan för att välja de format som du vill använda på komponenten. Markeringar som görs i redigeringsdialogrutan har samma effekt som de som väljs i komponentverktygsfältet.
Format måste konfigureras för den här komponenten i designdialogrutan för att den nedrullningsbara menyn ska vara tillgänglig.
Designdialogruta design-dialog
I designdialogrutan kan mallskaparen definiera vilka standardvärden som ska användas för att inaktivera dolda och aktiva sidor i vägbeskrivningar samt djupet i den hierarki som ska visas.
Huvudflik main-tab
-
Navigeringsstartnivå - Definierar standardvärdet för var i hierarkin den synliga komponenten ska börja gå ned till den aktuella sidan när den synliga komponenten läggs till på en sida.
-
Visa dolda navigeringsobjekt - Definierar standardvärdet för alternativet Visa dolda navigeringsobjekt när den synliga komponenten läggs till på en sida.
- Det aktiverar eller inaktiverar inte alternativet för författaren. Det anger bara standardvärdet.
-
Dölj aktuell sida- Definierar standardvärdet för alternativet Dölj aktuell sida när den synliga komponenten läggs till på en sida.
- Det aktiverar eller inaktiverar inte alternativet för författaren. Det anger bara standardvärdet.
-
Inaktivera skuggning - Definierar standardvärdet för alternativet Inaktivera skuggning när den synliga komponenten läggs till på en sida.
Fliken Format styles-tab
Breadcrumb-komponenten stöder AEM Style System.
Adobe Client Data Layer data-layer
Breadcrumb-komponenten stöder Adobe Client Data Layer.