# Description

### Colors

Set a **Background (1)** color for the entire tabs and cross-selling tabs area.

<figure><img src="/files/5w6u1aR3mEeYK744Kc8u" alt=""><figcaption></figcaption></figure>

Example:

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

### Basic configuration

With **Position (1)** you determine the placement of the product description and the other tabs. By default, Shopware displays this information under the elements of the gallery and the Buybox. With the `Buybox` option you can also place this information to the right of the gallery in the Buybox. [<mark style="background-color:red;">Removed in version 4.0.0</mark>](#user-content-fn-1)[^1]

**Appearance (mobile) (2)**:&#x20;

* **Offcanvas:** By default, the content is displayed on mobile devices in a so-called off-canvas element. The contents of the tabs are only displayed in a preview. For longer product descriptions, displaying them as an `Offcanvas (standard)` is more suitable, as the user can better access the underlying content (e.g. cross-selling) and maintain an overview.
* **Scroller**: If you want to keep the content accessible by scrolling, select the `Scroller` option. The tab navigation then works as an anchor navigation and scrolls to the respective content when clicked.
* **Linear**: If you want to keep the content accessible by scrolling, select the `Linear` option. In contrast to `scroller` mode, tab navigation is hidden.
* **Accordion**: Displays the various contents in a folding accordion.

**Appearance (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**: If you want to keep the content accessible by scrolling, select the `Scroller` option. The navigation then works as an anchor navigation and scrolls to the respective content when clicked.
* **Linear**: If you want to keep the content accessible by scrolling, select the `Linear` option. In contrast to `scroller` mode, tab navigation is hidden.
* **Accordion**: Displays the various contents in a folding accordion.

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

Example:

<figure><img src="/files/abV9TSb4NVqb3tW8wT3s" alt=""><figcaption><p>Position: Buybox; Appearance: Accordion</p></figcaption></figure>

[^1]: As of Shopware 6.6, these settings are only located in the blocks and elements of the shopping experiences. The theme standard product page is replaced by the standard product page layout of the shopping experiences.


---

# 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/en/styling/product/description.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.
