# 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)      |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/paper/sections/products-and-collections/featured-collection-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.