> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/elemente/breadcrumbskannst-du.md).

# BreadcrumbsKannst du

### Farben

<figure><img src="/files/yJjRKaH1JaUG2zbIgqTT" alt=""><figcaption></figcaption></figure>

### Grundeinstellungen

**Breadcrumbs anzeigen (1)** aktiviert oder deaktiviert die Breadcrumbs-Navigation für alle Seiten in Deinem Shop.

{% hint style="warning" %}
Das Deaktivieren hat keinen Einfluss auf manuell platzierte Breadcrumbs in den Erlebniswelten.
{% endhint %}

Neben der **Ausrichtung (5)** der Breadcrumbs können diese auch optisch auf die **volle Breite (6)** gesetzt werden. Die Breadcrumbs dehnen sich dann je nach gewähltem [Grundlayout](/settings/grundeinstellungen.md) des Shops bis zum Browserrand aus. (In den Layout-Modi `Full-Width-Boxed` und `Boxed`, sowie `Full-Width-Header` dehnt sich die Hintergrundfarbe bis an den Browserrand aus - nicht aber der Inhalt.)

Die Option **Startseite anzeigen (7)** stellt einen Startseiten-Link als erstes Element den Breadcrumbs voran. Zusätzlich kann ein einleitender **Text 'Du bist hier' (8)** angezeigt werden. Der text wurde als Textbaustein implementiert und kann in den Textbausteinen der Administration geändert werden.

Die Felder **Oberer Abstand (9)** und **Unterer Abstand (10)** definieren den Abstand der Breadcrumbs zum Header sowie zum weiteren Content der Seite.

![](/files/j00ZwrJHPdvpi8DcWa3O)

Beispiel:

![Breadcrumbs mit Hintergrundfarbe nicht volle Breite](/files/b9wM4tPZrGeyCLj735H1)

![Breadcrumbs mit Hintergrundfarbe auf voller Breite (2)](/files/R6EUPKHfSzbjXerRqPBU)

{% hint style="success" %}
Wie Du Breadcrumbs in das Kategorie-Bild setzen kannst, erfährst Du im Bereich [Kategoriebild Headerbereich](/content/kategorie/kategoriebild.md#erlebniswelt-konfigurieren).
{% endhint %}

![Breadcrumbs im Kategorie-Bild](/files/IgKtZRJSkxwUCiXQGsEw)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://themedocs.zenit.design/styling/elemente/breadcrumbskannst-du.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.