Skip to main content

Collection v1

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. Section Title :​

- Title Use the provided fields to add a title for the section. Leave any of the fields blank if you do not want to display them.

collection demo

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

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​

  • Select the collection you want to display here.

Image: Upload an image if you want to replace it

collection demo

Button settings You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button style, Button size option, Custom Border radius, Button padding and Choose the button's effect .

collection demo