Slideshow Section #

The Slideshow section for Shopify help you to create slideshow on home page as a section with many options. Plus, you can manage slideshow items in backend.To manage slideshow, in slideshow setting, navigate to SECTION > Slideshows

To display a slideshow on frontend, you can add slideshow section like as add normal section.

In this section, we guide about the options of a Slideshow in details

Slideshow Settings

Option Description
Width The width size of slideshow in pixel

Default: 1900

Option: number

Height The height size of slideshow in pixel

Default: 453

Option: number

Animate In The CSS3 animation type applied when the background animates into view.

Option: many options, i.e. fadeIn, fadeOut, …

Animate Out The CSS3 animation type applied when the background animates out of view.

Option: many options, i.e. fadeIn, fadeOut, …

Start Slide Start position, For example: value 0 starts first slide.

Default: 0

Option: number

Autoplay Start slide automatically when page loading.

Default: True

Option: True, False

Pause on mouse over Pause slide when mouse hovers on slideshow.

Default: True

Option: True, False

Autoplay Speed Autoplay speed.

Option: number

Loop Infinity loop/ Duplicate last and first banners to get loop illusion.

Default: True

Option: True, False

Next/Prev Navigation Show Next/Prev button.

Default: True

Option: True, False

Paging Navigation Show dots navigation.

Default: True

Option: True, False

Show Thumbnails Show thumbnails navigation.

Default: False

Option: True, False

Lazy Load Lazy load images.

Default: False

Option: True, False

Full Width Full width images slideshow.

If you check: SLideshow is Full width

not check: Slideshow is Box width

Slideshow Content

This tab contains content list of slideshow, you can drag and drop your banner into this section to upload, update or remove.

Option Description
Title Title on slideshow

If the banner isn’t title to show, you can hide it by to blank

URL of Banners Link for whole banner

Make sure that you input correct url, for example: http://www.codazon.com/.

Video Use video slideshow dynamid instead of silent banner slideshow

You can use Video ID, Make sure that you input correct url, for example: http://www.codazon.com/.

1. Upload image slideshow

The maximum of the slide is 4.

You will see some values such as width, height, animate, auto play, next/prev navigation, paging navigation, full width… It is default value. You can to use it or to change what you want. And upload image for each slide.

Help Guide Powered by Documentor
Suggest Edit