> 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/erweiterungen/tabs-auf-produktseiten/benuzerdefinierter-tab.md).

# Benutzerdefinierter-Tab

Mit ThemeWare® hast du die Möglichkeit auf Produktseiten einen Tab individuell über ein Zusatzfeld zu befüllen.

{% hint style="success" %}
**Anleitung**: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki: [Eigenen Tab auf der Produktseite anlegen](https://wiki.themeware.design/wissensdatenbank/anleitungen/produktseiten/eigenen-produkt-tab-anlegen)
{% endhint %}

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Produktseiten**"
2. Öffne den Bereich "**Tab "Benutzerdefinierter Inhalt"**"
3. Aktiviere die Konfiguration "**Benutzerdefinierten Tab anzeigen**"
4. Speicher deine Änderungen nach der Bearbeitung

### Inhalt

Der "Benutzerdefinierte-Tab" kann über Zusatzfelder im jeweiligen Produkt befüllt werden. Achte wie bei allen Zusatzfeldern darauf, diese auch für Varianten entsprechend zu befüllen.

#### Titel

Die Bezeichnung des Tabs basiert auf dem Textbaustein `twt.detail.tabCustom.title`.

Dieser Textbaustein ist für eine globale Bezeichnung des Tabs (standardmäßig "Benutzerdefinierter-Tab") vorgesehen. Dadurch heißt dieser Tab auf allen Produktseiten gleich. Dies ist völlig ausreichend, wenn der Tab Shop übergreifend mit identischen Inhalten befüllt wird (z.B. eine "Pflegeanleitung").

Möchtest du den Tab aber in verschiedenen Produkten unterschiedlich benennen, kannst du das Zusatzfeld "Benutzerdefinierter-Tab – Titel" nutzen.

#### Überschrift

Innerhalb des Tabs wird eine Überschrift angezeigt. Den Text passt du über den Textbaustein `twt.detail.tabCustom.headline` an.

#### Text

Um den Text des Tabs zu befüllen, nutze einfach das Zusatzfeld "Benutzerdefinierter-Tab – Text". Der Tab wird nur angezeigt, wenn dieses Zusatzfeld für das entsprechende Produkt bzw. die entsprechende Variante auch tatsächlich befüllt ist.

{% hint style="info" %}
**Hinweis**: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: [Texte bearbeiten und übersetzen](https://wiki.themeware.design/wissensdatenbank/anleitungen/texte-bearbeiten-und-uebersetzen)
{% endhint %}

{% hint style="success" %}
**Tipp**: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: [Shopware Cache leeren / aufwärmen](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/shopware-cache-leeren)
{% endhint %}

***

## Optionen

* **Überschrift anzeigen**
  * Lege fest, ob die Überschrift innerhalb des Tabs angezeigt wird ("anzeigen" / "nicht anzeigen").

***

## Zusatzfelder

{% content-ref url="/pages/WUjSY2ofMV2H4c92Embs" %}
[Benutzerdefinierter-Tab – Titel](/zusatzfunktionen/zusatzfelder/produkte/allgemein/benuzerdefinierter-tab-titel.md)
{% endcontent-ref %}

{% content-ref url="/pages/2UIyzdLI3zlBumpndshq" %}
[Benutzerdefinierter-Tab – Text](/zusatzfunktionen/zusatzfelder/produkte/allgemein/benuzerdefinierter-tab-text.md)
{% endcontent-ref %}

***

## Zusammenfassung

#### Theme-Konfiguration

* Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => Benutzerdefinierten Tab anzeigen
* Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

#### Textbausteine

* **Titel**
  * `twt.detail.tabCustom.title`
* **Überschrift**
  * `twt.detail.tabCustom.headline`

#### Zusatzfelder

* [Benutzerdefinierter-Tab – Titel](/zusatzfunktionen/zusatzfelder/produkte/allgemein/benuzerdefinierter-tab-titel.md)
* [Benutzerdefinierter-Tab – Text](/zusatzfunktionen/zusatzfelder/produkte/allgemein/benuzerdefinierter-tab-text.md)