Image with text slider
Showcase lifestyle imagery, product benefits, and CTAs in a smooth slider format
The Image with Text Slider section lets you display multiple slides with image + text combinations. It’s perfect for promotional banners, seasonal campaigns, or new collection highlights.
How to add an Image with text slider section to your Shopify store
Steps:
In the theme editor (Customize), click Add section.
Locate Image with text slider.
Make necessary changes.
Save.
How to edit an Image with text slider section
Section settings
General
Color scheme: Apply a pre-defined set of colors. Learn more Colors
Slider settings
Image height: Set a consistent height for the entire slider images.
Width: Adjust how much horizontal space the image portion will take (40-80%).
Desktop image position: Choose whether the image displays on the left or right of the text on desktop. This applies to all sliders.
Show controls: Toggle arrows for manual slide navigation.
Auto-rotate content: Automatically cycles through slides when enabled.
Change slides every: Set the time (in seconds) between automatic transitions.
Desktop controls position / Mobile controls position: Adjust the position of navigation controls.
Block settings
In the Image with text slider section, click Add image slide to add more slides.
General
Color scheme: Choose a specific color palette for the slide background/text. Learn more: Colors
Image: Upload your main banner image.
Mobile image: Upload an alternative image optimized for mobile view.
Content settings
Desktop content position: Set the vertical alignment of text on desktop view.
Desktop content alignment: Choose horizontal text alignment on desktop view (Left/Center/Right).
Mobile content alignment: Set how text aligns on mobile screens (Left/Center/Right).
Advanced
Enable preload image: Enable if the section is above the fold. Helps improve LCP (Largest Contentful Paint) and speed scores when used properly.
Best practices
✅ Use auto-rotation for campaigns; turn off for story-driven slides.
✅ Ensure mobile readability by previewing text + image balance on small screens.
FAQs
Can I add videos instead of images?
👉 Not in this section. For video support, consider using:
How many slides can I add?
👉 There’s no hard limit, but 3–5 slides are optimal for user attention.
Last updated