Layout theme settings

Continue setting up your default settings by setting up your global layout.

To access the Layout settings, click Customize (Themes section on Shopify) > click on Theme settings > Layout

 

Default site layout

The default site layout is the layout that will be by default on every section of your store.

This is one of the most important settings of your Booster V5, we wanted to make a setting that would ease by a lot the process of changing the website width and layout.

The layout of your store impacts a lot the navigation and the quality of your website.

There are 3 different possible layouts:

  • Boxed(1)

Layout theme settings 1

  • Fullwidth background(2)

Layout theme settings 2

  • Fullwidth(3)

Layout theme settings 3

 

What if I don't want all sections to be the same?

No worries, we have a solution for you.

As you can see on this screenshot below, the global default is selected, meaning that it will follow the layout chose in the layout theme settings.

Therefore to change it form the global default, go in the section settings to « section layout » and simply choose another layout.

Layout theme settings 4

 

Maximum website width 

Your content will extend as far as you told him to, changing this will increase the stretch of your boxed and full width background layout.

Layout theme settings 5

 

The settings down below define a global border radius of small and big elements on your website. Global radius is the curvature of borders. If your elements don't have a custom border radius defined, they will fall back to this setting.

 

Default big element (Minicart container, images, modals) border-radius 

This will change the border-radius, which is the curvature of your elements, of your big elements. You can select from 0 px to 25 px. See the gif below for visual indications.

Layout theme settings 6

 

Default small element (Swatches, buttons, tags, labels) border-radius 

This will change the border-radius, which is the curvature of your elements, of your small elements. You can select from 0 px to 25 px. 

2020-07-07_12.20.06.gif

Default border width

Most of your border on your store will have a custom setting, therefore, it is always better to choose a default one, so it does look good in case you fall back to the default border width.

Layout theme settings 7

 

Space between sections

Margins and paddings define the amount of empty space between the site's elements. This allows your elements to breathe and makes your page easy to navigate. You can change the space between 0 px and 100 px

Layout theme settings 8