Skip to content

Product Carousel

The Product Carousel module, part of Divi Carousel Pro, displays WooCommerce products in a responsive, swipeable carousel — with price, sale badge, rating stars, and an inline add-to-cart button.

Key Features

  • Fully WooCommerce-native — filter by category, attribute, or tag.
  • Swiper.js engine — Fade Effect, Vertical Mode, Center Mode (Classic or Highlighted).
  • Autoplay, Infinite Loop, Grab Cursor, and configurable Transition Speed.
  • Navigation & Pagination — None, Arrows, Dots, or both.

Adding the Module

  1. Edit a page with the Divi Visual Builder (WooCommerce must be active).
  2. Add a new module and search for Product Carousel.
  3. Choose your product query (category/attribute/tag), then configure Slides To Show and navigation style.

Content Settings

  • Slides To Show — 1 to 8, Item Spacing, Items to Scroll.
  • Sliding Direction — Left to Right or Right to Left.
  • Center Mode — Classic or Highlighted, with Center Padding.
  • Navigation & Pagination — None, Arrows, Dots, or Arrows & Dots.
  • Autoplay / Autoplay Delay / Pause on Hover / Infinite Loop.

Design Settings

  • Arrows — Height, Width, Icon Size, Icon Color, Background, Vertical Position.
  • Carousel — Height and Auto Height.

WooCommerce required
This module queries live WooCommerce product data — WooCommerce must be installed and active, with products published, before the carousel has anything to display.

FAQ

Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

Can I filter to a single product category?

Yes — the module’s query settings let you restrict the carousel to specific WooCommerce categories, attributes, or tags.

Where can I see it in action?

Visit the Product Carousel module page for a live overview and pricing.

Loading...