WooCommerce Product Carousel for Elementor

A product carousel turns a long row of WooCommerce products into a compact, swipeable strip. Instead of a static grid that pushes the rest of the page down, it rotates through the items you choose, so a home page can feature new arrivals, best sellers, and sale products in the space of a single section. Here is what the Product Carousel widget from the Magical Products Display add-on does, how to add it in Elementor, and how to use it well.

• Type Elementor widget
• For WooCommerce
• Layout Carousel
• Best for Featuring a curated set

Why use a product carousel

Store home pages have a space problem: you want to surface products, but a full grid of everything is overwhelming and buries the rest of the page. A carousel solves that by showing a handful of items at a time and letting shoppers swipe or click through the rest. It keeps the section tight, works naturally on touchscreens, and lets you curate what gets seen first, which is exactly what a featured strip should do.

Product carousel vs a product grid

Both display products, but they serve different jobs. Pick based on what the shopper is doing on that part of the page.

How to add a Product Carousel in Elementor

Once the Magical Products Display add-on is active, it takes a couple of minutes:

1. Install and activate the add-on, then edit your page with Elementor.
2. Drag the Product Carousel widget from the panel onto the canvas where you want products.
3. Choose the products: a category, tag, featured, on-sale, or best-selling, and set how many to load.
4. Set the layout: items per view for desktop, tablet, and mobile, plus autoplay, arrows, and dots.
5. Style and publish: match spacing and colors to your theme, preview on mobile, and go live.

Options worth setting

• Product source. Category, tag, featured, on-sale, best-selling, or hand-picked products.
• Responsive slides. The number of items per view for each screen size.
• Autoplay and controls. Autoplay speed, loop, arrows, and dots.
• Card details. Price, rating, sale badge, and an add-to-cart button on each slide.
• Styling. Spacing, radius, colors, and hover effects, all in Elementor.

Tips for a carousel that converts

• Curate, do not dump. Eight to sixteen products keeps it feeling hand-picked, not endless.
• Keep autoplay slow or off, so shoppers can actually read a slide before it moves.
• Show three to four per view on desktop and one to two on mobile for readable cards.
• Optimize images and lean on a caching plugin so the carousel stays fast.
• Give it a clear heading such as New Arrivals or Best Sellers, so the strip has a reason to exist.

Frequently asked questions