Breadcrumb-komponent breadcrumb-component

Komponenten Core Component Breadcrumb är en navigeringskomponent som skapar en rad länkar baserat på sidans plats i innehållshierarkin.

TIP
Har du övervägt Edge Delivery Services för AEM?
Du kan fortsätta använda metoderna som beskrivs i det här dokumentet för befintliga projekt. För nya projekt rekommenderar Adobe att du drar nytta av Edge Delivery Services.

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.

Komponentversion
AEM 6.4
AEM 6.5
AEM 6.5 LTS
AEM as a Cloud Service
v3
-
Kompatibel
Kompatibel
Kompatibel
v2
Kompatibel
Kompatibel
-
Kompatibel
v1
Kompatibel
Kompatibel
-
Kompatibel

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.

NOTE
Från och med Core Components version 2.1.0 stöder Breadcrumb-komponenten schema.org.

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

Dialogrutan Redigera komponent vid spreadcrumb

  • 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>
  • 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

Fliken Stilar i redigeringsdialogrutan för komponenten Breadcrumb List

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.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c