Product grid
Setting | Description |
---|---|
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:
|
Collection banner
Setting | Description |
---|---|
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:
|
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:
|
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:
|
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
Setting | Description |
---|---|
Enable filtering | Select this checkbox to show/hide product filtering on the collection page. Customize filters. |
Subheading size | Font size of text:
|
Desktop filter layout | Select the filter layout on the desktop from the dropdown menu:
(Drawer is the default mobile layout) |
Layout style | Select the layout style for the section:
|
Pagination type | Select the pagination type from the dropdown menu:
|
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
Setting | Description |
---|---|
Enable sorting | Select this checkbox to show/hide product sorting on the collection page |
Sorting style | Select the sorting style for the block:
|
Enable layout switcher | Select this checkbox to show/hide layout switcher |
Product card
Setting | Description |
---|---|
Color scheme | Set the text color and background color for the section |
Section padding
Setting | Description |
---|---|
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
Setting | Description |
---|---|
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:
|
Content
Setting | Description |
---|---|
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:
|
Heading | Add text to display as a block heading (Leave the field blank to hide the heading) |
Heading size | Font size of text:
|
Button type | Select type of the 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
Setting | Description |
---|---|
Content inside image | Enable/disable checkbox |
Content alignment | Set horizontal alignment for content inside section containers.
|
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