> 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.md).

# Beschreibung

### Farben

Setze für den gesamten Bereich der Tabs und Crossselling-Tabs eine Hintergrundfarbe.

Beispiel:

![Grauer Hintergrund des Tabs-Bereiches](/files/dkv4h6NX8tnuxQe5HJTn)

### Grundeinstellungen

Mit **Position (1)** bestimmst Du die Platzierung der Produktbeschreibung und weiteren Tabs. Im Standard zeigt Shopware diese Informationen unter den Elementen der Galerie sowie der Buybox an. Mit der Option `Buybox` kannst Du diese Informationen auch rechts neben der Galerie in der Buybox platzieren. [<mark style="background-color:red;">Entfernt in Version 4.0.0</mark>](#user-content-fn-1)[^1]

**Aussehen (mobil) (2)**:&#x20;

* **Offcanvas:** Im Standard werden die Inhalte auf mobilen Geräten in einem sogenannten Offcanvas Element angezeigt. Die Inhalte der Tabs werden nur in einer Vorschau angezeigt. Bei längeren Produktbeschreibungen eignet sich die Darstellung als `Offcanvas (Standard)` besser, da der Nutzer die darunter liegenden Inhalte (z.B. Crossselling) besser erreichen kann und den Überblick behält.&#x20;
* **Scroller**: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option `Scroller` . Die Tab-Navigation funktioniert dann als Anker-Navigation und scrollt beim Klick zum jeweiligen Inhalt.
* **Linear**: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option `Linear`. Die Tab-Navigation wird im Unterschied zum `Scroller` Modus ausgeblendet.
* **Akkordeon**: Stellt die verschiedenen Inhalte in einem aufklappbaren Akkordeon dar.

**Aussehen (3):**&#x20;

* **Tabs:** Die Standard-Darstellung von Shopware. Bei längeren Produktbeschreibungen eignet sich die Darstellung als `Tabs (Standard)` besser, da der Nutzer die darunter liegenden Inhalte (z.B. Crossselling) besser erreichen kann und den Überblick behält.&#x20;
* **Scroller**: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option `Scroller` . Die Tab-Navigation funktioniert dann als Anker-Navigation und scrollt beim Klick zum jeweiligen Inhalt.
* **Linear**: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option `Linear`. Die Navigation wird im Unterschied zum `Scroller` Modus ausgeblendet.
* **Akkordeon**: Stellt die verschiedenen Inhalte in einem aufklappbaren Akkordeon dar.

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

Beispiel:

<figure><img src="/files/ANABku9ay6uD5lKbCiFY" alt=""><figcaption><p>Position: Buybox; Aussehen: Akkordeon</p></figcaption></figure>

[^1]: Ab Shopware 6.6 befinden sich diese Einstellungen ausschließlich in den Erlebniswelten Blöcken und Elementen. Die Theme Standard Produktseite wird durch das Standard Produktseite Layout der Erlebniswelten ersetzt.