Black Friday is here! Save Up to 78% right now on our plugins and the all access bundle.

The Amazing New Product Carousel Module For Divi!

by | Jan 11, 2021 | News, Freebies | 4 comments

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!

WooCommerce product carousel module for Divi

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.

Carousel Options

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.

– Autoplay

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.

Product Elements

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.

Design Options

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 🙂

Peace!

By Abdou

My name is Abdelfatah Aboelghit, a PHP developer from Egypt and my friends call me Abdou!
Here I write and develop products about Divi Theme.

More Article

4 Comments

  1. Pete

    Nice work Abdou

    Reply
    • Abdou

      Thank You 🙂

      Reply
      • Pete Cardwell

        Can we use this for related products on a custom product page?

        Reply
        • Abdou

          No!

          Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Shop Tabs Plugin

A must-have plugin for Divi & WooCommerce.

Read More

Divi Theme

The Best Theme For WordPress. 

Read More

Pin It on Pinterest

Share This