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

1. Layout settings​

  • Container type: Specifies the width of the header content

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

  • Gap: Determine the space between 2 items

  • Hover style: Effect when hovering over image

collection demo

2. 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 mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

3. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo

Block settings​

1. Collection settings​

collection demo