Slideshow Text is a Shopify theme section in the Section Star library. Tell your brand story one slide at a time — combine bold hero text with your imagery in a captivating slideshow that hooks visitors from the first frame.
About the Slideshow Text section
The Slideshow Text section is designed to seamlessly integrate a dynamic slideshow with text content for your Shopify store. With customizable fonts, colors, and dimensions, it allows you to showcase images and videos alongside text in a visually appealing manner. This section is ideal for highlighting promotions, features, or any other crucial information that you want your customers to see.
Live demo
Use cases
-
Product Launches: Use the Slideshow Text section to introduce new products with high-quality images and captivating videos, paired with engaging descriptions and call-to-action buttons.
-
Customer Testimonials: Showcase customer reviews and testimonials with accompanying images or video snippets, enhancing credibility and trust.
-
Seasonal Promotions: Highlight seasonal sales or limited-time offers by combining promotional banners with descriptive text and direct links to the sale collections.
-
Featured Collections: Create a visual story for featured product collections, combining lifestyle images and informative text to inspire purchases.
-
Brand Storytelling: Use the section to share the brand's story through a combination of videos, images, and engaging content, deepening the connection with your audience.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Set settings for the grid
| Setting | Type | Default |
|---|---|---|
| Grid Gap | Number | 25 |
Slideshow Design
Set settings for the slideshow
| Setting | Type | Default |
|---|---|---|
| Slideshow Location | Select (Left, Right) | right |
| Caption Text Color | Color | #111 |
| Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… |
| 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 |
Button Style
Set the look and feel of the button
| Setting | Type | Default |
|---|---|---|
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 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 |
| Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 |
Headline
Set the headline for the section
| Setting | Type | Default |
|---|---|---|
| Headline | Inline rich text | <b>Sample headline</b> |
| Content | Inline rich text | This sample content can be used to de… |
| Link Text | Text | Shop More |
| Link | URL | — |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Mobile Image (optional) | Image | — |
| Caption | Inline rich text | Use this field to caption your slide |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Video | Video | — |
| Caption | Inline rich text | Use this field to caption your slide |
| 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 Text”.
- 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.