All Collections
The Editor
Carousel feature (Swipeable Elements)
Carousel feature (Swipeable Elements)
C
Written by Chris
Updated over a week ago

๐Ÿ‘‰ What is a Carousel?

Using the Carousel Feature, the content author is able to organize content in a rotating carousel of slides. The edit dialog allows the content author to create, style and order multiple slides to reduce amongst all, also the clutter on the mobile page.

๐Ÿ‘‰ Why is carousel important?

When users first land on your site thereโ€™s a need to quickly show them what you offer and why youโ€™re different. Mobile friendly is the key. The carousel feature lets your users swipe through images or testimonials on mobile, where you can, from now on, easily toggle this swipeable feature on or off on your preferred devices. which visually provide a lot of information.

Let's get started!

Choose the elements on your page that you wish to make swipeable.

๐Ÿ“Œ Note that not every element is available in swipeable mode!

For this tutorial, we will use "Testimonials" element

Once you've decided where you want to place your element, click on a " + " sign to add an Element. Look for the wanted element according to your wishes/design.

Converdy_2021-02-18_at_2.37.48_PM.jpg

Click to Insert on the page.

Before we head into swipeable features, make sure to have a sufficient number of elements in order to make them swipeable.

The system itself will throw you an error that says "You have not enough items in your grid to make it swipeable. Add more items, disable swipeable or lower the number of columns."

To avoid this, click on the form and duplicate the element.

๐Ÿ“Œ Minimum number for swipeable feature is 2.

This can be done by pressing the icon inside Testimonial Editor.

Converdy_2021-02-18_at_2.44.31_PM.jpg

Now that we have duplicated our testimonials, we can make them swipeable. To do that, click on "Styling"

Converdy_2021-02-18_at_3.46.04_PM.jpg

Before making them swipeable, you can also edit the Column Gap as well as Columns according to your design and wishes. Keep in mind that you need to have an adequate number of columns in order to make them swipeable.

And now finally, we can press that Swipeable button to enable it :)

Converdy_2021-02-18_at_4.11.33_PM.jpg

The Editor also allows you to edit the color of the dots, position, if you even want to have dots shown, their size and much more. Let your creativity flow.

Congrats! You have now created your very own swipeable elements! ๐Ÿฅณ๐Ÿš€

Did this answer your question?