Highlights products from a chosen collection in a grid, carousel, or slider layout on any page.
Section settings #
- Section width: Choose from: “Page”, “Full”.
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Subheading: Enter the text you want to display.
- Subheading: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Heading: Enter the text you want to display.
- Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text: Enter a longer block of plain text.
- Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Show tab image: Displays tab image when this is switched on.
- Show View all button: Displays view all button when this is switched on.
- Button label: Enter the text you want to display.
- Button style: Choose from: “Primary button”, “Secondary button”, “Outline”, “Link”.
Product display settings #
- Show second image on hover: Displays second image on hover when this is switched on.
- Desktop view: Choose from: “Grid”, “Slideshow”.
- 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.
- Show variant swatches: Displays variant swatches when this is switched on.
- Enable mobile slideshow for grid view: On mobile, grid view will become a horizontal slideshow
- Products to show: Fine-tune this value with the slider (from 2 to 50).
- Products per row on desktop: Fine-tune this value with the slider (from 2 to 6).
- Products per row on mobile: Fine-tune this value with the slider (from 1 to 3).
- 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).
Slideshow settings #
- Autoplay slideshow: Turns the “Autoplay slideshow” option on or off.
- Speed (ms): Fine-tune this value with the slider (from 10 to 100).
- Show navigation: Displays navigation when this is switched on.
- Show scrollbar: Displays scrollbar when this is switched on.
- Pagination style: Choose from: “Dots”, “Progress bar”, “Numbers line”, “Circle progress”.
Collection block #
- Tab label: Enter the text you want to display.
- Collection: Select the collection to feature.
- Tab image: Upload or select an image to display.
