Video
Welcome to the overview video for the Divi Carousel Maker plugin. In this video I’m going to walk you through how to enable the carousel, how to add modules to it, show you the settings and features that are avaible, and talk about some tips on how to use it and ways you can turn any Divi modules into a carousel.
As you set up and use the carousel, I highly recommend you also reference our document which lists all the settings and features included in the plugin. You should also check out the demos to get some inspiration on the different layouts and styling options!
How To Enable The Carousel
Our plugin injects new custom settings directly into the existing Divi Builder. You can enable and adjust the settings inside any Column.
Important Things To Note
Use The Responsive Settings
Don’t forget you can open the responsive tabs to adjust settings on all three Divi breakpoint sizes, Desktop, Tablet, and Phone. This is very important for some settings.
Number Of Items
By default the number of items showing in the carousel on each device are 3 on Desktop, 2 on Tablet, and 1 on Phone. This works pretty well, but you can adjust this however you want.
Navigation Arrows
Keep in mind you can choose to enable or disable things like the navigation arrows per device! So let’s say you only want the arrows to show on Desktop since those are needed for mouse navigation, but turn them off on Tablet and Phone to make more room since the user can swipe on touch screen devices. To do this, simply open the responsive tabs and turn off the toggle for Phone.
You can do this for any setting.
Enable Or Disable The Carousel Per Device
Custom Carousel Visibitily Settings
If you only want your modules to be in a carousel on mobile, then just disable the carousel on Desktop and Phone. Or if you only want the modules in a carousel on Desktop, but not Tablet and Phone, just disable it on those devices.
Combining It With Divi Visitibity Settings
You could take this even further beyond the plugin settings and combine it with the built-in Divi Visibility settings in the rows and columns. As an exmaple, if you wanted to create a row of 4 columns on Desktop, also wangted a carousel on Phone, you could duplicate the row, show it Desktop, and show a differnt row on Phone that has the carousel enabled