Skip to content
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: