Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ocolus - Collections list packery

Annie

Written by Annie

Last updated

415 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.


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.