Collection List Section

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?

  • 💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

Last updated