Collection v4

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

collection demo

💡steps:

Add Collection list to the home page

  1. In the theme editor (Customize), click Add section
  2. Locate Collection
  3. Save

Collection settings

1. Collection settings

collection demo

Column limit: Determine the number of collections shown per row.

Image gap: Determine the space between 2 items

Hover style: Effect when hovering over image

2.Button settings

collection demo

3.General settings

Container type: You can choose among Box, Wide, Fullwidth for the collection layout. Color schema: Set text color and background color with preset scheme Section padding allows you to specify the space between the collection and the preceding or following sections, or both.

collection demo

Block settings

1. Collection

collection demo