> For the complete documentation index, see [llms.txt](https://help.brickspacelab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.brickspacelab.com/slab/content/blocks/all-pagination/gallery/slider-gallery.md).
# Slider gallery
## 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](/slab/content/blocks/layout/slider.md) block.
## Overview
A product media gallery component that displays a collection of media items (images, videos, 3D models) in a slider format. This block is designed to work within a slider section, supporting responsive layouts and various media types from a product.
## Common use cases
* Best used within a slider section for product galleries
* Configure appropriate widths based on your layout needs
* Consider enabling zoom functionality for product images when detail viewing is important
* Use in conjunction with navigation controls for better user experience
## Block settings
### General
| Setting | Description | Options |
| ---------------------- | ----------------------------------------- | ------------------------- |
| Show advanced settings | Reveals device visibility for the gallery | Checkbox (default: false) |
### Content
| Setting | Description | Options |
| ------------------- | -------------------------------------------- | ------------------------- |
| Show variant images | Shows variant-specific images in the gallery | Checkbox (default: false) |
| Product | Product to display media from | Product picker |
| Item count | Number of media items to display | Number (default: 7) |
### 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: 40) |
### Color
| Setting | Description | Options |
| ------------ | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Color scheme | Controls the background color scheme | • Body (default)
• Neutral
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
• Transparent
|
| Color border | Controls the border color | • Body
• Subtle (default)
• Strong
• Primary
• Secondary
• Tertiary
• None
Visible when border position is not empty
|
### Style
| Setting | Description | Options |
| --------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Border position | Controls which sides have borders | • None (default)
• Top
• Bottom
• Left
• Right
• Top and bottom
• Left and right
• All
|
### Layout
| Setting | Description | Options |
| ------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| Enable aspect ratio | Maintains a consistent aspect ratio for media | Checkbox (default: false) |
| Show entire image | Shows the full image without cropping | Checkbox (default: true)
Visible when enable aspect ratio is true
|
| Aspect ratio | Aspect ratio for the media container | • Square
• Landscape
• Portrait
• None
Visible when enable aspect ratio is true
|
### Display
| Setting | Description | Options |
| ---------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Visibility | Controls when the block is visible | • All (default)
• Mobile only
• Desktop only
Visible when Show advanced settings is on
|
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://help.brickspacelab.com/slab/content/blocks/all-pagination/gallery/slider-gallery.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.