> 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/en/content/details-page/default-layout.md).

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