One of 25+ Modules

Divi Product Carousel Module

Divi Product Carousel module shows WooCommerce products in a sliding row of cards, with arrows, dots, loop, and autoplay you control. Pull products from 13 sources, from best sellers to upsells, and give each card badges, variation swatches, and an Add to cart or Quick View button.

Divi Product Carousel Module for WooCommerce

13 Product Sources

Fill the carousel with latest, featured, on-sale, best-selling, or hand-picked products, or automatically with each product's related items, upsells, and cross-sells.

Swatches & Quick View

Let shoppers pick a color or size by swatch on the card, watching the image, price, and stock update, or open Quick View.

Full Slider Control

Set cards per view on every device, place the arrows in seven positions, and add dots, loop, a centered slide, or gentle autoplay.

Build a Divi WooCommerce Product Carousel That Sells From Every Slide

Choose Exactly Which Products Slide By

  • Use Current Loop on archive templates, so a category page's carousel shows that category's products.

  • Show cross-sells on the cart page, drawn from the products already in the shopper's cart.

  • Hand-pick products with a search-as-you-type picker, or fill the row by chosen categories or tags.

  • Exclude categories, tags, or products, and hide out-of-stock items from this carousel only, leaving your shop as is.

  • Sort by price, rating, popularity, name, or random, or let a Product Filter's Sort by take over.

Divi WooCommerce Product Carousel With Related Products and Upsells

Design Cards That Match Your Store

  • Add Sale badges as "-21%" or "Save $10," plus New, Featured, Low Stock, and "Only 3 left."

  • Lay the details over the image on a dark gradient, always visible or revealed on hover.

  • Place the image on top, left, or right of the details, with a different choice per device.

  • Swap to a second gallery image on hover, so shoppers see another angle at a glance.

  • Show category, brand, SKU, rating, stock, or attributes, and drag the details into your own order.

Divi WooCommerce Product Carousel Cards With Badges

Let Shoppers Act Right From the Card

  • Add simple products to the cart in place, with a View cart link once they're in.

  • Pick variations by swatch on the card, updating its image, price, and stock, then add to cart.

  • Send a variable product's Select options button to the product page or straight into Quick View.

  • Show Add to cart always or on image hover, full width or as an icon only.

  • Narrow the row with DiviMerc's Product Filter, swapping in new cards with a shareable address.

Divi WooCommerce Product Carousel Arrows and Centered Slide

Control Exactly How the Carousel Moves

  • Show 1 to 12 cards per view, with the gap set separately for desktop, tablet, and phone.

  • Move a whole view per arrow press, or creep along one card at a time.

  • Put arrows on the edge, inside, outside, or in a corner, with custom icons or a hover reveal.

  • Center the active slide and scale it up while the slides beside it fade back.

  • Lazy-load images as slides come near, so long carousels keep the first page load fast.

Divi WooCommerce Product Carousel With Swatches and Add to Cart

Add Quick View to Every Product Card

  • Design the popup once as a Divi Library layout, and every product fills it in automatically.

  • Place any Divi or DiviMerc module in the popup, from gallery and swatches to Add to Cart.

  • Let shoppers pick swatches and add to cart in the popup while the mini cart updates in step.

  • Place the Quick View button over the image, on image hover, or with the card's other buttons.

  • Add an eye icon to WooCommerce's shop and category pages, or open Quick View from any button.

Divi WooCommerce Product Quick View Popup

Free Ready-to-Use Product Carousel Layouts to Get Started

Skip the setup with DiviMerc's pre-made product carousel layouts, from a home page "New in" row to related products and a spotlight with a centered slide. Each one is fully customizable and responsive, ready to drop onto any page or Theme Builder template. Pick a style, set your colors, and go live in minutes.

Divi WooCommerce Add to Cart Template

DiviMerc Product Carousel vs WooCommerce Carousel Plugins: Which Fits Your Divi Store Better?

Feature DiviMerc Product Carousel WooCommerce Carousel Plugins
Built for Divi 5, as a native module Any theme, through a shortcode or block
Where you design it The Divi Visual Builder, on the page The plugin's own settings screen
Design controls Divi's own, set per device The plugin's own options
Divi presets Save a look and reuse it across your store Not available
Card style Same card as DiviMerc's Product Grid A separate look to keep in sync
Variation swatches on cards Built in Often a separate swatches plugin
Quick View popup A Divi layout you design with any module Usually a fixed popup, if one is offered
Filtering the products DiviMerc's Product Filter, no page reload Usually needs another plugin
Plugins to maintain One plugin covering 25 store modules One more plugin for one feature
Live WooCommerce data Prices, stock, and sales Prices, stock, and sales

Ready to Turn Every Product Row Into a Place to Shop?

FAQs on Product Carousel for Divi

Everything you need to know about the Product Carousel module before you get started.

What Is the Divi Product Carousel Module?

3
2
The Divi Product Carousel module is a DiviMerc module that shows WooCommerce products in a sliding row of cards. It offers 13 product sources, badges, variation swatches, Add to Cart and Quick View buttons on each card, and full control over arrows, dots, loop, autoplay, and cards per view.

Does Divi Have a Built-In Product Carousel?

3
2
Divi's Woo Products module shows products in a static grid, and Divi has no carousel layout for them. The DiviMerc Product Carousel adds one as a native Divi module, with arrows, dots, and autoplay, plus related products, upsells, and cross-sells as sources, swatches on the card, and Quick View.

Why Use It Instead of a WooCommerce Carousel Plugin?

3
2
A general WooCommerce carousel plugin works with any theme, so you place it with a shortcode or block and style it in its own settings. The DiviMerc Product Carousel is a native Divi module, designed in the Visual Builder with Divi's own controls and presets, sharing its card with Product Grid.

How Is It Different From the Product Grid Module?

3
2
They share the same cards, elements, and design groups. The Product Grid shows rows, columns, and pages, while the Product Carousel shows one sliding row with arrows, dots, loop, and autoplay. They're separate modules, and each keeps its own settings.

How Do I Show Related Products or Upsells on Product Pages?

3
2
Add the carousel to your product Theme Builder template and set Product Source to Related Products, Upsells, or Cross-sells. It picks up the current product automatically.

How Many Products Can the Carousel Show?

3
2
Product Count sets how many load, 12 by default, or every product the source finds when set to 0. Every product loaded becomes a slide, so keep the count to what shoppers will actually browse.

Why Does My Carousel Show Four Cards on Phones?

3
2
Slides Per View inherits the desktop value until you set it per device. Set tablet and phone values, like 2 and 1, with its responsive toggle.

Is Autoplay Accessible?

3
2
Autoplay is off by default, since a moving row is hard to read. When you turn it on, keep Pause On Hover on, and visitors whose devices ask for reduced motion see no slide animation.

Can Shoppers Choose a Variation From the Carousel?

3
2
Turn on Variation Swatches, and shoppers pick a value right on the card, which updates its image, price, and stock. Once every attribute has a value, the button adds that variation to the cart.

Do I Need an Extension for Quick View?

3
2
Quick View comes from DiviMerc's Quick View extension, which ships off. Switching it on also offers to switch on the five modules its default popup is built from, like Advanced Product Gallery and Advanced Add to Cart. Until then, the carousel's Quick View option stays locked off.

Can I Design the Quick View Popup?

3
2
The popup is a Divi Library layout you open from DiviMerc → Extensions → Quick View → Configure. Add any Divi or DiviMerc module, and product modules show whichever product was clicked, so one layout serves every product.

Does Quick View Slow My Pages Down?

3
2
Its script loads only on pages with a Quick View trigger, and the popup's content loads only when a shopper opens it. It's fetched fresh each time, so it works with page caching.

Can Shoppers Filter the Carousel?

3
2
Add DiviMerc's Product Filter module and pick the carousel in its Target Modules. It narrows the carousel's own products, swaps in the new cards without a page reload, and updates the address so a filtered view can be shared.

Does the Product Carousel Work on Mobile?

3
2
Visitors swipe through the cards on touch screens, and the arrows always stay visible there. Cards per view, gap, and arrow position are set separately for tablet and phone, and every Design setting works per device.

Others Divi WooCommerce Modules in DiviMerc

Divi Category Grid Module

Category Grid

Divi Category Carousel Module

Category Carousel

Save Flat 50% Before Our Early-Bird Launch Pricing Ends

Save Up to 60% Before the Black Friday Sale Ends!

Get It Now

Save Up to 60% Before the Black Friday Sale Ends!

Get It Now