Slideshow with promotions

Customize Theme > Sections > Slideshow with promotions

Introduction

In this section, you will be able to add a slideshow, contents and a promotion. By default, there are 1 slide, 1 promotion and 5 contents to use. If you need to add more blocks click “Add content” at the bottom of the list. If you need to remove a block, click the arrow to toggle open each panel and then click “Delete” at the bottom of the panel.  The maximum of blocks that you can add is 12.

Slideshow

The are 4 main settings for the slideshow:

•  Position - You can define the position of your slideshow either on the top of the section or beside.
•  Height - You can set the slideshow's height to Large (960px), medium(600px) ,small(400px) or Image height (Only adjusts the height of the slideshow when it's positioned above the masonry grid).
• Autoplay - You have the ability to enable or disable the autoplay option so that your slideshow will start playing automatically.
• Autoplay speed in seconds - You can define the speed of your slideshow with a range from 4 to 10 seconds.

Mobile

Regarding the mobile slideshow, there is the option to either use the desktop slideshow or enable the mobile hero functionality which allows you to upload a different photo which will only be visible in the mobile view.

After selecting the "Display mobile hero" option, the text styling and quick links need to be set up. Choose a text color from the dropdown of options and enter in a "Mobile hero heading" in the field provided. You can also have up to 3 links visible on your mobile hero. Enter a link title and choose a link from the popup or paste in a URL to direct to. If you do not want any quick links, leave these fields blank. 

Slide

When choosing to add a slide to your section you will be able to change the image's position with the two options in the customization panel (Image horizontal position and Image vertical position). You have also the option to add a heading, a subheading, a button label, and a slide link. You can select the text's color and decide if you want to use an overlay color. To set an overlay, choose a color from the color picker and then select the opacity from the dropdown provided. If you do not wish to use an overlay color, choose “hide” from the dropdown. 

Content

When choosing to add a content to your section you will able to add a linkable card image and choose the location that you want to place it (Image horizontal position and Image vertical position) which you can set also for mobile. If the image field is empty, then the link image (i.e. collection) will be displayed. Select the card style with two options "Half half" & "Full" (Text shows on hover when this is set to full image. Mobile won't be affected). Some extra options are the link heading and the richtext ( If blank and the link is a collection, collection description will be displayed).  

Promotion

Choose to add a linkable promotion to your section. You are able to add a heading with text & and background color options or select an image instead. Note that the heading is limited to 140 characters for optimal display.