By the Dropship Stair team. Last reviewed: November 2026.
To add a slideshow to Shopify, open Online Store, Themes, click Customize, then click Add section and choose Slideshow. Add a slide for each offer, upload your images, set the height and auto-rotate timing, then preview on mobile before you save.
Key takeaways
- A slideshow is a theme section that rotates through two or more large images with a heading, text, and button on each slide, so one spot on your homepage can carry several offers.
- Most modern Shopify themes, including Dawn, include a built-in Slideshow section, so learning how to add a slideshow to Shopify takes minutes in the theme editor, with no app and no code.
- Use the same image size on every slide and keep text short, because mixed sizes make the slideshow jump and long text gets cut off on phones.
- Check the slideshow on a real phone before you publish, because a slide that looks great on desktop often crops badly.
What is a slideshow section, and when does it help?
A slideshow section is a rotating banner on your store that cycles through a set of slides, one at a time, with arrows or dots that let shoppers move between them. Each slide holds a large image, a heading, a short line of text, and a button.
A slideshow helps when your homepage has more than one thing worth shouting about. A new collection, a seasonal sale, and a best seller cannot all sit at the top of the page, but a slideshow can rotate through all three in the same spot. It works best with two to four slides: enough to cover your top offers, few enough that a shopper sees them before scrolling past. More than five slides is a warning sign, because almost nobody waits for slide six, and every extra slide adds load time to your most important page. Our guide to Shopify homepage design best practices shows where a slideshow fits among the other homepage sections.
What do you need before you add a slideshow to Shopify?
Prepare three things before you open the theme editor. First, your slide images, sized the same across all slides, in a wide format that suits a banner, with the main subject in the center so cropping on phones does not cut it off. Second, the message for each slide: one short heading, one line of supporting text, and the link each button should open. Third, a note of which theme your store runs and whether it has a slideshow section, because very old versions of Dawn shipped without one. If your theme has no slideshow option, update the theme first rather than forcing a workaround.
How to add a slideshow to Shopify in 7 steps?
Follow these seven steps in order. The whole job happens in the theme editor, and you can finish it in under half an hour once your images are ready.
Step 1: Open the theme editor
In your Shopify admin, go to Online Store, Themes. Find your live theme and click Customize next to it. The theme editor opens with your homepage on the right and the sections on the left. Make sure the page selector at the top shows Home page, because the slideshow belongs on the homepage template in most stores. If you want it on a different page, switch the template first.
Step 2: Add the Slideshow section
In the left panel, scroll to the bottom of the section list and click Add section. Find Slideshow in the list and click it. The section appears on your page with one empty slide, and the settings open on the right. If you do not see Slideshow in the list, your theme version may not include it: update the theme to the latest version, or check whether your theme names it something else, such as Image slideshow or Hero slider. Drag the section near the top of the page, since a slideshow only works when shoppers see it without scrolling.
Step 3: Add your first slide and image
Click on the first slide block inside the Slideshow section. Upload your image, choosing one that matches the size of your other slides so the banner does not jump in height as it rotates. Pick an image with a clear subject and space on one side for the heading, because text sits on top of the image. Repeat for each slide: click Add block, choose Slide, and upload the next image. Keep the set to two to four slides.
Step 4: Add a heading, text, and button to each slide
Open each slide block and write a short heading, one line of text, and a button label. Keep the heading under six words and the text under one line, because shoppers read a rotating banner in seconds. Set the button link to the right place: the sale collection for a sale slide, the product page for a product slide, the new collection for a launch slide. Choose text position and color so the words stay readable on the image, and leave the fields blank on any slide that should show the image alone.
Step 5: Set the slide height and layout
Click the Slideshow section itself to open its settings. Choose the slide height that fits your images: a taller setting suits portrait style photos, while a shorter one suits wide banners. Check the setting that controls how the image fills the frame, and pick the option that shows the whole image rather than cropping it, when your theme offers it. Set the text box style so it stays readable on mobile, and pick a color scheme with strong contrast against your images.
Step 6: Set auto-rotate and timing
In the same section settings, find the auto-rotate option and turn it on, then set the time each slide stays on screen. Five to seven seconds per slide is a good default: long enough to read the heading, short enough that shoppers see the next offer. Turn on the arrows or dots so shoppers can move by hand, because some people want to go back to a slide they missed. If you would rather have a still banner, turn auto-rotate off and make the first slide your strongest offer.
Step 7: Preview on mobile and desktop, then save
Switch the theme editor preview between desktop and mobile and look at every slide on both. Check that headings are not cut off, buttons are tappable, and no important part of an image is cropped away on the phone view. Click through each button to confirm the links open the right pages. Then click Save. Visit the live homepage in a fresh browser tab and watch the slideshow rotate once through, because the editor preview and the live page can behave differently.
Slideshow or image banner: which one fits your store?
A slideshow is not always the right pick. Sometimes one strong banner beats a rotating set, and the table below shows when each option wins.
| Option | Best for | Effort | Watch out for |
|---|---|---|---|
| Slideshow section | Two to four offers that all deserve the top spot | Low, built into most themes | Slow load and unseen later slides |
| Image banner | One clear message or one hero product | Low, built into most themes | Only one message fits |
| Video section | Showing a product in motion | Medium, needs a short video | Heavy files slow the page |
| Slider app | Advanced effects and scheduling | Medium, plus a monthly fee | Extra code and app dependence |
Pick the slideshow when you have several offers of similar weight, such as a sale, a new collection, and a best seller. Pick a single image banner when one message matters more than the rest, because a banner loads faster and every visitor sees it. Use a slider app only when you need features the built-in section lacks, such as scheduling slides by date.
What mistakes make a Shopify slideshow slow or confusing?
The biggest mistake is image size. Uploading five full resolution photos straight from a camera can add several megabytes to your homepage, which slows the page on phones and hurts both sales and search. Compress each image before upload and keep them the same dimensions, so the banner never jumps in height. The second mistake is too many slides: a seven slide slideshow hides your best offer at the back, where almost nobody looks. The third is text that is too long or too low contrast to read over the photo. The fourth is linking every button to the homepage instead of the offer, which wastes the click. Fix these four and your slideshow will do its job.
How do you check that your slideshow looks right?
Open the live homepage on a desktop browser and on a real phone, not just the editor preview. Watch a full rotation and check every slide for cropped text, cut off images, and buttons that work. Ask a friend to look at it cold: if they cannot tell you what each slide sells in five seconds, the text needs shortening. Check your page speed after publishing, because a slideshow with heavy images is a common cause of a slow homepage. If the page feels sluggish, compress the images further or drop the weakest slide. Our guide to product photography for Shopify stores covers the image sizes and compression habits that keep banners fast.
Frequently asked questions
Does the Shopify Dawn theme have a slideshow section?
Yes, current versions of the Dawn theme include a built-in Slideshow section that you add from the theme editor under Add section. Very old Dawn versions shipped without one, so if Slideshow is missing from your list, update the theme to the latest version before you look for workarounds.
What image size should I use for a Shopify slideshow?
Use the same wide image size on every slide so the banner height stays steady as it rotates. A common choice is 1920 pixels wide by 1080 tall, compressed well under 300 kilobytes each. Keep the main subject in the center, because phones crop the sides of wide banners.
How many slides should a Shopify slideshow have?
Two to four slides is the right range for most stores. That covers your top offers without hiding any of them. More than five slides means later offers almost never get seen, and each extra image adds load time, so cut the weakest slide instead of adding another.
Can I add a slideshow to a page other than the homepage?
Yes, you can add a slideshow to most page templates, including collection pages. Open the template you want in the theme editor, click Add section, and choose Slideshow. The steps are the same, but keep the slides tied to that page, such as a sale offer on a collection page.
Do I need an app to add a slideshow to Shopify?
No, you do not need an app if your theme has a built-in Slideshow section. An app only makes sense for features the built-in section lacks, such as scheduling slides by date. Start with the built-in section and add an app only if you miss a feature.
A good slideshow gives each of your top offers a turn in the spotlight without cluttering the homepage. Now you know how to add a slideshow to Shopify: keep it to a few slides, use matching compressed images, write short headings, and test on a phone before you save. If you want the homepage built around that kind of clear shopping flow, see the Dropship Stair Shopify store services, and for the theme skills behind it, read our Shopify Dawn theme customization guide.
Sources: Shopify Community, Dawn theme slideshow section guidance, checked November 2026; Shopify Community, image banner slideshow in Dawn, checked November 2026; the Dropship Stair guides linked in this article.
Last reviewed: November 2026.