Collection list: Type 2

The Collection list: Type 2 section displays collections in a visually flexible grid or slider layout with images, headings, and product counts.

It emphasizes customizable text positions, text box opacity, and hover effects for images, giving a modern and interactive presentation. Merchants can control spacing, columns, background, colors, slider functionality, and interactive elements to match their store branding. This layout is ideal for stores wanting a visually engaging display that highlights collections with images and text overlays.

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

---

Collection list: Type 2 – 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 the section heading 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 screens.
Number of columns on tablet: 1–6	Controls how many collection items appear per row on tablet devices.
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 position: top / center / bottom	Controls vertical position of text overlays on collection images.
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.
Text box opacity: 0–100%	Sets the transparency level of the text box overlay on collection images.
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 the 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.
Icon	Sets the color of icons used in collection blocks.
Text box	Defines the color or background of text box overlays on images.
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 2 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.