Collection list

The appearance of the collection list

Section title settings

SettingsDescription
HeadingRichText: You can add a section title using the RichText editor. Learn more about this
Heading sizeLarge: This is the large text size of the section heading. Desktop size: 50px, Mobile Size: 30px
Medium (Default): This is the medium text size of the section heading. Desktop size: 40px, Mobile Size: 28px
Small: This is the medium text size of the section heading. Desktop size: 32px, Mobile Size: 25px
SubheadingThis is the section subtitle.
Heading alignmentLeft: Aligns the content to the left.
Right:
 Aligns the content to the right.
Center: Aligns the content to the center.

Collection card

SettingsDescription
Image ratioAdapt to image: Uses the aspect ratio of the collection images is cropped.
Portrait: uses a 2:3 cropping ratio to the images.
Square: uses a 1:1 cropping ratio to the images.
Circle: Images are cropped to a 100% rounded.
Round the corners of the imageIf you enable it, the collection image corners will be rounded.
Show product countThis is an option to show how many products are in a collection.
Enable “View all” buttonif list includes more collections than shown
LayoutGrid: If you select this, the collection will be displayed left to right with an equal size of columns.
Collage: If you select this, the first 2 collections will be displayed in the first row in 2 columns. And the remaining collections will be displayed in 3 columns per row. Variation of columns per row will only affect desktop devices.
Slider (Default):
If you select this, the collections will be activated on the slider mode.
Number of columns on desktopYou can select a product column per row following the options (1, 2, 3, 4, 5). Except for the collage layout, Works on all other layouts.

Slider settings

If you enable the layout slide, the slider settings will be working fine

SettingsDescription
Auto-rotate slidesA slide show can be set to play automatically.
Change slides everyDetermine how frequently to update slides. Minimum 1s and maximum 10s
Show navigationYou can hide/show slider navigation next/prev arrow button. You can go to the next/prev slide by clicking the next/prev buttons.
Hover background colorThis is the navigation button hover background color.
Hover text colorThis is the navigation button text hover color,

Collection block settings

SettingsDescription
CollectionSelect collection: You can display any collection for a specific collection card.
ImageYou can add a collection image from the customizer.
Optional! Instead of the collection’s image, the selected image will be displayed.

Mobile settings

SettingsDescription
Section title alignmentLeft: Aligns the content to the left.
Right:
 Aligns the content to the right.
Center: Aligns the content to the center.
Number of columns on mobileYou can select a product column per row following the options (1, 2). Except for the collage layout, Works on all other layouts.

Section padding settings

SettingsDescription
Desktop: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Last updated on November 24, 2025

Was this article helpful?

PREVIOUS

Featured product

NEXT

Change the copyright text at the footer

Powered by Support Genix