# Standardlayout

### 1. Eigenes Produktseite-Layout erstellen

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FmzTCP7EssPd3c2SHqu71%2Fdocs-de-admin-update-6_6-product-page-layout.png?alt=media&#x26;token=77c67dc7-3ce1-45e4-9846-0de01784b112" alt=""><figcaption></figcaption></figure>

Um ein eigenes Produktseite-Layout zu erstellen, **dupliziere (1)** einfach das gesperrte Standard Produktseite-Layout. **Konfiguriere (2)** nun die neu erstelle Kopie des Standard Produktseite-Layouts.

### 2. Produktseite-Layout gestalten

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgrt5OV6yDBBBNy7kddlT%2Fdocs-de-content-product-page-layout-editor.png?alt=media&#x26;token=7574e2b5-c963-4411-89b3-c2d867f4cf44" alt=""><figcaption></figcaption></figure>

Lösche  die beiden überflüssigen Blöcke **"Produktname & Hersteller-Logo" (1)** und **"Galerie und Buybox" (2)**. Nach jedem Löschen wird Shopware das Layout speichern und eine rote oder gelbe Fehlermeldung zeigen - je nachdem in welcher Reihenfolge Du die obigen Schritte ausführst.

<div><figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FAA4SoX9rpDxTyI3GkLaj%2Fdocs-de-content-product-page-layout-editor-error.png?alt=media&#x26;token=bb27d484-0c87-4b44-8dc6-c89999322c3d" alt=""><figcaption></figcaption></figure> <figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FAyXpNuXcTUlF0tTKdSAi%2Fdocs-de-content-product-page-layout-editor-warning.png?alt=media&#x26;token=e4252dff-a8df-47c6-a85c-8e1703a1d3b7" alt=""><figcaption></figcaption></figure></div>

Lass Dich von dieser Meldungen nicht beirren und fahre mit der Löschung des zweiten Blocks fort. Die Fehlermeldungen verschwinden, sobald alle unnötigen Blöcke entfernt und der Block **"Galerie und Buybox mit Produktname & Hersteller-Logo" (1)** platziert wurde.

Du findest den Block in der Block-Kategorie Auswahl im Bereich "Theme \[THEME NAME] - Commerce".&#x20;

{% hint style="info" %}
**Cloud-Themes ab Version 4.0.0** finden diesen Block in der Block-Kategorie "Commerce".
{% endhint %}

Natürlich kannst Du auch eines unserer anderen Galerie und Buybox Blöcke nutzen. Die Warnungen helfen Dir alle doppelten Blöcke zu entfernen.

### 3. Layout Abstände

Damit die Inhalte Deiner neuen Produktseite nicht links und rechts am Browserrand kleben, wähle die **Blöcke (1)** an und setze in den Layout-Einstellungen Werte für **Linker Abstand (2)** und **Rechet Abstand (3)**.&#x20;

{% hint style="success" %}
**Tipp:** Um die automatischen Abstände des Themes zu verwenden, trage `auto` in die Felder ein - warum das sinnvoll ist, haben wir [hier](https://themedocs.zenit.design/content/erlebniswelten/block-aussen-abstande) erklärt.
{% endhint %}

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FUn85LAT6kBaCyw8f9ihm%2Fdocs-de-content-product-page-layout-editor-margins.png?alt=media&#x26;token=9292d05d-a907-433b-94f2-631b6e1641e9" alt=""><figcaption></figcaption></figure>

### 4. Als Standardlayout verwenden

In der **Layout-Zuweisung (1)** kannst Du das Layout nun **als Standardlayout verwenden (2)**.

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FzGqFVUseJm2kb2l6t268%2Fdocs-de-content-product-page-layout-editor-set-default.png?alt=media&#x26;token=2105618e-5cca-4062-b3dd-cf8a56240475" alt=""><figcaption></figcaption></figure>