Skip to main content

Collection v7

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 list settings​

1. Collection settings​

  • Choose appropriate collection and image.

collection demo

collection demo

Gap: Determine the space between 2 items

Hover style: Effect when hovering over image

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