Collection list: Spotlight

The Collection list: Spotlight section allows merchants to highlight selected collections with visually engaging layouts and hover effects.

This block is designed to create a modern “feature-style” presentation where each collection is accompanied by its image, title, and optional product count. It is fully customizable — you can control layout width, alignment, spacing, background, hover animation, and slider behavior on mobile devices.

Location: Sections -> Templates -> Collections: Collection list: Spotlight

---

Collection list: Spotlight – Options Overview

Option	Explanation
Heading:
Subheading	Adds a smaller text line below or above the section heading.
Heading	Defines a secondary or internal title for the layout.
Description	Short paragraph providing context about the collections.
Heading alignment: Left / Center	Aligns section headings to the left or center.
Layout:
Top spacing: None / Small / Medium / Normal	Adjusts vertical spacing above the section.
Width: Default / Boxed / Wide	Controls how wide the section appears on the page; Wide works for screens 1440px and wider.
Settings:
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 animation to images for visual interactivity.
Image ratio: Portrait (3:4) / Landscape (4:3) / Square (1:1) / Round (1:1) / Social story (9:16) / Widescreen (16:9)	Sets the image proportions for consistent visual design.
Heading size: Large / Medium / Small	Changes the heading font size.
Show products count	Displays the number of products available in each collection.
Swap content with image	Reverses the order of images and text for alternating layouts.
Slider settings:
Mobile navigation: Disable / Dots	Chooses navigation type on mobile — with or without pagination dots.
Dividing line:
Show	Toggles visibility of a horizontal dividing line.
Background:
Background: Hide / Color / Gradient / Image	Selects a transparent, solid, gradient, or image background.
Colors:
Base	Defines the main text and content color.
Accent	Sets highlight or accent color for key elements.
Lines	Controls the color of section borders and dividing lines.
Collection:
Heading	Sets color for collection titles.
Heading link hover	Defines hover color for collection title links.
Counter text	Controls the color of product count text.
Counter text hover	Sets hover color for product count text.
Media button:
Slider dots	Adjusts the color of navigation dots used in sliders.

Collection – Options Overview

The Collection block inside the Collection list: Spotlight 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.