Breadcrumb-Komponente breadcrumb-component

Die Kernkomponente „Breadcrumb-Komponente“ ist eine Navigationskomponente, die einen Breadcrumb von Links basierend auf der Position der Seite in der Inhaltshierarchie erstellt.

Nutzung usage

Die Breadcrumb-Komponente zeigt die Position der aktuellen Seite innerhalb der Site-Hierarchie an, wodurch Seitenbesucher von ihrer aktuellen Position aus durch die Seitenhierarchie navigieren können. Dies ist oft in Kopf- oder Fußzeilen von Seiten integriert.

Verfügbare Optionen wie die Standardnavigationsstufe und die Möglichkeit, die aktuelle Seite oder ausgeblendete Seiten anzuzeigen, können vom Vorlagenautor im Dialogfeld „Design“ definiert werden. Der Inhaltseditor kann dann festlegen, ob ausgeblendete Seiten angezeigt werden sollen oder nicht, und er kann die tatsächliche Navigationsstufe für die Komponente im Dialogfeld „Bearbeiten“ wählen.

Version und Kompatibilität version-and-compatibility

Die aktuelle Version der Breadcrumb-Komponente ist v3, die mit Version 2.18.0 der Kernkomponenten im Februar 2022 eingeführt wurde und in diesem Dokument beschrieben wird.

Die folgende Tabelle enthält alle unterstützten Versionen der Komponente, die AEM-Versionen, mit denen die Versionen der Komponente kompatibel sind, sowie Links zur Dokumentation für frühere Versionen.

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

Weitere Informationen zu Kernkomponentenversionen und -freigaben finden Sie im Dokument Kernkomponentenversionen.

Musterkomponentenausgabe sample-component-output

Um die Breadcrumb-Komponente und Beispiele für die Konfigurationsoptionen sowie HTML- und JSON-Ausgaben zu erhalten, besuchen Sie die Komponentenbibliothek.

NOTE
Ab Version 2.1.0 der Kernkomponenten unterstützt die Breadcrumb-Komponente schema.org-Mikrodaten.

Technische Details technical-details

Die aktuelle technische Dokumentation zur Breadcrumb-Komponente finden Sie auf GitHub.

Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.

Dialogfeld „Bearbeiten“ edit-dialog

Das Dialogfeld „Bearbeiten“ ermöglicht es dem Inhaltsautor, ausgeblendete und aktive Seiten in den Breadcrumbs zu unterdrücken sowie die Tiefe der anzuzeigenden Hierarchie zu wählen.

Registerkarte „Eigenschaften“ properties-tab

Dialogfeld „Bearbeiten“ der Breadcrumb-Komponente

  • Startebene für die Navigation - Wo in der Hierarchie die Breadcrumb-Komponente beginnen soll, um zur aktuellen Seite zu gelangen. Beispiel:

    • 0 beginnt bei /content
    • 1 beginnt bei /content/<yourSite>
    • 2 beginnt bei /content/<yourSite>/<country>
  • Verborgene Navigationselemente anzeigen - Zeigt Seiten an, die im Breadcrumb als ausgeblendet markiert sind (standardmäßig werden sie nicht angezeigt)

  • Aktuelle Seite ausblenden - Unterdrücken der aktuellen Seite im Breadcrumb (standardmäßig wird sie angezeigt)

  • Schatten deaktivieren - Wenn es sich bei der Seite in der Hierarchie um einen Redirect handelt, wird anstelle der Zielseite der Name der umleitenden (Redirect)-Seite angezeigt. Weitere Informationen finden Sie unter Unterstützung für Shadow Site-Struktur der Navigationskomponente.

  • ID  - Diese Option dient zur Kontrolle der eindeutigen Kennung der Komponente in der HTML-Datei und auf der Datenschicht.

    • Wenn Sie das Feld leer lassen, wird automatisch eine eindeutige ID generiert, die Sie über die resultierende Seite finden.
    • Sofern eine ID angegeben wird, ist vom Autor bzw. der Autorin sicherzustellen, dass diese eindeutig ist.
    • Änderungen der ID können sich auf das CSS-, JS- und Datenschicht-Tracking auswirken.

Registerkarte „Arten“ styles-tab-edit

Registerkarte „Arten“ im Dialogfeld „Bearbeiten“ der Breadcrumb-Listenkomponente

Die Breadcrumb-Komponente unterstützt das AEM-Stilsystem.

Verwenden Sie das Dropdown-Menü, um die Stile auszuwählen, die Sie auf die Komponente anwenden möchten. Die im Dialogfeld „Bearbeiten“ vorgenommenen Auswahlen haben denselben Effekt wie die in der Komponenten-Symbolleiste ausgewählten.

Stile müssen für diese Komponente im Dialogfeld „Design“ konfiguriert werden, damit das Dropdown-Menü verfügbar ist.

Dialogfeld „Design“ design-dialog

Das Dialogfeld „Design“ ermöglicht es dem Vorlagenautor, die Standardwerte für die Optionen festzulegen, um ausgeblendete und aktive Seiten in den Breadcrumbs zu unterdrücken, sowie die Tiefe der anzuzeigenden Hierarchie zu definieren.

Registerkarte „Allgemein“ main-tab

  • Startebene für die Navigation - Definiert den Standardwert, für den in der Hierarchie die Breadcrumb-Komponente aufgerufen werden soll, wenn die Breadcrumb-Komponente zu einer Seite hinzugefügt wird.

  • Verborgene Navigationselemente anzeigen - Definiert den Standardwert der Option Verborgene Navigationselemente anzeigen, wenn der Seite die Breadcrumb-Komponente hinzugefügt wird.

    • Die Option für den Autor wird dadurch nicht aktiviert oder deaktiviert. Es wird nur der Standardwert festgelegt.
  • Aktuelle Seite ausblenden - Definiert den Standardwert der Option Aktuelle Seite ausblenden, wenn die Breadcrumb-Komponente einer Seite hinzugefügt wird.

    • Die Option für den Autor wird dadurch nicht aktiviert oder deaktiviert. Es wird nur der Standardwert festgelegt.
  • Schatten deaktivieren - Definiert den Standardwert der Option Schatten deaktivieren, wenn die Breadcrumb-Komponente einer Seite hinzugefügt wird.

Registerkarte „Arten“ styles-tab

Die Breadcrumb-Komponente unterstützt das AEM-Stilsystem.

Adobe Client-Datenschicht data-layer

Die Breadcrumb-Komponente unterstützt die Adobe Client-Datenschicht.

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