# GPSR

## Produktsicherheitsverordnung (GPSR)

Mit ThemeWare® und Shopware 6 bist du für die GPSR gerüstet. In diesem Artikel zeigen wir dir Möglichkeiten Angaben gemäß GPSR mit Grundfunktionen von Shopware und ThemeWare® in deine Storefront integrieren zu können.

{% 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

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 "Tab "Hersteller"" => Konfiguration "Hersteller-Tab anzeigen"

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

***

## Produktinformationen

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

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"" => Konfiguratoin "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>

***

## Zusatzfelder (Custom Fields)

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

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:&#x20;

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

***

## 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&#x20;

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:

<pre><code>&#x3C;h3>Sicherheitshinweis:&#x3C;/h3>
&#x3C;p>
<strong>    {{ product.customFields.custom_gpsr_sicherheitshinweis }}
</strong><strong>&#x3C;/p>
</strong></code></pre>

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

***

## 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 %}


---

# 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://wiki.themeware.design/mehr-wissen/gpsr.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.