👍 The perfect Shopify theme for your business. Buy now  

Header background

Slideshow

Huong_ Blueskytechco

Written by Huong_ Blueskytechco

Last updated

Combines images, text, and call-to-action buttons in your slideshow

Create your online store today with Shopify

A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Slideshow

  3. Save

Section settings

1. Design settings

Block settings

1. Background settings

You can add images for desktop and mobile versions separately.

1920x900px is recommended for desktop & 600x480px is recommended for mobile.

Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

Please follow this link for more information.

2. Video Setting

3. Button

You have the flexibility to modify the label displayed on the button right here. Additionally, you can determine the button's priority by selecting its type with the Button Type option.

4. Content

Add some text for the slide’s heading and subheading, then determine the content's size, and position by choosing a value in the text size, content position, and alignment drop-down.

5. Carousel setting

Identify the buttons that facilitate the transition between slides. Additionally, consider configuring the carousel to automatically advance to the next slide after a predetermined period.

6. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

We uses cookies to ensure you get the best experience on our website.