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

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