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
In the Theme Editor, click
Add section
.Select Collection List.
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
andBold 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