# Default layout

### 1. Create your own product page layout

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

To create your own product page layout, simply **duplicate (1)** the locked default product page Layout. Now **configure (2)** the newly created copy of the standard product page Layout.

### 2. Design product page layout

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

Delete the two unnecessary blocks **"Product name & manufacturer logo" (1)** and **"Gallery and Buybox" (2)**. After each deletion, Shopware will save the layout and show a red or yellow error message - depending on the order in which you follow the steps above.

<div><figure><img src="/files/YUOZ4jVMJcSXigsOiwOo" alt=""><figcaption></figcaption></figure> <figure><img src="/files/inW2sYLVQT3q7XaaOmSp" alt=""><figcaption></figcaption></figure></div>

Don't let these messages put you off and continue deleting the second block. The error messages disappear as soon as all unnecessary blocks have been removed and the block **"Image gallery and buy box with product name & manufacturer logo" (1)** has been placed.

You can find the block in the block category selection in the “Theme \[THEME NAME] - Commerce” section.&#x20;

{% hint style="info" %}
**Cloud themes from version 4.0.0** will find this block in the “Commerce” block category.
{% endhint %}

Of course you can also use one of our other gallery and buybox blocks. The warnings will help you remove all duplicate blocks.

### 3. Layout margins

To prevent the content of your new product page from sticking to the left and right of the browser edge, select the **blocks (1)** and set values for **left margin (2)** and **right margin (3)** in the layout settings.

{% hint style="success" %}
**Tip:** To use the theme's automatic spacing, type `auto` in the fields - we have explained here why this is best practice.
{% endhint %}

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

### 4. Use as default layout

In the **layout assignment (1)** you can now use click on **Set as default layout (2)**.

<figure><img src="/files/AHlKf773qhA4AyziYse7" 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/en/content/details-page/default-layout.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.