All Collections
Element Tutorials
Create scrolling sections with the Slider Element
Create scrolling sections with the Slider Element
The slider, sometimes known as a carousel, allows you to create scrolling sections on your page.
Written by Edward Savoy
Updated over a week ago

The Slider Element is a super powerful tool for creating scrolling sections of content on your pages. Each slide of the Slider Element is it's own dropzone, meaning that you can customize it how you like! A great example of using the Slider element would be to create a slideshow of images that you can show on your pages to show off your products.

How to Use the Slider Element

To get started with the Slider Element, simply drag one onto your page. You will immediately notice that you can go on to insert other elements right into the Slider Element.

To insert elements into your Slider Element, simply go ahead and drag them into the slide that you would like.

Changing the Amount of Slides

You can customize the amount of slides in your Slider Element depending on your needs. 

Setting Your Slider Element to Change Automatically

You can allow your Slider Element to automatically change every few seconds when your visitor is on your page. Simply toggle the Auto slide option in the right-hand menu.

You can even set the amount of seconds that the Slider Element will change the slides at.

Customizing Your Slider Element

There are a few options that are available for customizing your Slider Element. 

You can choose whether or not to show the arrows on the left and the right of Shogun. You can simply toggle this in the right-hand menu of the editor.

You can also choose to show the dots at the bottom of the Slider Element or not. This allows your visitor to see how many slides are in the Slider and also allows them to navigate between slides.

Did this answer your question?