Skip to main content

Collection v2

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

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

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

  • Gap: Determine the space between 2 items

  • Autoplay: run the carousel automatically

  • Hover style: Effect when hovering over image

collection demo

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