Multiple Layouts

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

  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.

Body: Layout Body

SettingDescription

Default

Set the width of the body to its default size based on the viewport

Fullwidth

Set the width of the body to be full of the viewport

Boxed ​

Custom Width

Manually set the width of the body in the range between 1200px and 1920px

Menu Mobile Layout

SettingDescription

Layout Default

The mobile menu will share the same content as the menu setup on desktop

Layout Custom

The mobile menu will be customized to have icons and links that are different from those on desktop

Collections Layout

SettingDescription

Collection Default

The Default Collection Layout comes with its filter facets on a sidebar.

Collection Express Order

Collection Full Width

The Fullwidth Collection Layout will have the filter facets lying on the top of the product showcase.

Collection Mansonry

Collection Right Sidebar

Collection Banner Advertisement

List Collections Layout

SettingDescription

Collection 01 Default

Collections will be displayed in a form of grid.

Collection 02 List

Collections will be displayed line by line.

Collection 03 Mansonry

Collection 04 Grid

Collection 05 Full Width

Product page layout

SettingDescription

Product Default

Product Full Width

Product Grid View

Product Gallery

Product Left Vertical Thumbs

Product Right Vertical Thumbs

Product Left/Right Sidebar

Product Horizontal Tab No Sidebar

Blog Page Layout

SettingDescription

Blog Default

Blogs are shown in group

Blog Simple

Blogs are shown individually

Blog Full Width

Blog Masonry

Blog List

Password Layout

SettingDescription

Password 01

Password 02

Last updated