Slideshow

‌Designed to show beautiful imagery that connects your brand with visitors and potential customers in a very short space of time, your Slideshow section is one of the first things your customers will see when landing on your website. It enables visitors to easily navigate to other parts of the site and hopefully make a purchase.

As well as being a great place to highlight current collections, offers, and news, the slideshow’s automatic transition gives a sense of urgency and allows you to communicate multiple messages that will also drive engagement.

Getting Started

  • Go to Online storeThemeCustomise

  • By default, you will see this section pre-loaded

  • But if you need to add again, scroll to the bottom of the panel and Add section

How do i customise the Slideshow?

For this section, you have access to both section and block level settings whereby you can change the content of each slide and also the settings of the slideshow itself.

Section settings

By clicking on the name of the section Slideshow you get access to change the following;

  • Autoplay slides - when you have 2 or more slides and if this setting is checked, the slideshow will change automatically based on the Transition speed you set.

  • Show slider pagination - when you have 2 or more slides, the pagination controls will show automatically to indicate addtional content to the user.

  • Transition speed - this is the speed that the next slide will show - 5000ms = 5 seconds

Block settings

Now we will work on setting up slides, which are blocks within the section. Here are the changes that we can make.

  • We can choose between an Image or video slide

  • We can upload a banner image for desktop screens - we recommend using an image with the specifications of at least 2048 x 878px .jpg format

  • We can upload and select an MP4 video hosted by Shopif

  • Autoplay - If autoplay is disabled, upload an image which will become the default poster, otherwise the video will play on page load

  • Show video controls - this will add player controls to your video

  • Next we can change the Heading, Subheading, Content Button label text per slide and also add/change or remove a URL link thats points to any page

  • Button style/mode - Here we can choose between a light or dark button with a solid or outline style

  • Hotspot product - we can add a product hotspot to a slider that links the image to a product. We can also change the background and text color of the hotspot.

Once your happy with changes, click save and your done!

In order to add multiple slides, you need to add additional blocks. There are a max of 5 blocks that you can use for this section.

Last updated