Slideshow split
Theme section
Last updated
Was this helpful?
Theme section
Last updated
Was this helpful?
The Slideshow split displays two images on one slide in a rotating slideshow. You can also add autoplay videos and set mobile-specific images.
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Add up to 8 slides that will rotate below the Slideshow headings and button.
You can add slides with short auto-playing videos that loop continuously. It's a great way to add some dynamism to your page.
Add a muted autoplay video to use for your slide. You need to upload a .mp4 video to your Shopify admin and copy the link into your theme editor settings.
File size
Maximum 10MB (recommended)
Duration
5 - 10 seconds (recommended)
Add and customize slide headings, buttons, and colors. The Slideshow headings and button overlays the slides that rotate beneath it.
Link to your collections or products or any other page with a call-to-action button. Add Button text to display a button.
The slideshow section can display your slides at a Custom height. The height of the slideshow is set as a percentage of the total height of the customer's screen or browser height.
By default, multiple slides will rotate every few seconds. You can choose to display each slide between 5 to 15 seconds.
Click on the section to find the following settings:
Image Height
Set the image height to Custom or Original. Select Original to display your uploaded image without cropping.
Custom height
The height of the mobile slideshow as a percentage of the screen height. Your image will be cropped to match the height. If the custom height is 100%, the slideshow will expand the full height of any screen.
Time between slides
The number of seconds each slide is shown before rotating. Choose between 5 seconds and 15 seconds.
Small heading
Add mini heading text in all capitals above the heading. We recommended a one or two word label.
Heading
Add heading text to display as the slide title.
Subheading
Heading font size
Use the slider to change the font size of the heading.
Subheading font size
Use the slider to change the font size of the subheading.
Max width of heading
Use the slider to control the maximum width and line breaks of the heading.
Max width of subheading
Use the slider to control the maximum width and line breaks of the subheading.
Link
Select or paste a link for the button or slide.
Button text
Add custom text for your call-to-action button.
Text alignment
Position the Heading, Subheading, and Button to one of nine quadrants of the block.
Color
Select the text, button, background, and overlay color of the block.
Overlay opacity
Use the slider to adjust the transparency of the overlay color.
Text container color
Choose a color to display your slide content in a solid color box.
Text color
Choose the color of the slide text.
Button text color
Select the color of the button label (e.g. "Shop now")
Button background color
Select the color of the entire button background.
Related links
Editing a template changes all pages that use that template. To edit specific pages, you can or .
Learn how to use templates in our .
The autoplay video does not play audio. To embed a single video from YouTube or Vimeo with audio, see .
Go to Content > Files to open your .
Learn more about in Lorenza.
The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, read
You can choose the style, angle, position, and opacity of the gradient. See Shopify's to learn more.
The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, read .
Add subheading text to display below the heading. Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's .