Main Collection

Table of Contents

Controls the main product grid on a collection page, including filtering, sorting, and pagination.

Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
Section width: Choose from: “Page”, “Full”.
Product per page: Fine-tune this value with the slider (from 1 to 100).
Desktop product per page: Fine-tune this value with the slider (from 1 to 6).
Mobile product per page: Fine-tune this value with the slider (from 1 to 3).
Show second image on hover: Displays second image on hover when this is switched on.
Show variant swatches: Displays variant swatches when this is switched on.
Show add to cart button: Displays add to cart button when this is switched on.
Show product vendor: Displays product vendor when this is switched on.
Show product rating: Displays product rating when this is switched on.
Filter type: Choose from: “Vertical”, “Horizontal”, “Drawer”.
Top padding: Fine-tune this value with the slider (from 0 to 100px).
Bottom padding: Fine-tune this value with the slider (from 0 to 100px).
Pagination: Choose from: “Infinite”, “Load more button”, “Pagination by number”.

Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
Image: Upload or select an image to display.
Heading: Enter a longer block of plain text.
Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
Text: Configure this option to control the setting’s behavior.
Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
Text align: Choose from: “Left”, “Center”, “Right”.
Link: Link this element to a page, product, collection, blog, or external URL.
Button label: Enter the text you want to display.
Promotion position: Fine-tune this value with the slider.
Promotion width: Choose from: “1 Column”, “2 Column”.
Promotion height: Choose from: “1 Row”, “2 Row”.

Besely-Getting-Started