Collection list

A grid or slideshow of collection cards, letting customers jump directly into specific collections from any page.

Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
Section width: Choose from: “Page”, “Full”.
Design layout: Choose from: “Default”, “Editorial”.
Subheading: Enter a short line of text.
Subheading: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
Heading: Enter a short line of text.
Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
Text: Enter a longer block of text (one item per line where applicable).
Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
Text align: Choose from: “Left”, “Center”, “Right”.
Desktop view: Choose from: “Grid”, “Slideshow”.
Desktop columns: Fine-tune this value with the slider (from 1 to 6).
Enable mobile slideshow: Switch this on to enable 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).
Autoplay slideshow: Switch this on to enable autoplay slideshow.
Speed (ms): Fine-tune this value with the slider (from 10 to 100).
Show navigation: Switch this on to show navigation.
Show scrollbar: Switch this on to show scrollbar.
Pagination style: Choose from: “Dots”, “Progress bar”, “Numbers line”, “Circle progress”.

Collection: Select a collection from your store.
Image: Upload or select an image to display.
Collection heading: Enter a short line of text.
Button label: Enter a short line of text.
Collection url: Link to a page, product, collection, blog post, or external URL.

Kicks getting started