Product grid
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
Show collection description
Show collection image
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
Enable filtering
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
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
Color scheme
Set the text color and background color for the section
Section padding
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
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
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
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