We have introduced a new Number of Rows feature in version 1.3 of the Divi Carousel Maker. The Number Of Rows setting is a very clever feature that allows you to build multiple rows of stacked modules in the carousel. In this guide, you will learn everything you need to know about creating carousels with multiple rows and show you why this is such an amazing breakthrough feature!
Here I have illustrated the screenshot with red to indicate how the rows work. The Image modules are in the first row, the Text modules are in the second row, and the Button modules are in the third row.
Notice that the carousel is made up of many modules arranged in a very specific sequential order. The order of the modules shown is from 1 to 9. When the modules are added to the column, you need to add them in sets like Image, Text, Button, and then repeat Image, Text, Button, Image Text Button, Image, Text, Button, etc.
One important point to make is that the number of rows must equal the number of sets of modules. If you accidentally added another module, the carousel would become totally messed up, meaning the modules would not appear to stack properly as one group or “slide.” You will know if you make that mistake 🙂
An Even Crazier Example
Take a look at this next example. This is a product carousel, it uses 6 different modules to represent each product including Woo Product Images, Woo Product Title, Woo Product Description, Woo Product Price, Button, and Woo Add To Cart. The carousel Number Of Rows is set to 6, one for each module. All the modules are linked to their respective product.
Hopefully this shows just how amazing and powerful this feature is, and inspires you to create some awesome carousels!