Slideshow split
The Slideshow split section adds a beautiful split-screen style, auto-playing slideshow to your home page. It displays two slide images at once. It's a great way to showcase special product collections.
Just like the slideshow section, it supports video slides and adding alternate slide images for mobile devices.
Set up a slideshow split section
To add a slideshow split section:
Settings reference
The slideshow split has the following settings:
Time between slides
Use the slider to choose how many seconds Lorenza should wait before switching slides.
Choose between 5 seconds and 15 seconds.
Small heading
Add mini heading text, which is smaller text placed above the heading.
This text uses your Small heading typography styles.
See Typography for more information.
Heading
Add heading text to be used for this slideshow split.
We recommend keeping this to just a few words long.
Subheading
Add subheading text to be displayed below the heading text.
We recommend keeping this to a short sentence or two.
Text max width
Change how wide the subheading text can be at a maximum.
Link
Choose a link that the call to action button should lead to.
Button text
Add custom text for your call to action button.
We recommend keeping this between 1 and 3 words.
Overlay opacity
Use the slider to choose how opaque the overlay color should be. Where 0% is invisible and 100% is completely opaque.
Overlay color
Pick the color of the overlay for the current slide.
Text color
Pick the color of the slide text.
Max width of text
Using the slider, choose how wide the heading text should appear, at a maximum.
Horizontal text position
Choose where the text and call to action button should be placed on the slide.
Either Left, Center, or Right.
Horizontal text position
Choose where the text and call to action button should be placed on the slide.
Either Top, Middle, or Bottom.
Add slides
To add slides to your slideshow split section:
Settings reference
Each slide has the following settings:
Image
Use the Select image button to add an uploaded image. There are no required image dimensions but we recommend an image that is square or landscape (wider than it is tall).
We recommend uploading an image with a minimum width of 2048px for optimal quality. Read our article about Image guide for Spark to learn more.
Mobile image
Add an alternate image to be displayed on mobile devices only.
Video link
Paste a link to an MP4 file that should be auto-played in the slide, taking the place of the image.
For more information, see Add a video to a slideshow split.
Add a video to a slideshow split
The slideshow split section allows you to add auto-playing videos to individual slides.
Before you start setting this up, you should know a few things:
✓ You'll need your video as an MP4 video file.
✓ For the best customer experience, we strongly recommend using a 20- to 30-second video that's under 10MB in size.
✗ You can't use a service like YouTube or Vimeo to host this video. Our Video section is designed for those.
Host the video file with Shopify
To use Shopify to host this video file: