SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ocolus - Collections list packery

Annie

Written by Annie

Last updated

537 views

On this page


This section allows you to show a collections list with many designs. Shopify 2.0 allows you to add this section to any pages that you wanna use.

Steps: In the theme editor (Customize) > Add section > Collections list packery > Save.

1. Collection item

Go to Collections list packery > Add collection item. You can choose a Collection and adjust an image, a title, a link for each item.

11.png

Moreover, you can choose Item width for desktop, tablet and mobile. With each item width, you will have a different layout:

2. Collections list packery settings

HEADING OPTIONS

  • You can enter the Heading and Subheading, also can choose text align: center.

22.png

GENERAL OPTIONS

  • Adjust font size, color for title, description and button

23.png
  • Content align: Default or Center

  • Open link in current window or new tab

OPTIONS IMAGE COLLECTION

  • You can config Image rounded, hover effect, Image ratio, size, position.

24.png

BOX OPTIONS

  • Space horizontal/vertical items:

25.png

DESIGN OPTIONS

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.