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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://themedocs.zenit.design/styling/produkt/beschreibung.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
