Carousel Element

In this article, you will learn about Carousel elements and how to use them to create highly converting pages.

What Is Carousel Element? 

A homepage carousel often referred to as an Image Slider or Slideshow, is a design method that utilizes a slideshow format with a series of pictures to display a lot of information in a small amount of space. Image Sliders can contain various types of media including images, text, buttons, and even video and audio. A homepage slideshow usually provides website visitors with the ability to move forward or backward to view individual slides.


You can quickly find the element on the left sidebar of the editor page.

Settings Tab's Parameters

  1. Slides


    • Add and Remove button: It allows you to increase more slides or delete the current one.  


    • Name: You can add the title for each slide.

    • Columns: You can determine how slides are on one tab. 


    • Spacing: it allows to adjust the width between slides on a tab. 

  1. Navigation 
    • Dots Navigation and Next/Prev Buttons: You can use these features to navigate between slides.

    • Nav Speed: You can adjust the speed when navigating around the current tabs.

  2. Loop: The list of tabs will run continuously on a slideshow.

  3. Autoplay:  the tabs start playing as you open the page. 

  4. Extra class: If you wish to customize one element particularly, please use this field to add a class name and then refer to it in the CSS file.


The Carousel layout is a very popular homepage layout that has many benefits such as allowing you to deliver a lot of information in a small amount of space, as well as helping to share what is important to website visitors. When it is done well, it's an effective way to create a stunning and functional online store. 

Was this helpful?