> 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/content/detailseite/standardlayout.md).

# Standardlayout

### 1. Eigenes Produktseite-Layout erstellen

<figure><img src="/files/UN3uK6NSNlhSwAWr8Dih" 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="/files/O0qsFxGvK6NaRALMICC6" 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="/files/WU4tmIM09rkfgK8aUWi8" alt=""><figcaption></figcaption></figure> <figure><img src="/files/7gej4Afku5UVjyoSd4ZT" 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](/content/erlebniswelten/block-aussen-abstande.md) erklärt.
{% endhint %}

<figure><img src="/files/8DofZBE6A8JLyCFkdaeP" 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="/files/NXq3GVkMPyX3ubEHHwWo" alt=""><figcaption></figcaption></figure>