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


---

# 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://themedocs.zenit.design/content/detailseite/standardlayout.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.