Multiple Layouts

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

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.

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.

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

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

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.

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

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.

PreviousOnline Store 2.0NextTypography