# Multiple Layouts

\
**Multiple Layouts** allows you to create different structures and satisfies any specific styles for different kinds of business.

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes.**
2. Find the theme that you want to edit, and then click **Customize.**
3. Click **Theme Settings -> Multiple Layouts.**
   {% endhint %}

#### **1. Select For Header Layout**

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. select **Header Layout** and Customize **Header Layout** Setting.

<table data-full-width="false"><thead><tr><th>Setting	</th><th>Description</th></tr></thead><tbody><tr><td>Default</td><td>Set the width of the Header to its default size based on the viewport</td></tr><tr><td>Custom Width</td><td>Manually set the width of the Header in the range between 1200px and 1920px</td></tr></tbody></table>

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/APP3B8gW97pJpKI8TslT/screenshort-181.jpg" alt=""><figcaption></figcaption></figure>

#### **2. Select For Header**

**Select For Header Layout**

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Multiple Layouts.**

**Header: Layout Header**

| Setting      | Description                                                                 |
| ------------ | --------------------------------------------------------------------------- |
| Default      | Set the width of the Header to its default size based on the viewport       |
| Custom Width | Manually set the width of the Header in the range between 1200px and 1920px |

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/57ZcRJN7d9KxBtOLwTgH/header-layout.jpg" alt=""><figcaption></figcaption></figure>

**Select For Header**

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.

Click **Theme Settings -> Multiple Layouts.**

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/LSsR2w3mVX8Flwn7X9S8/screenshort-115.jpg" alt=""><figcaption></figcaption></figure>

#### 3. Select For Footer

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.

#### **4. Select For Product Page Layout**

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Product Page Layout** and Customize **Product Page Layout** Setting

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/plV3j3yGDjeB4fVLlkjJ/screenshort-182.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/RwIOmafRUXG80Tzxk7LX/screenshort-116.jpg" alt=""><figcaption></figcaption></figure>

**Select For Product Page Layout**

To set up the same data for Theme Settings, please follow below instruction:

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Multiple Layouts.**
4. Select **Product Page Layout** and Customize **Product Page Layout** Setting.

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/mCPJQMUbBWgRttML03R8/screenshort-182.jpg" alt=""><figcaption></figcaption></figure>