> 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 %}

![](/files/GCMtnWZo2fB87hY1u2jT)

Beispiele:

![Tab-Navigation Hintergrund](/files/k2mgRGy80XOfmGRWqOzy)

![Tab-Navigation Unterlinie](/files/P6W22F0Z6XflKCnDL4E1)

### 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.

![](/files/iVGz8oc4YiJiaHkAuC13)

Beispiele:

![Erscheinung: Tabs, Ausrichtung: links](/files/OcwfmUnOB78TNWJKI0Uk)

![Erscheinung: Standard, Ausrichtung: gleichmäßig verteilt](/files/SIvyvvgRg6dBAygm6yc7)

![Erscheinung: Pills, Ausrichtung: links](/files/ZcM2TLDnCXQ5tVLHNxQd)

### Reihenfolge

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

<figure><img src="/files/m77sKSJdpELPT1yAPpBF" 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.

![](/files/U5mhd6dY7gnpAJrjpAHw)

Beispiele:

![Hersteller Tab](/files/97F0ztGpDOGUR4HcVOkv)

![Eigenschaften als Tab](/files/SepDRhf12ibGvhHXFfNY)