The top section of your home page is your store's most valuable real estate. To make the most of it, merchants often use a Slideshow to showcase their deals and top-selling products.
Enable the slideshow through the theme editor
To display a slideshow on your home page, click the Enable checkbox under the Slideshow section. Add up to six slides, each with unique images, messaging, and calls-to-action.
Slideshow layout options
Launch's slideshow comes with two Layout options:
Full width: width of the browser, but not the height
Full window: width of the browser and expands into the navigation area
Slide transition style
You can also choose between having your slides Slide horizontally or Fade in and out under Transition. If you would like your slides to transition automatically, check the Auto rotate between slides box, then use the provided slider to control the duration of each slide.
If this is not enabled, customers can still scroll through slides manually using the arrows on the left and right sides of the slideshow.
Launch supports up to six slides at a time.
Customize the slides
This is where you'll upload the images you want to use and customize the text overlays. Begin by clicking on Slide to expand the settings.
First upload the image you'd like to showcase in the slide block. Add some optional text content to accompany the image through each slide's Heading, Subheading, Button text, and Link URL.
In the fields above, you can specify the Text alignment (left, right, or center) and Text style (light or dark).
Below, you can also specify the Overlay and Overlay opacity from the dropdown menus. Here are your options:
- None will display your image exactly as you uploaded it (no overlay)
- Gradient will use the Primary color and the Secondary color (set under Theme settings > Colors) to create a horizontal gradient
- Primary color will use the Primary color for a single-color overlay
- Secondary color will use the secondary color for a single-color overlay
- Black uses black for a single color overlay
Use the Overlay opacity dropdown to tweak the intensity of the overlay if you're using it. 10% is the lightest; 90% is the darkest or most vivid.
Slideshow cropping in mobile
The design of the Launch theme's slideshow will crop outer portions of the image to focus on the center. Considering this, it is best to include images that can adapt to this crop pattern. Images that include text can be especially affected by this cropping.