Collection lists

Section overview

Collection lists in Slab are built from the generic section.liquid and exposed as two presets in the theme editor:

• Collection list: grid

• Collection list: slider

Use these presets when you want to showcase multiple collections on one page with either a fixed grid or a horizontal slider layout.

Common use cases

• Building homepage collection navigation.

• Highlighting featured collections by season or category.

• Creating curated collection discovery sections.

• Reusing a consistent collection-card style across layouts.

Usage tips

• Choose the grid preset for denser browsing and the slider preset for visual storytelling.

• Keep collection imagery consistent across cards for a cleaner layout.

• Start with default spacing and gap values, then tune based on card size.

• Test both desktop and mobile behavior after changing columns or slide widths.

Section settings

Both presets inherit the shared section.liquid settings, including:

Setting	Description
URL	Optional link for the entire section wrapper.
Enable background image or video	Turns on background media rendering for the section.
Top spacing / Bottom spacing	Controls section vertical spacing.
Gap size	Controls spacing between child layout elements.
Color scheme / Color border / Border position	Controls visual styling and border behavior.
Vertical alignment	Aligns section content vertically.
Enable margin	Applies global horizontal margin settings.
Visibility	Controls device visibility (all, mobile, or desktop).

Block settings

Preset-specific block structures are documented in:

• Collection list: grid

• Collection list: slider