Have you ever wanted to add a product carousel to your Divi-WooCommerce website but you can’t find the right module? are you already using a carousel plugin that doesn’t play well with Divi theme?
Well! today, I’m really excited to announce the release of a brand new module for Divi, the Woo Product Carousel module. This new module is part of our beloved WooCommerce Builder For Divi Plugin.
This means, if you already are a user of the plugin, you will not pay anything extra, just update the plugin to its latest version and the module will be added to Divi builder!
If you don’t have the WooCommerce Builder plugin, then, it is the right time to take your online store to the next level, get the plugin now and don’t waste any time.
NEW YEAR’S OFFER! SAVE 15% NOW WHEN YOU BUY A NEW LICENSE OR UPGRADE TO ANY HIGHER PLAN.
USE THE COUPON CODE HAPPY2021
WooCommerce Product Carousel Module
This new advanced module will allow you to display any kind of products in a slider fashion. You can display the recent, featured, sale, best selling & top-rated products. You can also display products from specific categories.
The module is 100% compatible with the visual builder and you can use it to display the products dynamically based on the current page using Divi’s amazing theme builder.
See it in Action
I’ve created a layout for the shop page using the product carousel module to see the module in action and you can also download it and use it for FREE!
Product Carousel Main Options
The module has tons of unique features but is really easy to use at the same time. Let’s explore the options:
– Products Type
Here you select the type of products you want to display, you have 5 types: Recent, Featured, Sale, Best Selling & Top Rated products.
– Products From
You have selected the type of the products in the previous option, now you can select the “products from” and here you have 3 options: the entire shop, specific categories or current archive page.
With both the “type” and “from” options, you can display any kind of products you dream of anywhere, for examples:
- Display the recent products from the entire shop.
- Display the recent products from a specific category or categories.
- Display the recent products dynamically based on the current archive page in the theme builder, so, if the user is viewing the shop page, a category page or a tag page, the module will understand that and will display the correct products for each page.
And you can do that same for the other types of products as well; the featured, sale, best selling & top rated products which gives you unlimited possibilities.
– Order By
You can order the products based on different options like the default menu order, popularity, user rating, newest to oldest, oldest to newest, lowest price to the highest or from the highest price to the lowest.
Now let’s look at the carousel options.
– Total Products Count
Here you specify the total number of products to display in the carousel.
– Slides to Show
How many slides to show in the viewport. You can control how many slides to show on desktop, tablet and mobile.
– Slides to Scroll
The number of products to scroll with each move, you can also set the number for desktop, tablet and mobile.
Enables the slider autoplay.
– Autoplay Speed
Autoplay Speed in milliseconds, 3000 means 3 seconds.
– Show Arrows
Show Previous/Next Arrows to move the slides.
– Show Dots
Show dot indicators to navigate the slider.
– Infinite Loop
Enable the infinite loop sliding, so if the carousel reaches the last slide, it will keep sliding to the first slide again.
– Pause On Hover
Pause the autoplay when you hover over the slides and replay when you move the cursor away.
– Space Between Slides
Set the space between slides.
Here are some options to display/hide some essential elements for any products list.
– Show Sale Badge
Shows the sale badge for products on sale.
– Show Rating
Shows the star rating of each product.
– Show Price
Shows the price of simple products, price range of variable products and sale price if the product is on sale.
– Show Short Description
Shows the product’s short description (the excerpt).
– Show Add To Cart Button
Show the add to cart button under each product.
I won’t list the design options here because they are so many but basically, you can customize EVERYTHING!
You can customize the fonts, the borders, the colors of the dots and the arrows, everything about the add to cart button. You have to play with these amazing options yourself.
How to Get The Product Carousel Module
The module is part of the WooCommerce Builder For Divi Plugin, so, if you have it, just update it to the latest version. If you don’t have it yet, you can get it now from here.
What Do You Think?
Let me know what do you think of this module and if you have any questions or suggestions, please, leave me a comment below 🙂
Nice work Abdou
Thank You 🙂
Can we use this for related products on a custom product page?