Product grid

Collection page: banner text, filters, sorting, product grid and pagination. Filters and pagination types come from the section settings.

This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.

Settings

Setting	What it does
Banner style	Options: Text only, Image beside text, Text over image. Default: text.
Image source	Options: Collection image, Custom image. Default: collection.
Image	Used for every collection with a custom image, and for collections that have no image of their own.
Height	Options: Small, Medium, Large. Default: medium.
Text alignment	Options: Start, Center. Default: start.
Overlay color	Default: #000000.
Overlay opacity	From 0 to 80 %. Default: 35.
Text color over image	Default: #ffffff.
Show collection description	Default: on.
Show subcollection links	Default: on.
Menu	Shows the links nested under this collection in the menu. Default: main-menu.
Products per page	From 8 to 48. Default: 24.
Columns on desktop	From 2 to 5. Default: 3.
Columns on mobile	Options: 1 column, 2 columns. Default: 2.
Show grid and list view buttons	Default: on.

Setting	What it does
Enable filtering	Set up which filters show in the Search and Discovery app. Default: on.
Enable sorting	Default: on.
Filter layout	Options: Sidebar, Top, Drawer. Default: sidebar.
Show filter counts	Default: on.
Show swatches in filters	Default: on.
Pagination	Options: Page numbers, Load more button, Infinite scroll. Default: load_more.

Setting	What it does
First tile position	Place the tile before this product, on the first page. Set to 0 to hide it. From 0 to 48. Default: 0.
Make the tile two columns wide	Default: off.
Second tile position	Place the tile before this product, on the first page. Set to 0 to hide it. From 0 to 48. Default: 0.
Make the tile two columns wide	Default: off.

Setting	What it does
Padding on mobile	Options: Same as desktop, Smaller, None. Default: same.
Visibility	Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all.