The main collection/product-grid template: layout, filtering, sorting, product cards, and pagination.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Card 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: Switch this on to show second image on hover.
- Show variant swatches: Switch this on to show variant swatches.
- Show add to cart button: Switch this on to show add to cart button.
- Show product vendor: Switch this on to show product vendor.
- Show product rating: Switch this on to show product rating.
- 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”.
App blocks #
This section supports Shopify app blocks — install a compatible app and add its block from the Add block menu in the theme editor.
Promotion block #
- 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 text (one item per line where applicable).
- Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text: Enter a single line of formatted text.
- Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text align: Choose from: “Left”, “Center”, “Right”.
- Link: Link to a page, product, collection, blog post, or external URL.
- Button label: Enter a short line of text.
- Promotion position: Fine-tune this value with the slider (from 1 to 20).
- Promotion width: Choose from: “1 Column”, “2 Column”.
- Promotion height: Choose from: “1 Row”, “2 Row”.
