> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/mehr-wissen/gpsr.md).

# GPSR

## Produktsicherheitsverordnung (GPSR): Pflichten für Händler

Die EU-Produktsicherheitsverordnung (GPSR) verpflichtet Händler dazu, für ihre Produkte bestimmte Sicherheits- und Kontaktinformationen bereitzustellen – etwa Herstellerangaben und die verantwortliche Person in der EU. In diesem Artikel zeigen wir dir, wie du diese GPSR-Pflichten in **Shopware 6** umsetzt: zunächst über die allgemeinen Bordmittel und anschließend komplett ohne Programmierung mit **ThemeWare®**.

{% hint style="info" %}
**Disclaimer**: Wir können dir mit diesen Informationen einen allgemeinen Überblick geben, aber sie ersetzen keine rechtliche Beratung. Für konkrete Fragen oder individuelle Anliegen empfehlen wir dir, einen qualifizierten Anwalt oder rechtlichen Berater zu konsultieren, um rechtliche Sicherheit zu gewährleisten.
{% endhint %}

***

## Herstellerangaben gemäß GPSR hinterlegen

Herstellerangaben (z.B. die "verantwortliche Person") gemäß GPSR kannst du in Shopware 6 beispielsweise über den **HTML-Editor im jeweiligen Hersteller** hinterlegen.

> "Kataloge" => "Hersteller" => Bereich "Herstellerinformationen" => Feld "Beschreibung"

<figure><img src="/files/clN30nL2NoOuHcrNCGrz" alt=""><figcaption><p>Shopware ⇒ Herstellerinformationen</p></figcaption></figure>

Diese Herstellerinformationen kannst du dann mit dem **Hersteller-Tab von ThemeWare®** in deine Storefront integrieren.

> Tab "Produktseiten" => Bereich "Hersteller (in Tabs)" => Konfiguration "Hersteller anzeigen" (Wert "in separatem Tab anzeigen")

<figure><img src="/files/dx0Kq8MhLmap8DpDUW6t" alt=""><figcaption><p>Storefront ⇒ Herstellerinformationen</p></figcaption></figure>

***

## Produktinformationen für die GPSR ergänzen

Produktinformationen kannst du über den **HTML-Editor der Produktbeschreibung** im jeweiligen Produkt einbinden. Diese Informationen werden automatisch im Tab "Beschreibung" auf der Produktseite angezeigt.

> "Kataloge" => "Produkte" => Tab "Allgemein" => Bereich "Allgemeine Informationen" => Feld "Beschreibung"

<figure><img src="/files/Wlsk9UD0N5Lp56aoi7Qf" alt=""><figcaption><p>Shopware ⇒ Produktinformationen</p></figcaption></figure>

#### Beispiel

<figure><img src="/files/Fvm4y8iVKJcbuEdOxq8F" alt=""><figcaption><p>Storefront ⇒ Produktbeschreibung</p></figcaption></figure>

***

## GPSR-Informationen in einem eigenen Tab anzeigen

Du kannst für Produktinformationen (z.B. "Sicherheitshinweise") auch den **Tab "Benutzerdefinierter Inhalt" von ThemeWare®** nutzen.

Diesen kannst du in der ThemeWare® Konfiguration aktivieren:

> Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => Konfiguration "Benutzerdefinierten Tab anzeigen"

Befüllst du nun das entsprechende Zusatzfeld (`Benutzerdefinierter-Tab – Text`) in einem Produkt, wird dieser Tab auf der entsprechenden Produktdetailseite angezeigt.

> "Kataloge" => "Produkte" => Tab "Spezifikationen" => Abschnitt "Zusatzfelder" => Tab "Produkte (ThemeWare® ...) => Zusatzfeld "Benutzerdefinierter-Tab – Text"

Für den Titel des Tabs kannst du global den Textbaustein `twt.detail.tabCustom.title` oder das Zusatzfeld `Benutzerdefinierter-Tab – Titel` verwenden.

#### Beispiel

<figure><img src="/files/2fQkzmi06g7pDCBl9Yz8" alt=""><figcaption><p>Benutzerdefinierter-Tab von ThemeWare®</p></figcaption></figure>

***

## GPSR-Angaben über Zusatzfelder (Custom Fields) einbinden

Neben den oben genannten Möglichkeiten, kannst du individuelle Informationen auch mit Zusatzfeldern in die Storefront integrieren.

Da weder Shopware noch ThemeWare® wissen können, in welche Datei bzw. in welchem Twig-Block ein individuelles Zusatzfeld integriert werden soll, muss dieses manuell eingebunden werden.

### Zusatzfeld anlegen

#### 1) Neues Zusatzfeld-Set anlegen

Wechsel in die Zusatzfeld-Verwaltung:

> "Einstellungen" => "System" => "Zusatzfelder" => "Set anlegen"

Klicke auf den Button "Set anlegen" und lege ein neues Zusatzfeld-Set an.

* Technischer Name: z.B. `custom_gpsr`
* Label: z.B. `GPSR (Produkte)`
* Verwenden für: Produkte

<figure><img src="/files/AJaCw7Obevtr4d7wZAnA" alt=""><figcaption><p>Shopware ⇒ Zusatzfeld-Set anlegen</p></figcaption></figure>

#### 2) Neues Zusatzfeld anlegen

Klicke nun auf den Button "Neues Zusatzfeld" und lege ein neues Zusatzfeld an.

* Typ: z.B. `Text-Editor`
* Technischer Name: z.B. `custom_gpsr_sicherheitshinweis`
* Label: z.B. `Sicherheitshinweis`

<figure><img src="/files/4SoNWUtuLXmUrJ35C9jw" alt=""><figcaption><p>Shopware ⇒ Neues Zusatzfeld anlegen</p></figcaption></figure>

#### 3) Zusatzfeld befüllen

Wechsel in die Produkt-Verwaltung und bearbeite das gewünschte Produkt.

Befülle dort das neue Zusatzfeld (z.B. "Sicherheitshinweis"):

> "Kataloge" => "Produkte" => Tab "Spezifikationen" => Bereich "Zusatzfelder" => Tab "GPSR (Produkte) => Feld "Sicherheitshinweis"

Da wir ein Zusatzfeld vom Typ "Text-Editor" erstellt haben, kannst du auch HTML-Formatierungen vornehmen.

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

***

## GPSR-Zusatzfeld in der Storefront anzeigen

Nun müssen wird das Zusatzfeld in der Storefront ausgegeben und festlegen an welcher Stelle das Zusatzfeld eingebunden werden soll.

Dies geht entweder über eine **Template-Anpassung** oder über ein **CMS-Element** im Erlebniswelt-Layout deiner Produktseite.

### Zusatzfeld in einer Erlebniswelt anzeigen

Dank der Integration von individuellen Zusatzfeldern in das CMS lassen sich Zusatzfelder nahtlos in Textfelder einbinden. Diese Möglichkeit macht die Einhaltung der GPSR-Vorgaben noch einfacher und sorgt gleichzeitig für eine konsistente und professionelle Darstellung deiner Produktinformationen.

In der folgenden Schritt-für-Schritt-Anleitung binden wir das individuelle Zusatzfeld "Sicherheitshinweis" mit einem CMS-Block auf der Produktdetailseite in der Storefront ein.

#### 1) Erlebniswelt bearbeiten

Wechsel in die Erlebniswelt-Verwaltung:

> "Inhalte" => "Erlebniswelten"

Öffne dort das CMS-Layout deiner Produktdetailseiten um das Layout zu bearbeiten.

#### 2) CMS-Block einfügen

Füge nun in dein Layout einen CMS-Block aus der Kategorie "Text" ein.

#### 3) Einstellungen des CMS-Elements öffnen

Klicke auf das ![](/files/YY1yXZuChT6uJ6oSNYXb) "Zahnrad"-Icon oben rechts im entsprechenden Text-Element um die Element-Einstellungen zu öffnen.

<figure><img src="/files/sFfCIcCoUv0HHGwUUvBp" alt=""><figcaption><p>CMS-Slot ⇒ Aktions-Buttons</p></figcaption></figure>

{% hint style="info" %}
**Hinweis**: Das Zahnrad erscheint wenn du den CMS-Block angeklickt hast und sich die Maus innerhalb des Blocks befindet.
{% endhint %}

#### 4) Zusatzfeld einfügen

Zum einfügen hast du in Shopware 6.6.9.0 zwei Möglichkeiten:

* Datenzuordnung (siehe 4.1)
* Variable (siehe 4.2)

#### 4.1) Zusatzfeld zuordnen

> Die ist die unkompliziertere Variante, das einfügen von weiteren Zusatzfeldern oder Texten in das CMS-Element ist hierbei aber nicht möglich.

Klicke auf den Link "Datenzuordnung" und wähle dein Zusatzfeld aus (z.B. `product.customFields.custom_gpsr_sicherheitshinweis`).

<figure><img src="/files/wKDWT8LX5JWTJe00oIYO" alt=""><figcaption><p>Zusatzfeld ⇒ Datenzuordnung</p></figcaption></figure>

#### 4.2) Zusatzfeld als Variable einfügen

> In dieser Variante kannst du auch mehrere Zusatzfelder und Text in das CMS-Element einfügen.

Klicke auf den Button "Variable einfügen" (1) und wähle dein Zusatzfeld aus (z.B. `product.customFields.custom_gpsr_sicherheitshinweis`).

Alternativ kannst du das Zusatzfeld als Variable auch direkt im HTML-Editor einfügen:

```twig
<h3>Sicherheitshinweis:</h3>
<p>
    {{ product.customFields.custom_gpsr_sicherheitshinweis }}
</p>
```

<figure><img src="/files/h5EwRBJAurA1EY60FxLj" alt=""><figcaption><p>Zusatzfeld ⇒ Variable</p></figcaption></figure>

#### 5) Speicher deine Änderung

Das Zusatzfeld wird nun in der Storefront ausgegeben – sofern es im entsprechenden Produkt befüllt wurde.

#### Beispiel

<figure><img src="/files/eTIFezhxcs0jR244YcQb" alt=""><figcaption><p>Zusatzfeld in einer Erlebniswelt</p></figcaption></figure>

{% hint style="success" %}
**Tipp**: Füge ggf. die CSS-Klasse `twt-cms-block-reset` im entsprechenden CMS-Block ein um das ThemeWare® CMS-Styling für diese Block zu deaktivieren.
{% endhint %}

### Zusatzfeld mit einer Template-Anpassung anzeigen

In der folgenden Schritt-für Schritt-Anleitung binden wir das individuelle Zusatzfeld "Sicherheitshinweis" mit unserem kostenfreien [ThemeWare® Customizing Plugin](/mehr-wissen/themeware-tools/themeware-customizing-plugin.md) auf der Produktdetailseite (PDS) in die Storefront ein.

{% hint style="info" %}
**Hinweis**: Mehr Informationen zum Theme "Template-Anpassungen" findest du im Bereich [Individuelle Anpassungen](/wissensdatenbank/anleitungen/individuelle-anpassungen.md).
{% endhint %}

{% hint style="danger" %}
**Achtung**: Bearbeite in keinem Fall Originaldateien von Shopware oder Erweiterungen (Plugins, Apps oder Themes)!
{% endhint %}

#### 1) Template-Datei erstellen

Die Produktbeschreibung wird über die Template-Datei `description.html` (siehe [GitHub](https://github.com/shopware/shopware/blob/trunk/src/Storefront/Resources/views/storefront/component/product/description.html.twig)) in die Storefront geladen.

Erstelle also die Datei `description.html.twig`. Nutzt du das ThemeWare® Customizing Plugin, erstelle die Datei in folgendem Ordner:

```
src/Resources/views/Storefront/component/product/
```

#### 2) Original Template ableiten

Leite nun die Originaldatei von Shopware wie folgt ab:

```twig
{% sw_extends '@Storefront/storefront/component/product/description.html.twig' %}
```

#### 3) Twig-Block vererben

Die Beschreibung befindet sich im Twig-Block `component_product_description_content`. Wir vererben den Block nun wie folgt:

```twig
{% sw_extends '@Storefront/storefront/component/product/description.html.twig' %}

{# GPSR: Zusatzfeld "Sicherheitshinweis" ausgeben #}
{% block component_product_description_content %}
    {# Default block #}
    {{ parent() }}
{% endblock %}
```

#### 4) Zusatzfeld einfügen

Füge nun nach dem eigentlichen Block-Inhalt (⇒ `{{ parent }}`) das Zusatzfeld (⇒ `custom_gpsr_sicherheitshinweis`) ein:

```twig
{% sw_extends '@Storefront/storefront/component/product/description.html.twig' %}

{# GPSR: Zusatzfeld "Sicherheitshinweis" ausgeben #}
{% block component_product_description_content %}
    {# Default block #}
    {{ parent() }}
    
    {{ page.product.translated.customFields.custom_gpsr_sicherheitshinweis|raw }}
{% endblock %}
```

#### 5) Template-Datei hochladen

Nutzt du unser kostenfreies Customizing-Plugin, lade die neue Template-Datei nun auf deinen Webserver in das Verzeichnis:

```
custom/plugins/TcinnCustomizing/src/Resources/views/storefront/component/product
```

#### 6) Cache leeren

Leere abschließend einmal den Shopware- sowie deinen Browser-Cache damit die Änderung auch in der Storefront angezeigt wird.

#### Beispiel

<figure><img src="/files/Joks3vHblgpI9y9qSixM" alt=""><figcaption><p>Zusatzfeld in der Beschreibung</p></figcaption></figure>

***

## ThemeWare® ist GPSR-ready: Produktsicherheit ohne Programmierung

Die oben gezeigten Wege funktionieren grundsätzlich in jedem Shopware-Theme. Mit **ThemeWare®** setzt du die GPSR in Shopware 6 noch einfacher um: Deine Storefront ist von Haus aus GPSR-ready. Du pflegst die **Herstellerinformationen** und die **verantwortliche Person** direkt im Shopware-Backend – ThemeWare® gibt sie automatisch, GPSR-konform, einheitlich gestaltet und flexibel platziert auf deinen Produktseiten aus. Ganz ohne Templates oder zusätzliche Plugins.

### Deine Vorteile mit ThemeWare®

* **Ohne Programmierung**: ThemeWare® bringt die passenden Zusatzfelder und die fertige Storefront-Ausgabe direkt mit – keine Template-Anpassung, kein Zusatz-Plugin.
* **Hersteller- und Produktebene**: Pflege die GPSR-Angaben zentral am Hersteller und überschreibe sie bei Bedarf für einzelne Produkte.
* **Flexible Platzierung**: Zeige die Angaben wahlweise in der Produktbeschreibung, im Hersteller-Tab oder in einem eigenen Tab "Informationen zur Produktsicherheit".
* **Getrennt steuerbar**: Herstellerinformationen und verantwortliche Person lassen sich einzeln ein- und ausblenden.
* **Konsistentes Design**: Die Angaben fügen sich nahtlos und professionell in dein Theme ein.

{% hint style="info" %}
**GPSR-Zusatzfelder inklusive**: Die benötigten Zusatzfelder "Herstellerinformationen" und "Verantwortliche Person" werden von ThemeWare® automatisch angelegt – sowohl am Hersteller als auch am Produkt. Du musst sie nicht manuell erstellen.
{% endhint %}

### In 3 Schritten GPSR-konform

#### 1) GPSR-Angaben am Hersteller pflegen

Hinterlege die GPSR-Angaben in den Zusatzfeldern des jeweiligen Herstellers:

> "Kataloge" => "Hersteller" => \[Hersteller auswählen] => Bereich "Zusatzfelder" => Felder "Herstellerinformationen" und "Verantwortliche Person"

Die Angaben gelten damit für alle Produkte dieses Herstellers.

{% hint style="info" %}
**Produktspezifisch überschreiben**: Möchtest du für ein einzelnes Produkt abweichende Angaben ausgeben, befülle die gleichnamigen Zusatzfelder direkt im Produkt ("Kataloge" => "Produkte" => Tab "Spezifikationen" => Bereich "Zusatzfelder"). Diese überschreiben für dieses Produkt die Angaben des Herstellers.
{% endhint %}

#### 2) Angaben aktivieren

Lege in der ThemeWare® Konfiguration fest, welche der beiden GPSR-Angaben ausgegeben werden sollen:

> Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)" => Konfiguration "Herstellerinformationen anzeigen (GPSR)"

> Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)" => Konfiguration "Verantwortliche Person anzeigen (GPSR)"

#### 3) Platzierung wählen

Bestimme abschließend, an welcher Stelle die Produktsicherheits-Angaben erscheinen:

> Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)" => Konfiguration "Produktsicherheit (GPSR) anzeigen"

Zur Auswahl stehen:

* **nicht anzeigen**
* **in der Beschreibung anzeigen**
* **im Hersteller-Tab anzeigen**
* **in separatem Tab anzeigen** (Tab "Informationen zur Produktsicherheit")

{% hint style="success" %}
**Tipp**: Den Titel des Tabs "Informationen zur Produktsicherheit" kannst du über den Textbaustein `twt.detail.tabGpsr.title` anpassen.
{% endhint %}

***

## Weiterführende Informationen

Mehr Informationen zur GPSR haben wir in folgendem News-Artikel zusammengestellt:

{% embed url="<https://service.themeware.design/news/20241115-produktsicherheitsverordnung-gpsr>" %}
ThemeWare® Service Portal
{% endembed %}

Mehr Information von Shopware findest du in folgendem Blog-Beitrag:

{% embed url="<https://www.shopware.com/de/news/produktsicherheitsverordnung-umsetzen/>" %}
Shopware's Blog
{% endembed %}