Zest Theme
Zest Theme
Theme Sections

Collection list

2 min read
image

Use the Collection list section to display a grid of your featured collections. It’s perfect for helping shoppers browse by product category

How to add a Collection list section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section.
  2. Locate Collection list.
  3. Make necessary changes.
  4. Save.
To know more about creating and editing collections, refer to this tutorial.

How to edit a Collection list

Section settings

Collection card

  • Style: Control how the collection cards display.
image
image
image
image
image
image
  • Show product count: Show the number of products included in the collection.
image
image

Grid settings

  • Number of columns on desktop: Display from 2 to 12 collection cards per row.
  • Column gap / Row gap: Adjust spacing between cards.
  • Enable carousel on desktop: When enabled, the section turns into a horizontal scroll if your collections exceed the number of columns.
  • Show pagination: Displays dots below the carousel.
  • Show navigation: Displays arrows to navigate between slides.
image

Mobile layout

  • Enable swipe on mobile: Allows horizontal scrolling.
  • Number of columns on mobile: Choose between 1 or 2 columns for mobile view.

Block settings

image

Each collection is added as a block in this section. You can customize:

  • Collection: Select which Shopify collection to display.
  • Image: Optional custom image override for the collection card.
  • Collection title: Add a custom name (or leave blank to use the collection’s default title).
Last updated