Table of Contents
A visual grid for highlighting product categories or collections with imagery, ideal for homepage navigation shortcuts.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Section width: Choose from: “Page”, “Full”.
- Heading: Enter the text you want to display.
- Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Show View all button: Displays view all button when this is switched on.
- Button label: Enter the text you want to display.
- Link: Link this element to a page, product, collection, blog, or external URL.
- Image ratio: Choose from: “Adapt to image”, “Square”, “Portrait”, “Landscape”.
- Desktop view: Choose from: “Grid”, “Slideshow”.
- Desktop columns: Fine-tune this value with the slider (from 1 to 4).
- Enable mobile slideshow: Switch this on to activate mobile slideshow.
- Mobile slides per view: 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”.
Category block #
- Category title: Enter the text you want to display.
- Category image: Upload or select an image to display.
- Category link: Link this element to a page, product, collection, blog, or external URL.
- Button label: Enter the text you want to display.
- Text color: Pick a specific color for this element.
