Collection packery

The collection list displays a quick list of desired collections to catch visitors' attention.

Steps

1. In the theme editor (Customize), click Add section

2. Locate Collection packery

3. Save

Section settings

Section header and general

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the background color and container type.

Layout: You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

Color schema: You are allowed to change text color, background color, etc. with preset color.

Content settings

Hover effect: This option allows you to set an effect when hovering for image with many selections (Warning: Hovering effect will resize your images).

Aspect ratio: You can set the ratio for images with presets or set up your own ratio with Custom ratio

Column gap: You are allowed to change both of them for mobile devices.

Section padding

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

Blocks settings

Collection heading: This will be shown in place of the collection name if it's not left empty, allowing for customized or more descriptive titles.

Select collection: Choose the link that leads to the desired collection, providing a direct pathway for users to explore specific products or categories.

Select image: This will be shown in place of the collection thumbnail if it's not left empty.