> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-elemente/verschiedenes/breadcrumb-navigation.md).

# Breadcrumb-Navigation

Die **ThemeWare® "Breadcrumb-Navigation"** ist eine Variante der "Breadcrumb-Navigation" von Shopware. Das Element hat allerdings mehr Konfigurationsmöglichkeiten und lässt sich beliebig platzieren.

{% hint style="info" %}
**Hinweis**: Das Element ist explizit für die Verwendung in seinem eigenen CMS-Block vorgesehen. Es ist nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und lässt sich daher nicht austauschen bzw. in anderen Blöcken platzieren.
{% endhint %}

{% hint style="warning" %}
**Wichtig**: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
{% endhint %}

***

## Element konfigurieren

Die ThemeWare® "Breadcrumb-Navigation" kannst du wie folgt konfigurieren:

1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
2. Fahre mit der Maus über das entsprechende CMS-Element
3. Klicke auf das ![](/files/5URCkVnh55QbNfBAp6e7) "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
4. Es öffnet sich das Pop-up "Element-Einstellungen"
5. Nehme die gewünschten Änderungen vor
6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

<figure><img src="/files/jFCe0V4p4Hmb9b12XugJ" alt=""><figcaption><p>ThemeWare® "Breadcrumb-Navigation" konfigurieren</p></figcaption></figure>

***

## Konfiguration

Die eigentliche Konfiguration der "Breadcrumb-Navigation" findest du im Tab 'Inhalt' in der ThemeWare® Konfiguration.

### Layout

Im Tab "Layout" kannst du derzeit lediglich die **horizontale Ausrichtung** konfigurieren.

### Erweitert

Du kannst zwar jedes HTML-Element unserer CMS-Elemente über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
