# Tabs

### Übersicht

Die Tabs enthalten alle wichtigen Produktinformationen. Dazu gehören u.A. Beschreibung und Eigenschaften, aber auch die verfügbaren Zahlungs- und Versandarten in deinem Shop. Hierbei bietet dir das Theme unterschiedliche Konfigurationsmöglichkeiten deine Tabs auf deine Bedürfnisse zuzuschneiden.

<figure><img src="/files/psymiVfykTenbRZXT1Fa" alt=""><figcaption><p>Tabs unseres Kunden <a href="https://outdoordino.de/">https://outdoordino.de/</a></p></figcaption></figure>

### Grundeinstellungen

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

<details>

<summary>Position</summary>

**Buy Box**\
Die Tabs werden in einem Akkordeon in der [Buy Box](/theme-konfiguration/produkt-detailseite/buy-box.md) unterhalb der Spezifikationen integriert.

**Unterhalb der Galerie**\
Die Tabs werden wie im Shopware Standard unterhalb der [Galerie](/theme-konfiguration/produkt-detailseite/galerie.md) eingebunden.

</details>

<details>

<summary>Tab Icons</summary>

**Ja**\
Zeigt ein passendes [Icon](/academy/fachbegriffe/icon.md) vor der Tab Beschreibung an.

**Nein**\
Deaktiviert die [Icons](/academy/fachbegriffe/icon.md) vor der Tab Beschreibung.

</details>

<details>

<summary>Icon des zusätzlichen Tabs</summary>

Das Theme bietet dir die Möglichkeit einen [zusätzlichen Tab](/enthaltene-erweiterungen/zusatzlicher-tab.md) mit individuellen Informationen pro Produkt auf der Detailseite zu integrieren.

In diesem Feld kannst du ein passendes, globales [Icon](/academy/fachbegriffe/icon.md) für deine zusätzlichen Tabs definieren. Als Bibliothek können wir dir [Flaticon](https://www.flaticon.com/) empfehlen.

</details>

<details>

<summary>Hersteller-Tab anzeigen</summary>

**Ja**\
Die Beschreibung des Herstellers wird in Form eines Tabs auf der Produkt Detailseite eingebunden, sofern sie vorhanden ist. Im Bezug auf die Produktsicherheitsverordnung (GPSR) kann dies ggf. rechtlich verpflichtend sein.

**Nein**\
Der Hersteller-Tab wird nicht integriert.

</details>

<details>

<summary>Bezahlung &#x26; Versand Tab anzeigen</summary>

**Ja**\
Die Tabs werden um einen "Bezahlung & Versand" Tab erweitert. Dieser Tab wird global auf jeder Produkt Detailseite eingebunden und kann über folgende [Textbausteine](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) angepasst werden:

Tab Beschreibung: `theme.detail.tabsPaymentAndShipping`\
Zahlungsinformationen: `theme.detail.paymentInformation`\
Versandinformationen: `theme.detail.shippingInformation`

**Nein**\
Der "Bezahlung & Versand" Tab wird nicht integriert.

</details>

<details>

<summary>Bezahlungslogos anzeigen</summary>

**Ja**\
Zeigt die Logos deiner [Zahlungsarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/Zahlungsarten) im "Bezahlung & Versand" Tab an.

**Nein**\
Deaktiviert die Logos deiner [Zahlungsarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/Zahlungsarten) im "Bezahlung & Versand" Tab.

</details>

<details>

<summary>Versandlogos anzeigen</summary>

**Ja**\
Zeigt die Logos deiner [Versandarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/versand) im "Bezahlung & Versand" Tab an.

**Nein**\
Deaktiviert die Logos deiner [Versandarten](https://docs.shopware.com/de/shopware-6-de/einstellungen/versand) im "Bezahlung & Versand" Tab.

</details>

<details>

<summary>Akkordeon Style</summary>

Mit dieser Option kannst du zwischen unterschiedlichen Theme Styles für deine Akkordeons im Shop wählen. Betroffen sind hierbei die [Tabs innerhalb der Buy Box](#position), sowie die Fragen & Antworten vom [FAQ Feature](/enthaltene-erweiterungen/faqs.md).

***

Variante 1:

<img src="/files/YmmbksLZe6wu6W4aqDFr" alt="" data-size="original">

Variante 2:

<img src="/files/DiLvH4vBnkMaw8Mss1Y4" alt="" data-size="original">

</details>

### Qualitätssiegel

<figure><img src="/files/myJhfbj9hF8K0ODDOGwG" alt=""><figcaption><p>Qualitätssiegel unseres Kunden <a href="https://spruchreif-geschenke.de/">https://spruchreif-geschenke.de/</a></p></figcaption></figure>

Über die nachfolgende Konfiguration lassen sich bis zu zwei Qualitätssiegel unterhalb der Produkt Beschreibung integrieren. Zu jedem Qualitätssiegel lässt sich dabei ein passender Text pflegen.

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

<details>

<summary>Erstes Qualitätssiegel</summary>

Hinterlege das erste Qualitätssiegel. Der Inhalt rechts neben dem Bild lässt sich über den [Textbaustein](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) `theme.detail.qualitySealOne` anpassen.

</details>

<details>

<summary>Zweites Qualitätssiegel</summary>

Hinterlege das zweite Qualitätssiegel. Der Inhalt rechts neben dem Bild lässt sich über den [Textbaustein](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) `theme.detail.qualitySealTwo` anpassen.

</details>

### Nur für die Positions-Einstellung "Buy Box"

{% hint style="info" %}
Voraussetzung für diese Einstellungsmöglichkeit ist die [Position](#position) "Buy Box".
{% endhint %}

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

<details>

<summary>Beschreibung als Tab anzeigen</summary>

**Ja**\
Die Produkt Beschreibung wird als eigener Tab dargestellt, der auf- bzw. zuklappbar ist.

**Nein**\
Die Produkt Beschreibung wird standardmäßig ausgeschrieben.

</details>

### Nur für die Positions-Einstellung "Unterhalb der Galerie"

{% hint style="info" %}
Voraussetzung für diese Einstellungsmöglichkeiten ist die [Position](#position) "Unterhalb der Galerie".
{% endhint %}

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

<details>

<summary>Abstand zwischen den Tab Beschreibungen (in px)</summary>

Definiert der Abstand zwischen den Tab Beschreibungen.

</details>

<details>

<summary>Oberer und unterer Abstand der Tab Beschreibungen (in px)</summary>

Lege den oberen und unteren Innenabstand der Tab Beschreibungen fest. Dies hat besonders Auswirkung auf deren [Hover Effekt](/academy/fachbegriffe/hover-effekt.md).

</details>

<details>

<summary>Linker und rechter Abstand der Tab Beschreibungen (in px)</summary>

Lege den linken und rechten Innenabstand der Tab Beschreibungen fest. Dies hat besonders Auswirkung auf deren [Hover Effekt](/academy/fachbegriffe/hover-effekt.md).

</details>

### Typografie

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

<details>

<summary>Tab Beschreibungen in Großbuchstaben</summary>

**Ja**\
Schreibt die Tab Beschreibungen automatisch in Großbuchstaben. Somit muss der Name in den [Textbausteinen](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) nicht in Großbuchstaben verfasst werden.

**Nein**\
Zeigt die Tab Beschreibungen so an wie sie in den [Textbausteinen](https://docs.shopware.com/de/shopware-6-de/einstellungen/Textbausteine) angelegt wurden.

</details>

<details>

<summary>Beschreibung Schriftgröße (in px)</summary>

Definiert die Schriftgröße der Produkt Beschreibung.

</details>

### Farben

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

<details>

<summary>Rahmen</summary>

Lege die Rahmenfarbe der Tabs fest. Standardmäßig wird hier die globale [Rahmenfarbe](/theme-konfiguration/allgemein/theme-farben.md#rahmen) als [Variable](/academy/fachbegriffe/variable.md) eingebunden.

</details>


---

# Agent Instructions: 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:

```
GET https://docs.atloss.de/theme-konfiguration/produkt-detailseite/tabs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.