Collection list
Last updated
Last updated
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.
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.