Product grid

SettingDescription

Products per row

Determines the maximum of products can be shown per row. Can be from 2 to 5, increasing arithmetically of 1.

Number of products per page

Determines the maximum of products can be shown per page. Can be from 8 to 24, increasing arithmetically of 1.

Number of columns on mobile

Select the number of columns to display on mobile devices from the dropdown menu:

  • 1 Column

  • 2 Column

Collection banner

SettingDescription

Show collection description

Select this checkbox to show/hide collection description (Add a description by editing your collection. Learn more)

Show collection image

Select this checkbox to show/hide collection image (Add a image by editing your collection. Learn more)

Breadcrumb size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Breadcrumb bottom margin

Determines the margin area on the bottom of the breadcrumb. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

Heading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Heading bottom margin

Determines the margin area on the bottom of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

Text size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Text bottom margin

Determines the margin area on the bottom of the text. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

Color scheme

Set the text color and background color for the section

Use custom color

Enable/disable checkbox

Text

Set the color for the text

Background

Set the background color for this section. (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for this section

Bottom margin

Determines the margin area on the bottom of the block. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)

Filtering

SettingDescription

Enable filtering

Select this checkbox to show/hide product filtering on the collection page. Customize filters.

Subheading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Desktop filter layout

Select the filter layout on the desktop from the dropdown menu:

  • Horizontal

  • Horizontal (Plus)

  • Vertical

  • Drawer

(Drawer is the default mobile layout)

Layout style

Select the layout style for the section:

  • Special

  • Classic

Pagination type

Select the pagination type from the dropdown menu:

  • None

  • Dots

  • Progressbar

  • Fraction

  • Dashed

Input option name to show swatch style

Fill in the field with the same name of filter to show swatch style

Input option name to show pill style

Fill in the field with the same name of filter to show pill style

Color scheme

Set the text color and background color for the section

Toolbar

SettingDescription

Enable sorting

Select this checkbox to show/hide product sorting on the collection page

Sorting style

Select the sorting style for the block:

  • Default

  • 'Sort by' text inside

  • 'Sort by' text outside

Enable layout switcher

Select this checkbox to show/hide layout switcher

Product card

SettingDescription

Color scheme

Set the text color and background color for the section

Section padding

SettingDescription

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Top padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).


Block Banner

SettingDescription

Banner position

Determines the position of banner. Can be from 1 to 25, increasing arithmetically of 1. (Banner position must be less than Number of products per page)

Image

Set up an image

Image ratio

Determines the ratio between the image's width and height. Select image ratio from the dropdown menu:

  • Adapt to image

  • Portrait

  • Square

Content

SettingDescription

Subheading

Add text to display as a block subheading (Leave the field blank to hide the subheading)

Typography for subheading

Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography

Subheading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Heading

Add text to display as a block heading (Leave the field blank to hide the heading)

Heading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Button type

Select type of the button:

  • None: hide the button.

  • Link: show as a link.

  • Button: show as a button.

Button label

Add text to display as a button on the block (Leave the field blank to hide the link)

URL

Set the link, for example the customer service page

General

SettingDescription

Content inside image

Enable/disable checkbox

Content alignment

Set horizontal alignment for content inside section containers.

  • Left

  • Center

  • Right

Color scheme

Set the text color and background color for the block

Image overlay opacity on hover

Determines the image overlay opacity of the block. Can be from 0% to 100%, in 10% arithmetic increments

Background

Set the background color for the overlay

Last updated