---
title: "Product Carousel"
url: "https://divipeople.com/docs/divi-product-carousel-doc.md"
canonical: "https://divipeople.com/docs/divi-product-carousel-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "Divi Carousel Pro"
---

# 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](https://divipeople.com/modules/product-carousel/) for a live overview and pricing.