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


---

# 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://themedocs.zenit.design/styling/produkt/beschreibung.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.
