# Produktbeschreibung und -bewertungen (Accordion)

Das **ThemeWare® "Produktbeschreibung und -bewertungen (Accordion)"** ist eine Variante des Shopware-Elementes "Produktbeschreibung und -bewertungen". Die Inhalte werden als Akkordeon oder als Liste dargestellt. Zudem kannst du einzelne Abschnitte ein- oder ausblenden.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2Fxu5SNfkvG3D4jzXxwCEU%2Fimage.png?alt=media&#x26;token=7970aaf7-3ab6-4048-8459-167707d56ead" alt=""><figcaption><p>Produktbeschreibung und -bewertungen (Accordion)</p></figcaption></figure>

{% hint style="success" %}
**Beta**: Bitte beachte, dass sich dieses Element in einer Testphase befindet, probiere es gerne einmal aus.
{% endhint %}

{% hint style="warning" %}
**Wichtig**: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
{% endhint %}

***

## Element konfigurieren

Das ThemeWare® "Produktbeschreibung und -bewertungen (Accordion)" kannst du wie folgt konfigurieren:

1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
2. Fahre mit der Maus über das entsprechende CMS-Element
3. Klicke auf das ![](https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FIZM6GLQF0MWHOXpClvGX%2Ficon-cog.png?alt=media\&token=b20c0af0-cbac-4884-89df-58b77f274c9d) "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
4. Es öffnet sich das Pop-up "Element-Einstellungen"
5. Nehme die gewünschten Änderungen vor
6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

***

## Konfiguration

Die Konfiguration vom "Produktbeschreibung und -bewertungen (Accordion)" ist recht selbsterklärend. Im Grunde musst du nur die gewünschten Abschnitte ein- oder ausblenden.

### Allgemein

Im Tab "Allgemein" konfigurierst du die sichtbaren Abschnitte des Elementes.

> **Content (Inhalt)**
>
> Im Abschnitt "Content" kannst du festlegen, welche Abschnitte im Element angezeigt werden sollen:
>
> * **"Beschreibung" anzeigen** -- Zeigt die Produktbeschreibung an (Standard: anzeigen).
> * **"Videos" anzeigen** -- Zeigt die Produkt-Videos an (derzeit deaktiviert).
> * **"Datenblätter" anzeigen** -- Zeigt die Datenblätter an (derzeit deaktiviert).
> * **"Benutzerdefinierter-Inhalt" anzeigen** -- Zeigt den benutzerdefinierten Tab-Inhalt an (Standard: nicht anzeigen).
> * **"Hersteller" anzeigen** -- Zeigt die Hersteller-Informationen an (derzeit deaktiviert).
> * **"Bewertungen" anzeigen** -- Zeigt die Produktbewertungen an (Standard: anzeigen).

### Layout

Im Tab "Layout" kannst du das Darstellungs-Layout des Elementes konfigurieren.

> **Allgemein**
>
> Im Abschnitt "Allgemein" kannst du den **Layout-Typ** auswählen. Es stehen zwei Layouts zur Verfügung: "Akkordeon" (Standard) und "Liste".

***

## Zusammenfassung

#### Textbausteine

* **Aria-Label**
  * `twt.cms.productDescriptionReviews.ariaLabel` (verfügbar ab v3.7 bzw. v4.0)