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
-
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.
-
Seasonal Promotions: Create a slideshow to showcase your seasonal sales and promotions. This can help capture customer interest and increase conversions.
-
Customer Testimonials: Display customer testimonials with images or video feedback in the slideshow to build trust and credibility.
-
Brand Storytelling: Use the slideshow to tell your brand story visually, including images and videos about your brand's journey, values, and milestones.
-
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 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Slideshow”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.