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.

Header: Layout Header

Setting
Description

Default

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

Fullwidth

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

Boxed

Custom Width

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

Body: Layout Body

Setting
Description

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

Footer: Layout Footer

Setting
Description

Enable Brand In Footer

To show the Brand Slider Section right on top of the Footer

Enable Policies In Footer

To show the Policies Block Section right on top of the Footer

Layout Boxed

Set the Background Image for any section has the boxed layout.

Custom Width

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

Header Mobile

Setting
Description

Layout 1

The mobile header will have its logo in the center with other icons being set to both sides.

Layout 2

The mobile header will have its logo in the left along with the dropdown burger with other icons being set to the right side.

Header Mobile

Setting
Description

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

Setting
Description

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

Setting
Description

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

Setting
Description

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

Setting
Description

Blog Default

Blogs are shown in group

Blog Simple

Blogs are shown individually

Blog Full Width

Blog Masonry

Blog List

Password Layout

Setting
Description

Password 01

Password 02

Last updated

#437:

Change request updated