Slide count
What this controls
How many messages rotate in the section.
When to change it
You want to promote more than one path.
Recommended setup
2 to 4 slides.
Watch out
Putting critical information on later slides only.
Section reference
Slideshow
Use Slideshow for a small set of rotating messages, collections, campaigns, or product stories where each slide has a clear destination.
Slideshows are useful when there are several equally important messages, but they can hide content if overused. Keep slide count small and make controls obvious.
Build It In Shopify
1
Limit the slide set
Use two to four slides. If a message is critical, put it first or use a static section instead.
2
Give every slide a job
Each slide should point to a collection, product, campaign, article, signup, or support path.
3
Upload desktop and mobile-safe media
Use media with room for text and buttons. Check crop and contrast on mobile immediately.
4
Choose controls and timing
Show arrows or dots when there is more content. Use autoplay carefully and keep pause/readability in mind.
Autoplay
What this controls
Automatically advances slides.
When to change it
Slides are lightweight and not text-heavy.
Recommended setup
Use slow timing or leave off for important reading.
Watch out
Fast autoplay for proof, details, or legal/offer text.
Arrows and dots
What this controls
Controls that show customers there is more content.
When to change it
The slideshow has multiple slides.
Recommended setup
Show at least one clear navigation cue.
Watch out
Hiding controls and expecting customers to discover hidden slides.
Transition style
What this controls
How slides move or fade.
When to change it
The motion style should match the page tone.
Recommended setup
Use simple fade or slide for most stores.
Watch out
Using dramatic transitions when products and CTAs need clarity.
Mobile crop and height
What this controls
Controls how slide media and text fit phones.
When to change it
Desktop slides lose subject, text, or buttons on mobile.
Recommended setup
Set mobile media/crop before publishing.
Watch out
Assuming desktop hero media works on mobile.
Common mistakes
- Using a slideshow because there is no clear page priority.
- Putting the main offer on the second or third slide.
- Letting autoplay move faster than customers can read.
- Hiding arrows and dots on a multi-slide section.
- Using one desktop crop for every mobile slide.