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 sizeThe size of the heading text:
-Extra small
-Small
-Medium
-Large

-Extra large
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
LayoutGridTraditional grid layout for collections
Slider
Carousel-style scrolling display
Grid settingsDesktop columns – Choose 1-6 columns for desktop display
Mobile columns – Select 1-2 columns for mobile devices
Card settingsChoose how content appears on collection cards:
Standard – Basic card layout
Content inside with overlay – Text overlaid on collection image
Content inside with button – Text and button overlaid on image

Image ratio:
————-
Adapt to image – Uses collection image’s natural aspect ratio (cropped)
Portrait – 2:3 cropping ratio for taller images
Square – 1:1 cropping ratio for square images
Circle – Images cropped to 100% rounded circles

Round corners – Enable rounded corners for collection images
Show zoom on hover – Enable/disable image zoom effect on mouse hover

Show product count – Display number of products in each collection
Show arrow button – Toggle visibility of navigation arrows

Button Style:
————-
Secondary – Outlined button style
Primary – Filled button style

Button Size:
————–
Large – Bigger button for emphasis
Medium – Standard button size
Small – Compact button size

Card color scheme: card color scheme for every card.
Button settings (View all)if list includes more collections than shown

Button label – Customize button text (e.g., “View all”)
Button style – Secondary, Primary, or Link options.
Color schemeCard color scheme – Apply consistent colors across all collection cards
Color scheme for – Additional color customization options

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 – Choose which collection to display for this 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.
HeadingAdd custom heading text for the collection block
LinkSet custom destination URL for the collection block

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 spacing

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 23, 2025

Was this article helpful?

PREVIOUS

Featured collection

NEXT

Testimonials

Powered by Support Genix