Skip to content
Collection card
Overview
A flexible collection card block for displaying a single collection and its associated content blocks. This block is designed to be used within grid or slider layouts and supports a wide range of content types, including rich text, images, videos, icons, and collection-specific information. The block offers extensive customization options for spacing, color scheme, border style, layout, and responsive visibility, making it suitable for various merchandising and design needs.
Common use cases
- Use within grid or slider sections to create collection galleries or featured collection displays
- Configure the content blocks to highlight key collection information, such as title, description, and featured image
- Adjust spacing and color settings to match your theme's design language and improve visual hierarchy
- Use the visibility settings to tailor the collection card display for different devices and layouts
- Leverage scroll animations to add engaging motion effects to collection cards
Compatible blocks
The following blocks can be nested within this block:
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility, load animation, and scroll animation | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Collection | Select the collection to display | Collection picker |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the collection card | Checkbox (default: false) |
| Enable vertical padding | Adds vertical padding around the collection card | Checkbox (default: false) |
| Gap size | Spacing between content blocks within the card | • None |
Color
| Setting | Description | Options |
|---|---|---|
| Color scheme | Controls the background and text colors | • Body (default) |
| Color border | Controls the border color | • Body |
Style
| Setting | Description | Options |
|---|---|---|
| Border position | Controls where borders appear | • None (default) |
| Show underline on hover | Displays an underline effect when hovering over the card | Checkbox (default: false) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |
| Load animation | Animation when the block first loads | • None (default) Visible when Show advanced settings is on and Scroll animation is None |
| Scroll animation | Animation effect when the card scrolls into view | • None (default) Visible when Show advanced settings is on and Load animation is None |