Skip to documentation

Media story carousel

Layout, content and available controls for Media story carousel.

Where to find it

Add this section from the theme editor on a supported template.

Available content blocks

  • Image or video

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID
ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on
Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Layout
Choose the presentation or source that fits this component.Options: Copy and scrolling media · Wide image, copy, portrait
Intro heading
Edit the text shown by this component.
Intro text
Edit the formatted text for this component.
Heading
Edit the text and use supported inline formatting.
Text
Edit the formatted text for this component.
Button label
Edit the text shown by this component.
Button link
Choose the destination for this link or button.
Supporting note
Edit the text shown by this component.
Content width
Adjust within the range offered by the theme editor.
Column gap
Adjust within the range offered by the theme editor.
Media height
Adjust within the range offered by the theme editor.
Mobile media height
Adjust within the range offered by the theme editor.
Color source
Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
Color schemeConditional
Choose an available Shopify color scheme.
BackgroundConditional
Choose a local color when the relevant custom source is enabled.
HeadingConditional
Choose a local color when the relevant custom source is enabled.
TextConditional
Choose a local color when the relevant custom source is enabled.
AccentConditional
Choose a local color when the relevant custom source is enabled.
Accent textConditional
Choose a local color when the relevant custom source is enabled.
Button style
Choose the presentation or source that fits this component.Options: primary · secondary · tertiary
Heading size
Adjust within the range offered by the theme editor.
Mobile heading size
Adjust within the range offered by the theme editor.
Media corner radius
Adjust within the range offered by the theme editor.
Section vertical padding
Adjust within the range offered by the theme editor.
Advance media automaticallyConditional
Pauses when off screen, while focused or hovered, during video playback, and with reduced motion.
Advance intervalConditional
Adjust within the range offered by the theme editor.
Automatic slide directionConditional
Choose the presentation or source that fits this component.Options: Next · Previous
Pause on pointer hoverConditional
Enable or disable this option and preview the result.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗