Collection List Section

The Collection List Section lets you highlight multiple collections or visual lookbooks on a page. Each block includes an image, title, description, and optional link.

What You’ll Learn

  • How to showcase multiple collections or lookbooks in a grid
  • How to customize layout, spacing, typography, and colors
  • How to link each block to specific collections or custom pages

📚 Overview

The Collection List Section lets you highlight multiple collections or visual lookbooks on a page. Each block includes an image, title, description, and optional link. This is perfect for building a curated gallery or category grid.

🧭 How To Add the Section

  1. In the Theme Editor, click Add section.
  2. Select Collection List.
  3. Drag the section to where you want it on the page.

🛠 Section Settings

Content & Data

  • Section Title – The heading text that appears at the top of the section.

Layout & Display

  • Number of Items to Show on Mobile – Choose how many blocks appear on smaller screens.

Typography

Control font sizes across devices:

  • Section Title Size (Desktop & Mobile)
  • Lookbook Title Size (Desktop & Mobile)
  • Description Size (Desktop & Mobile)
  • Toggle Bold Section Title and Bold Lookbook Title as needed.

Colors

Customize each element’s appearance:

  • Background Color
  • Section Title Color
  • Lookbook Title Color
  • Description Color

Styling

  • Round Image Corners – Adjust border radius for the images.

Spacing

Control the padding and visual separation:

  • Top/Bottom Spacing (Desktop & Mobile)
  • Space Between Header and Lookbooks
  • Gap Between Items (Desktop & Mobile)

🧱 Block Settings (Collection Item)

Each block in the Collection List allows the following:

  • Cover Image – Upload a visual for the collection or lookbook.
  • Title – Name your collection or lookbook.
  • Description – Optional supporting text.
  • Lookbook Link – Paste a link to any collection or page in your store.

💡 Tip: You can add multiple collection blocks under the same section using + Add block.

Need Help?