Vogue features a dynamic Slideshow section to showcase their most recent deals and top-selling products with videos and images. Create up to six slides—each with a unique image, message, and link.
Add a slideshow section to your home page
Navigate to the Sections tab in the theme editor and select Add section > Slideshow
Auto-rotate the slides
For the slideshow to play automatically, enable Autoplay slideshow. Customize the Autoplay slide duration using the provided slider. If disabled, customers can still click through your slides using the slide pagination at the bottom of the section.
Add an overlay
To use an overlay, a semi-transparent color masking the image, make sure that box is checked. This feature helps to increase the contrast between the text and its background.
Customize the color of this overlay from the Style dropdown and the Opacity using the provided slider.
Creating the slides
Under Content, begin by clicking on a Slide to expand its settings.
Include a video
Add an optional Video background URL to feature videos as a slide. Enter the link to a YouTube video to the labeled field.
Add your image
Upload a Cover image by clicking Select image.
Images with larger dimensions (1400 x 800px or larger) are ideal for this section.
Adjust the image's focal point
Customize the Image position using the provided dropdown. This shifts the center of the image to reposition the image's subject(s) within the container.
Add the text
Include a Heading, Subheading, Button link, and Button label using the provided text fields.
Position the text
Use the Text position dropdown to change where the text is placed on the slide image or video.