WooCommerce product carousels for Divi

Add a WooCommerce product carousel to Divi.

Build a focused WooCommerce product shelf inside Divi. Choose the query, product-card content, responsive density, navigation, and one of five distinct effects.

  • Five carousel effects
  • Responsive product counts
  • WooCommerce-aware queries
WooCommerce products presented in a Product Carousel for Divi
More products in a focused shelf
Query, card, density, and motion in Divi
Five transition effects Desktop, tablet, and phone controls Dynamic WooCommerce sources 14-day refund window

A compact product shelf

Show a product collection in less space.

A carousel gives one collection a clear role—new arrivals, a sale, a category, or top-rated products—while preserving space for the rest of the page.

  • Start with the shopping intentChoose the product type, source, order, and total count.
  • Set density by screenDecide how many products appear and move on desktop, tablet, and phone.
  • Compose the complete cardManage imagery, product details, spacing, navigation, and effect in Divi.
WooCommerce products arranged in a compact carousel row

Five ways to move

Compare all five carousel effects.

Choose Slide for a familiar product row, or give one product more focus with Cards, Coverflow, Fade, or Flip.

  • Slide
  • Cards
  • Coverflow
  • Fade
  • Flip
Slide effect controls in the Product Carousel module for Divi
Use the live demo to compare all five effects with real products.

Build the query before the animation

Choose which products to display.

Choose the product type.

Recent, featured, on sale, best selling, or top rated.

Choose the product source.

Use the complete shop, selected categories, or the current archive context.

Choose the product order.

Order by menu position, popularity, rating, date, or price in either direction.

Product type and source controls in Product Carousel for Divi
Product type, source, order, and total count turn the carousel into a purposeful WooCommerce collection.
Responsive Product Carousel settings for slides shown and moved
Visible products and products moved can be tuned separately at each Divi breakpoint.

Responsive density

Set product counts for desktop, tablet, and phone.

Control both how many products shoppers can compare and how far the shelf advances on desktop, tablet, and phone.

Desktop fallback
4 visible · 1 per move
Tablet fallback
2 visible · 1 per move
Phone fallback
1 visible · 1 per move

Motion is a design decision

Control autoplay, speed, arrows, and dots.

The module includes autoplay and speed, pause on hover, centered slides, infinite looping, mousewheel input, and space-between controls. Configure only the movement the section needs.

  • Use autoplay deliberatelyTurn autoplay on or off, set its speed, and pause movement while a shopper hovers over the carousel.
  • Test the real input mixCheck touch, pointer, keyboard, mousewheel, and motion needs on the finished storefront.
Autoplay, navigation, loop, and spacing controls in Product Carousel

Product-card composition

Choose what each product card displays.

A recommendation shelf may need only image, title, price, and button. A discovery shelf can carry ratings, sale state, and a short description.

Choose the details

Show or hide the sale badge, rating, price, excerpt, and add-to-cart button.

Place and style the image

Position product imagery above, left, right, or behind the details. Fill side layouts and control image borders, radius, and box shadow.

Shape the product card

Use equal-height products, product backgrounds and padding, plus separate backgrounds and padding for the product-details area.

Style every detail in Divi

Style the title, description, price, button, and sale-badge background. Divi controls also cover sizing, spacing, animation, filters, and conditions.

Choose when navigation appears

Show arrows and pagination dots, or reveal the arrows only when a shopper hovers over the carousel.

Match navigation to the design

Set the arrow background and icon colors, plus separate colors for pagination dots and the active dot.

Customer care

Fast answers keep projects moving.

Company-level feedback about getting practical help from DiviKingdom when customers need it.

★★★★★
“The support is also really quick and helpful.”
Dougie Kinnear Verified DiviKingdom customer
Review 1 of 3

Choose your license

Choose your Product Carousel license.

Choose Product Carousel with annual or lifetime billing and 1-site, 5-site, or unlimited-site coverage, or get every DiviKingdom plugin with All Access.

Woo Product Carousel

$29/ annual

  • Access to Woo Product Carousel
  • 1 Year of Support & Updates
  • 14-Day Money Back Guarantee

Compatibility and release facts

Works with Divi and WooCommerce.

Current version
2.0.0
Last updated
August 5, 2026
Initial release
Nov 24, 2021
Divi support
Divi 4 and Divi 5

Support and pre-sale

Questions about Product Carousel?

Ask us about features, licenses, billing, setup, or support. Our product team helps before purchase and throughout your license.

Before you buy

Product Carousel FAQs

Product Carousel for Divi

Get Product Carousel for Divi.

Build a responsive WooCommerce product shelf without building another long page.

Choose your Product Carousel license

Divi 4 & 5 · WooCommerce · 14-day refund window