Slideshow control settings

Featured links

1. Shopify documentation on sections and blocks
2. Company XYZ documentation on slideshow controls settings

Helpful videos

Shopify Academy video: Customizing your store

Shopify Academy video: Customizing your store

Use these settings to control how slideshow content moves, advances, and signals that more slides are available. Because this group can be reused across slideshow-enabled content, a few thoughtful choices here can make browsing feel more consistent throughout your theme. For broader context, see Shopify documentation on sections and blocks

Slideshow settings

This group combines motion, autoplay, and navigation controls. Start with the overall interaction style, then adjust timing and interface details to match the type of content you are showing.

Animation and slide behavior

Animation style sets the overall feel of the slideshow. The default style supports a more traditional sliding experience, while Fade creates a simpler, one-slide-at-a-time presentation.

Fade forces a single-slide layout and disables features that rely on multi-slide movement, including pagination and next-slide previews.

Use Animation speed to control how quickly slides transition. Faster movement feels more energetic, while slower transitions can feel more polished for image-led content. If slides contain text, avoid speeds that make the experience feel abrupt.

Show preview of next slides reveals part of the next slide to encourage browsing. This works well when you want the slideshow to feel interactive and sequential. If each slide needs full visual focus, turning previews off usually creates a cleaner result.

Note

Slider-style presentations can behave differently from static or stacked layouts, especially for navigation, pagination, previews, and breakpoint-driven presentation. Test the final result on the views that matter most.

Autoplay controls

Autoplay is useful when slides are meant to rotate on their own, such as promotional banners or lightweight storytelling content. It is less effective when each slide needs careful reading or close attention.

If autoplay is enabled, Autoplay delay controls how long each slide remains visible before advancing. Short delays create urgency, but longer delays are easier to read and generally safer for mixed image and text content.

Autoplay pause on hover pauses movement when someone hovers over the slideshow on desktop. This gives visitors extra time to read or inspect a slide without disabling autoplay entirely.

Loop slides controls whether the sequence starts again after the last slide. Turn it on for a continuous carousel feel, or leave it off when you want the sequence to feel finite.

Tip

If you enable autoplay, use a delay that gives visitors enough time to read the longest slide comfortably.

Navigation and pagination

Show navigation adds the controls used to move between slides. This is especially helpful when autoplay is off, or when visitors may want to revisit a previous slide.

Navigation position changes where those controls appear relative to the slideshow content. Moving navigation below the content can help when the slide area is visually busy or when you want the controls to feel less intrusive.

Show pagination adds a visual indicator for slide progress, and Pagination style changes how that progress is displayed. Choose a style that matches the role of the slideshow: compact and direct for utility, or more visual when progression is part of the presentation.

Pagination styles behave differently in practice:

1. Dynamic works well when you want a more visual indicator.
2. Fraction is compact and easy to scan.
3. Progress bar gives a strong sense of movement through the sequence.

Note

Pagination appears only when Show pagination is enabled, and it does not appear when Fade is selected.

You can also review the canonical reference for these controls in the slideshow settings guide.

Usage notes

1. Choose the animation style first. This decision affects whether previews and pagination can be used at all, and it changes how the slideshow behaves compared with a more static layout.
2. Set autoplay around readability. Make sure the longest slide can be comfortably read before the slideshow advances.
3. Keep manual navigation available. Visible controls help visitors move at their own pace, especially in promotional or text-heavy slideshows.
4. Use previews with purpose. Next-slide previews are best when you want to encourage browsing rather than isolate each slide as a standalone frame.
5. Place controls where they stay clear. If slide content is visually dense, moving navigation below the content often improves clarity.
6. Treat navigation as customer pathing. Reordered, hidden, or mobile-only controls can change what visitors can reach, so check menu and drawer-style navigation carefully.
7. Use local overrides sparingly. Blank or default-style values usually keep inherited styling, while explicit colors, gradients, or media overrides make the slideshow area feel more independent.