# Slideshow

> Display images in a beautiful, touch-friendly, animated carousel. Slide and fade transitions built-in.

URL: https://sectionstar.app/sections/slideshow/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Slideshow** is a Shopify theme section in the Section Star library. Display images in a beautiful, touch-friendly, animated carousel. Slide and fade transitions built-in.

## About the Slideshow section

The Slideshow section, created with the Section Star app for Shopify, is designed to enhance your online store with a dynamic and engaging visual experience. This section allows you to showcase a series of images or videos in a seamless slideshow format, customized to your style and branding preferences. The Slideshow section is versatile, making it suitable for various types of content, from product features to promotional banners.

## Live demo

## Use cases

1. **Product Highlights**: Use the slideshow to highlight your best-selling products or new arrivals. Each slide can feature a high-quality image or video, along with a brief description.
   
2. **Seasonal Promotions**: Create a slideshow to showcase your seasonal sales and promotions. This can help capture customer interest and increase conversions.

3. **Customer Testimonials**: Display customer testimonials with images or video feedback in the slideshow to build trust and credibility.

4. **Brand Storytelling**: Use the slideshow to tell your brand story visually, including images and videos about your brand's journey, values, and milestones.

5. **Featured Collections**: Highlight different product collections, allowing customers to scroll through and discover various product categories within your store.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Slideshow Design
Set settings for the slideshow

| Setting | Type | Default |
| --- | --- | --- |
| Transition | Select (Slide, Fade) | slide |
| Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… |
| Caption Text Color | Color | #111 |
| Show Glass Effect? | Checkbox | On |
| Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Indicator Color | Color | #111 |
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 4 / 3 |
| Mobile Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 |
| Image Width (size requested from Shopify) | Number | 1100 |
| Mobile Image Width (size requested from Shopify) | Number | 800 |
| Enable Autoplay? | Checkbox | On |
| Show Arrows? | Checkbox | On |
| Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |

### Image block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Mobile Image (optional) | Image | — |
| Caption | Inline rich text | — |
| Link (optional) | URL | — |
| Open in New Tab | Checkbox | Off |

### Video block settings

| Setting | Type | Default |
| --- | --- | --- |
| Video | Video | — |
| Caption | Inline rich text | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | On |
| Loop Video | Checkbox | On |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | On |