Collection List Section
Last updated
Last updated
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
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.
In the Theme Editor, click Add section.
Select Collection List.
Drag the section to where you want it on the page.
Section Title – The heading text that appears at the top of the section.
Number of Items to Show on Mobile – Choose how many blocks appear on smaller screens.
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.
Customize each element’s appearance:
Background Color
Section Title Color
Lookbook Title Color
Description Color
Round Image Corners – Adjust border radius for the images.
Control the padding and visual separation:
Top/Bottom Spacing (Desktop & Mobile)
Space Between Header and Lookbooks
Gap Between Items (Desktop & Mobile)
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.
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
💬 Join our community on Discord:
