Skip to content
Slider products
Block limitations
This is a private block and can only be used within specific parent blocks. It is designed to work exclusively within the Slider block.
Overview
A product slider component designed to display a collection of products within the Slider block. This block renders individual product items in a horizontally scrollable slider format with responsive sizing and customizable gap spacing.
Common use cases
- Use for featuring product collections in a horizontal slider format
- Adjust width settings based on how many products you want visible at once
- Consider mobile experience when setting width values
- Use tag filtering to create themed or curated product collections
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals filter by tag, and visibility | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Collection | Collection to display products from | Collection picker |
| Item count | Number of products to display | Number (default: 7) |
| Filter by tag | Filter products by a specific tag | Text input Visible when Show advanced settings is on |
| Show products in cart | Displays products even if they're already in the cart | Checkbox (default: true) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Width mobile | Width of each slider item on mobile | 5 - 100 % (default: 80) |
| Width desktop | Width of each slider item on desktop | 5 - 100 % (default: 20) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |