Collection list: Type 1

The Collection list: Type 1 section displays selected collections in a grid or slider layout with customizable text, images, and interactive effects.

It is designed for stores that want a flexible, modern presentation of multiple collections with adjustable columns, image ratios, hover effects, and optional slider functionality. This section allows full control over spacing, colors, backgrounds, headings, and product counts to match the store’s branding.

Location: Sections -> Templates -> Collections: Collection list: Type 1

---

Collection list: Type 1 – Options Overview

Option	Brief Explanation
Heading:
Subheading	Adds a smaller text line to introduce the section.
Heading	Sets the main title displayed above the collections.
Description	Short paragraph providing context or explanation of the collections.
Heading alignment: Left / Center	Aligns section heading text to the left or center.
Layout:
Top spacing: None / Small / Medium / Normal	Adjusts the vertical space above the section.
Width: Default / Boxed / Wide	Sets section width; Wide is optimized for larger screens.
Number of columns: 2–12	Controls how many collection items appear per row on desktop.
Number of columns on tablet: 1–6	Controls how many items appear per row on tablets.
Mobile grid: One item per row / Two items per row	Determines the number of items per row on mobile devices.
Collections
Image hover effect: Basic theme settings / Disable / Zoom in #1 / Zoom in and rotate / Zoom in #2 / Zoom out #1 / Zoom out #2 / Slide / Shine	Adds hover animations to collection images for interactivity.
Image ratio: Auto / Portrait (3:4) / Landscape (4:3) / Square (1:1) / Round (1:1) / Social story (9:16) / Widescreen (16:9)	Sets the aspect ratio of collection images for consistent visual layout.
Text align: Left / Center	Aligns collection text content to the left or center.
Heading size: Normal / Small	Adjusts the font size of collection headings.
Underline on hover	Adds an underline effect to headings when hovered.
Show products count	Displays the number of products in each collection.
Slider settings
Enable slider	Activates slider functionality for the collection list.
Dividing line:
Show	Toggles visibility of a horizontal divider above the section.
Background:
Background: Hide / Color / Gradient / Image	Sets section background to transparent, solid color, gradient, or custom image.
Colors:
Base	Defines the main text and content color.
Accent	Sets highlight or accent color for interactive elements.
Lines	Controls the color of borders and dividing lines.
Collection
Heading	Sets the color of collection headings.
Heading link hover	Controls the hover color for collection headings that are links.
Description	Defines the color of collection descriptions.
Media button	Sets the color for media or image buttons.
Slider arrows	Controls the color of navigation arrows in slider mode.
Slider dots	Sets the color of slider pagination dots.

Collection – Options Overview

The Collection block inside the Collection list: Type 1 section allows merchants to define and customize each collection item displayed in the list or slider. If multiple collection blocks are added, the theme displays them in the order set in the editor, or by priority if that option is available.

Option	Description / Shopify Documentation Details
Collection	Selects the Shopify collection to display. The system automatically pulls its title, featured image, and link unless custom fields are used.
Image	Upload or select a custom image for this collection card. Overrides the collection’s default featured image. Use optimized images for consistent design.
Collection name	Sets the display name for the collection. This can override the collection’s actual title in Shopify, allowing for marketing-friendly or shortened names.
Custom link Highest priority	Replaces the standard collection link with a custom URL. Use this to direct customers to landing pages, tagged collections, or campaign destinations.