Hi everybody in this quick tutorial we’re going to create a Flipbox Carousel using the Library Shortcode Extension and Carousel Module. It’s super simple to set up and let’s get started.
You’ll also like: How to create Beautiful Carousels in Divi
Before we start
Before you start, you’ll first need to Enable Library Shortcodes extension by going to Divi Supreme > Enable Divi Library Shortcodes and simply switch it On and click on Save Changes button.
So as we’re done with enabling the extension we now need to create a Flipbox Layout by going to Divi > Library and click on Add New button on the top. Now give your Layout a Name and Choose Layout type as “Module” and click on Submit button to enter the Divi Builder.
Now add a Flipbox Module and set it up according to your needs. You can View This Post to get to know how to create Flipbox. Here we’ve created the First Flipbox Item.
When you’re done with creating First Flipbox Item now you need to create More Flipbox items like this. We’ve created around 7 Layouts/Items in the Library
OK, so as we’re done with creating Flipbox Items It’s now time to set up Carousel with Flipbox Items in it. Open up the Visual Builder and Insert the Card Carousel Module
And now click on +Add New Item button to add your First Carousel Item
It will open up new settings you just need to copy the Shortcode for the First Flipbox Item and paste it in the Content box.
Now you have to delete the existing content in the Carousel Item like Title, Image and Button
Open up the Text panel and delete the Title text.
Now open up the Image & Badge panel and Delete the Image
Now open up the Button Panel and simple Remove the button text
Ok we’re done with the first Flipbox item, now go back and duplicate the Carousel Item 6 more time so we can have 7 Carousel Items, but If you’ve got more items then you can duplicate it more times.
Now you’ll need to copy the other Shortcodes from the Library and paste them in the Content Tab. And that’s it we’ve successfully created a Flipbox carousel. Here’s a quick look.
If you want a very unique design Carousel Scroll then open up the Carousel Module Settings > Carousel Settings > Carousel Effect > Overflow. This will give a very nice Effect to the Carousel.
Here’s how it looks. It might not look that much cool in theis Gif but in reality It looks pretty cool.
So that’s how easily you can create a Flipbox carousel using the Library Shortcodes extension and Divi Supreme’s Carousel Module. Let us know what you think about this Creative Idea in the Comments below. And If you face any problem let us know that as well. Enjoy!
How to access the Library Shortcodes extension and Carousel Module
To use these super-rich Divi Extension and Module, you need to purchase the Pro version of our plugin at the cost of $40 for one website and $79 for unlimited sites. Both plans come with a 30% discount on renewals while we also offer you premium support and free updates during the licensing period. Want a more lasting plan? We also offer a Lifetime plan which goes for only $199. With it, you can install Divi Supreme Pro on unlimited websites while you also enjoy premium support and free updates forever.
Our goal is to assist you to create beautiful and effective business websites without impacting negatively on user experience.
So, give Divi Supreme Pro a try today and don’t forget to share your experience with the Read More content extension in the comments section below.
Or try out the Divi Supreme Lite
Divi Supreme Lite Offers 20 Modules and 3 Beautiful Extensions and using them you can easily extend your site’s functionality.
The Library Shortcodes extension can be found in the Free version of Divi Supreme but the Carousel Module is only available in the Divi Supreme Pro.
Very helpful and creative combo. Thank you for putting this tutorial together.
Thank you Alberto ! More to come soon 😀