# Default layout

### 1. Create your own product page layout

<figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FgYwH0ziWrcwPMPzrg5EX%2Fdocs-en-admin-update-6_6-product-page-layout.png?alt=media&#x26;token=e6dd0bfc-4526-404c-b951-548dd4645063" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FrQSzJZx3cRjce8Ea8GzR%2Fdocs-en-content-product-page-layout-editor.png?alt=media&#x26;token=fba351aa-1778-440e-b443-1d92fecf27fc" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2Fwsse3ohbTdwB9hOzascx%2Fdocs-en-content-product-page-layout-editor-error.png?alt=media&#x26;token=d9fe34a8-c561-4844-b40f-6d5b7fdad1de" alt=""><figcaption></figcaption></figure> <figure><img src="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FOoBZKixRClskTxBwZ4qY%2Fdocs-en-content-product-page-layout-editor-warning.png?alt=media&#x26;token=cc08bbc6-0f8f-435d-bd17-4f51ad0dcab1" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FQNAjxV40WeAWbXDyz71b%2Fdocs-de-content-product-page-layout-editor-margins.png?alt=media&#x26;token=a7b4bc62-c0f6-4816-b480-04c11ef3dc4e" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FsJD8SYvxslRTlSy626sm%2Fdocs-en-content-product-page-layout-editor-set-default.png?alt=media&#x26;token=1e8abc67-c61f-48b1-9fe6-2f6ec97b8524" alt=""><figcaption></figcaption></figure>
