Main collection
Section settings
General
Section width
Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width)
Padding for 'full width' option on desktop
Determine the left and right spacing of the full width layout.
Background color - Background color
Set the background/gradient for the section.
Sidebar
Collapsible block style
Turn the blocks in sidebar to be collapsible.
Enable sticky sidebar
Fix the position of the sidebar when scrolling until the end of the collection content.
Layout
Determine how collapsible blocks are presented: Style 1 (The collapsible blocks appear with carets) Style 2 (The collapsible blocks appear with minus and plus icons)
Collapsible
Select the collapse state of the collapsible blocks when the page loads.
Type
Select how the sidebar is presented. There are 2 options: Vertical (the sidebar will lie on the left or the right of the page) Horizontal ( the sidebar will lie on the beginning of the page)
Position
Select the position of the side to be either to the Left or Right.
Block heading
Font family
Select the font family for the heading of the sidebar.
Font size
Determine the font size of the heading of the sidebar.
Font weight
Select the font weight of the heading of the sidebar
Text style
Select the text transform for the heading of the sidebar
Filter
Show product filtering
Enable to show product filtering on the sidebar.
Swatch style for filter
Input filter name to show swatch style.
Swatch type
Select the type for the swatch. There are 2 options:
Basic color (use color name) Advanced color (use image with PNG format)
Swatch layout
Select the layout for the swatch. There are 3 options: Color swatch Color swatch with name Color swatch with name and count
Rectangle style for filter
Input filter name to show rectangle style
Filter display
Select how to display filters. There are 2 options:
Scrolling Show more button
Maximum items per filter
Determine the maximum number of items displayed when the page loads. Note: used for filter display: show more button.
Filter label for all tags
When using a name other than the label 'more filters,' please enter the label name according to the name you've set in this setting.
Apply hidden tag filter
Enter the product tags that you don't want to display in filter by tag. Note: Separate by a comma, i.e 'red,blue,yellow'.
Toolbar
Show toolbar
Enable to show the toolbar.
Show sorting
Enable to show the sorting.
Show 'items per page'
Enable to show the 'items per page'.
Show 'view as'
Enable to show the 'view as'.
Product
Maximum products per page
Determine the maximum number of products displayed on 1 page.
Layout
Select layout when displaying product items.
Pagination
Pagination
Select the pagination function. There are 3 options: Pagination Show more button Infinite scroll
Product banner in collection
Use for layout 'collections banner advertisement'
Enable banner
Enable to show the banners for layout 'collections banner advertisement'.
Enable banner #1/#2/#3
Enable to show the banner #1/#2/#3
Banner position #1/#2/#3
Enter the position/order of the item you want to display the banner #1/#2/#3.
Image 1/2/3
Select the image for the banner 1/2/3.
Link 1/2/3
Enter the link for the banner 1/2/3.
Grid
Space between vertical
Determine the vertical distance between two items on the desktop.
Space between vertical mobile
Determine the vertical distance between two items on the mobile.
Space between horizontal
Determine the horizontal distance between two items on the desktop.
Space between horizontal mobile
Determine the horizontal distance between two items on the mobile.
Top padding
Desktop
Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet
Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile
Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Bottom padding
Desktop
Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet
Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile
Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Last updated