> 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/produkt/beschreibung-navigation.md).

# Beschreibung Navigation

### Farben

Je nach Einstellung der Erscheinung, wird die **Hintergrundfarbe (1)** für den Unterstrich oder den Hintergrund des Tabs verwendet.

{% hint style="info" %}
Die Einstellung für die Erscheinung mit Hintergrundfarbe oder Unterstrich findest Du im folgenden Abschnitt Grundeinstellungen.
{% endhint %}

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-b92afa80f3c96cd7cbd0509f1ae9e78a93827fce%2Fdocs-theme-detail-tabs-navigation-farben.png?alt=media)

Beispiele:

![Tab-Navigation Hintergrund](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-db25f48f96595d29668e3ed8d48702e2fa03eea5%2Fdocs-front-details-tabs-navigation-background.png?alt=media)

![Tab-Navigation Unterlinie](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-a5c5fa0c4d8aed3a83f2bb0b5d01ce741b28b046%2Fdocs-front-details-tabs-navigation-unterlinie.png?alt=media)

### Grundeinstellungen

**Erscheinung**: Standard (Unterstrich), Tabs, Pills

Die **Tab Ausrichtung (2)** der Tabs kann zwischen `gleichmäßig verteilt` auf der vollen Breite und den normalen Ausrichtung `links`, `mittig`, `rechts` gewählt werden. Zusätzlich dazu kann die Ausrichtung der Schrift mit dem Feld **Schriftausrichtung (6)** bestimmt werden.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2F3KDU6IbQTfKH2KHeZODT%2Fdocs-de-config-theme-product-tabs-navigation-basic-configuration.png?alt=media\&token=360ff14a-cf9b-4870-a9ea-e1933ad46a76)

Beispiele:

![Erscheinung: Tabs, Ausrichtung: links](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-ce02161bc966779062c3ad9898c456cca921caf7%2Fdocs-front-detail-tabs-links.png?alt=media)

![Erscheinung: Standard, Ausrichtung: gleichmäßig verteilt](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-e9d635d713bdcefa2c84461319759e3bb78fa155%2Fdocs-front-detail-tabs-standard-gleichm-verteilt.png?alt=media)

![Erscheinung: Pills, Ausrichtung: links](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-a81bee9cab57d6ad9c6b22c97a6b3600ca146e51%2Fdocs-front-detail-tabs-pills-links.png?alt=media)

### Reihenfolge

Die Reihenfolge bestimmst Du durch Angabe einer Positionsnummer. Je höher die Zahl, desto weiter hinten wird der Tab angezeigt.

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FqzbJXNohuP6D5gfHdqne%2Fdocs-de-config-theme-product-tabs-navigation-order.png?alt=media&amp;token=8fb60f18-e851-48c5-9143-29712aa86640" alt=""><figcaption></figcaption></figure>

### Zusätzliche Tabs

Über das Theme kann im Artikel direkt ein Tab mit Informationen zum **Hersteller** ausgespielt werden. Logo, Name, Beschreibung und Link zur Webseite des Herstellers werden als Informationen in den Tabs aufgenommen.

Die **Eigenschaften** können ebenfalls optional in einem Tab dargestellt werden. Das eignet sich besonders dann, wenn sehr viele Eigenschaften dargestellt werden sollen.

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-f10771b326c7f1d04be27344da6aaefc2964f64b%2Fdocs-theme-detail-tabs-zusaetzliche.png?alt=media)

Beispiele:

![Hersteller Tab](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-555108b92e38623187ecbe60061e61177142ba76%2Fdocs-front-detail-tabs-hersteller.png?alt=media)

![Eigenschaften als Tab](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-55fb9ef5852a41374a3ea06802a8dc1748dbc0c6%2Fdocs-front-detail-tabs-eigenschaften.png?alt=media)