Collection List

The Collection List section allows merchants to display multiple collections in a visually engaging slider or grid layout. Each collection can feature a custom image, title, and link. Ideal for highlighting product categories or featured groups.

Section Settings #

Color scheme #

Choose the desired color palette for this section from the available theme schemes.

Section width #

Choose how wide the section spans on the page:

  • Page: Aligns section content with the page container.
  • Full: Stretches the section edge-to-edge across the browser window.

Section heading #

Enter a heading to introduce the collection list.

Heading size #

Select the text size for the heading (e.g., H1, H2, H3, H4, H5, H6).

Text alignment #

Choose the alignment of the section heading (Left, Center, or Right).

Slider speed #

Adjust the speed of the collection slider transition (in seconds).

Reverse direction #

Enable or disable this option to change the scrolling direction of the slider.

Top padding #

Add spacing above the section (in pixels).

Bottom padding #

Add spacing below the section (in pixels).

Block: Collection #

Each block represents one collection item in the slider or grid.

Collection #

Select the Shopify collection to be displayed.

Image #

Upload a custom image for this collection (recommended if you want a unique visual instead of the default collection image).

Collection title #

Enter a custom name for the collection display.

Collection URL #

Add the URL handle or custom link.