> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/anleitungen/produktseiten/eigenen-produkt-tab-anlegen.md).

# Eigenen Tab auf der Produktseite anlegen

Mit ThemeWare® ergänzt du auf der Produktseite einen eigenen Tab mit individuellen Inhalten – ganz ohne Code. Titel und Text pflegst du bequem über Zusatzfelder je Produkt, aktiviert wird der Tab in der Theme-Konfiguration. So ergänzt du z.B. eine Pflegeanleitung, eine Größentabelle oder weitere Produktinfos in einem eigenen Reiter.

{% hint style="info" %}
**Hinweis**: „Eigener Tab" meint hier den integrierten ThemeWare®-Tab, den du ohne Code über Zusatzfelder und die Theme-Konfiguration einrichtest. Eine individuelle Template-Anpassung (Twig/HTML) ist grundsätzlich ebenfalls möglich – wie das funktioniert, liest du in der Anleitung [Individuelle Template-Anpassungen (Twig/HTML)](https://wiki.themeware.design/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-template-anpassungen-twig-html).
{% endhint %}

***

## Voraussetzungen

* ein Produkt, dem du einen eigenen Tab hinzufügen möchtest
* der Inhalt, den du im Tab anzeigen möchtest (z.B. Pflegehinweise oder Nutzungshinweise)

***

## Schritt 1: Benutzerdefinierten Tab im Theme aktivieren

> "Theme-Manager" => dein ThemeWare®-Theme => Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => "Benutzerdefinierten Tab anzeigen"

Setze **"Benutzerdefinierten Tab anzeigen"** auf **"anzeigen"**. Über den Abschnitt "Basiskonfiguration" legst du optional mit **"Überschrift anzeigen"** fest, ob innerhalb des Tabs eine Überschrift erscheint. Speichere deine Änderungen.

***

## Schritt 2: Inhalt am Produkt hinterlegen

> "Kataloge" => "Produkte" => Produkt wählen => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Zusatzfeld-Set deines Themes

Befülle die passenden Zusatzfelder:

* **Benutzerdefinierter-Tab – Text** – der eigentliche Inhalt des Tabs. Der Tab erscheint nur, wenn dieses Feld befüllt ist.
* **Benutzerdefinierter-Tab – Titel** (optional) – ein individueller Tab-Name für genau dieses Produkt. Bleibt das Feld leer, wird der globale Textbaustein `twt.detail.tabCustom.title` verwendet.

{% hint style="info" %}
**Hinweis**: Befülle die Zusatzfelder auch für Varianten, damit der Tab dort ebenfalls erscheint.
{% endhint %}

Speichere das Produkt.

***

## Ergebnis

Der eigene Tab erscheint nun auf der Produktseite. Wird nichts angezeigt, prüfe, ob das Zusatzfeld "Benutzerdefinierter-Tab – Text" befüllt ist, und leere einmal den Shopware-Cache.

{% hint style="success" %}
**ThemeWare® Tipp**: Für einen shopweit identischen Tab-Namen (z.B. „Pflegeanleitung") reicht der Textbaustein `twt.detail.tabCustom.title` – dann heißt der Tab auf allen Produktseiten gleich. Die Überschrift innerhalb des Tabs passt du über `twt.detail.tabCustom.headline` an (`%product%` wird durch den Produktnamen ersetzt).
{% endhint %}

***

## Weiterführende Informationen

Alle Konfigurationsmöglichkeiten und Zusatzfelder im Detail findest du im ThemeWare® Handbuch:

{% embed url="<https://doku.themeware.design/zusatzfunktionen/erweiterungen/tabs-auf-produktseiten/benuzerdefinierter-tab>" %}
ThemeWare® Handbuch ⇒ Benutzerdefinierter-Tab
{% endembed %}