Featured collection slider

Section overview

The Collection Slider provides a responsive, horizontal scrolling display of collections with customizable cards and promotional content. It allows merchants to showcase multiple collections in an engaging slider format.

Common use cases

• Highlighting featured product categories on the homepage

• Showcasing seasonal or promotional collections

• Creating a visual navigation system for store categories

• Displaying curated collections with supporting promotional content

Usage tips

• Keep the number of collections reasonable (4-6) to prevent overwhelming customers

• Use consistent imagery across collections for a cohesive appearance

• Customize card width settings for optimal display on both mobile and desktop devices

• Consider adding a promotional card block to provide context or encourage browsing

Mobile responsiveness considerations:

• Adjust card width for mobile using the dedicated mobile width setting

• Preview your slider on mobile devices to ensure readability

• Consider hiding complex slider content on mobile if needed using the visibility settings

Section settings

Setting	Description
Collection	Select collections to display in the slider
Heading	Main heading for the section
Content	Rich text content to display alongside the heading
Button label	Text to display on the section's call-to-action button
Button URL	URL for the section's call-to-action button
Spacing top	Amount of padding above the section (0-300px)
Spacing bottom	Amount of padding below the section (0-300px)
Color scheme	Background and text color theme for the section
Border color	Color of section borders
Button color	Style and color theme for buttons
Border position	Position of borders around the section
Horizontal alignment	Alignment of content within the section
Card width mobile	Width of cards on mobile devices (6-12 out of 12 columns)
Card width desktop	Width of cards on desktop devices (1-12 out of 12 columns)
Visibility	Control section visibility on different device types
Show collection size	Enable/disable displaying the number of products in each collection

Block settings

Card

This block allows you to add a promotional content card to the slider that can include images, text, and video content. Limited to 1 block per section.

Setting	Description
URL	Link for the card when clicked
Heading	Title text for the card
Content	Rich text content for the card
Button label	Text for the card's call-to-action button
Image	Main image for the card
Background image	Background image for the card
Video	Video for the card
Auto-play video	Enable/disable automatic video playback
Show mute button	Enable/disable video mute toggle button
Loop video	Enable/disable video looping
Background color	Background and text color theme for the card
Border color	Color and style of card borders
Button color	Style and color theme for the card's button
Column size	Width of the card in grid columns (1-4)