Collection list

The collection list is an interactive showcase for your handpicked collections. With rich customization options, you can captivate your audience and urge them to explore more.

Section settings

Settings
Type
Description

Heading

text

Section title shown above the collection list.

Heading size

range

Adjusts the font size of the section heading.

Layout

Layout

select

Choose between Grid or Carousel for desktop view.

Alignment

select

Aligns the heading Left or Center.

Collections per row on desktop

range

Sets how many collections appear in a row on desktop devices.

Collections per row on mobile

select

Sets how many collections display per row on smaller screens: 1 or 2.

Image shape

select

Choose between Circle or Square images.

Image aspect ratio

range

Adjusts the height-to-width ratio of the collection image display.

Collections

Enable product count

checkbox

Displays how many products are in each collection.

Text size

range

Adjusts the font size for collection titles.

Overlay text

checkbox

Enables text to overlay directly on top of collection images.

Mobile layout

Enable slider

checkbox

Converts mobile layout to a horizontal slider.

Colors

Background

color

Sets the section background color.

Overlay gradient

color_background

Adds a gradient overlay to the collection blocks.

Text

color

Sets the text color for the section.

Section spacing

Width

select

Choose between Full width padded or Page width content area.

Padding top and bottom

range

Adds vertical spacing above and below the section.

Last updated