Skip to main content

Collection v1

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

collection demo

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

Collection settings​

slideshow demo

Layout Settings​

Control spacing and rounding of layout elements for better alignment and visual comfort.

1. Spacing​

Adjust the space between elements inside the section or block.
Example: 10px

This value defines the gap or padding between components such as images, text, or blocks within the container.

2. Border radius​

Set the roundness of the corners for elements such as images, blocks, or backgrounds.
Example: 0.8rem

Higher values create more rounded corners, while lower values result in sharper edges.

General settings​

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

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

Block Settings​

slideshow demo

Use this block to display an image that links to a specific product, collection, or any custom destination. Ideal for showcasing featured items visually.

1. Image​

Upload or select an image to represent the item visually.

  • Recommended size: 1920 x 2280 pixels
  • High-resolution images ensure clarity and responsiveness across devices.

2. Image URL​

Link the image to a desired destination:

  • Product page
  • Collection page
  • Any internal or external URL
    Example: Linked to All Products

Click the link icon to select from existing store content, or paste a custom URL manually.