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

Header background

Kalles - Collections list packery

Maria Do

Written by Maria Do

Last updated

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

demo.gif

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.

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, choose the design for the heading, also can choose text align: center.

heading.gif

GENERAL OPTIONS

  • Collection item design: there are many designs for collection item. You can adjust collection item with some color options. Each color option will depend on the collection item design.

design.gif
  • Open link in current window or new tab

OPTIONS IMAGE COLLECTION

  • You can config Space bottom, Image padding, Image rounded, hover effect, Image ratio, size, position. Please check this video:

  • Space horizontal/vertical items:

space.gif

DESIGN OPTIONS

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

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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