Collection list#
Show collections as cards, a carousel, or a mixed-shape mosaic.
Add this section#
Select Add section > Collection list on the template you want to edit.
Settings#
The settings below follow the same order as the theme editor.
General settings#
- Heading: Enter the text to show.
- Show link to all collections: Turn this on or off.
- Show product count: Turn this on or off.
Layout#
- Layout: Choose List, Grid, or Mosaic. On desktop, List shows each collection image next to the pointer.
- Image fit: Choose Fill the frame or Show whole image. Show whole image suits cutout product photos.
- Height: Choose Small, Medium, or Large.
- Overlay opacity: Use the slider from 20 to 90 %.
- Show numbers: Turn this on or off.
- Outline titles: Turn this on or off. Titles fill in when pointed at. Touch screens show them filled.
- Columns: Use the slider from 2 to 6.
- Color scheme: Choose a color scheme from Theme settings > Colors.
Section padding#
- Top padding: Use the slider from 0 to 160 px.
- Bottom padding: Use the slider from 0 to 160 px.
Mobile layout#
- Layout: Choose Grid or List.
- Columns: Choose 1 or 2.
- Height: Choose Same as desktop, Small, Medium, or Large.
- Image fit: Choose Same as desktop, Fill the frame, or Show whole image.
- Top padding: Use the slider from 0 to 120 px.
- Bottom padding: Use the slider from 0 to 120 px.
Blocks#
Collection#
General settings#
- Collection: Choose a collection.
- Image: Choose an image from your library. Leave empty to use the collection's image. 1000 x 1000px recommended.
- Heading: Enter the text to show. Leave empty to use the collection's title.
Tips#
- Add your real content before fine-tuning spacing and colors.
- Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.