Sky Addons for Elementor

⌘K
  2. Home
  4. Sky Addons for Elementor
  6. Widgets
  8. EDD Product Carousel

EDD Product Carousel

How to use EDD Product Carousel Widget of Sky Addons for Elementor

The Sky Addons EDD Product Carousel widget displays your Easy Digital Downloads products in a smooth, touch-friendly sliding carousel powered by Swiper. Choose from three layout styles, filter products by query or manual selection, and give shoppers a Quick View modal so they can add items to cart without ever leaving the page. This documentation will guide you through the process of using the EDD Product Carousel Widget to create an engaging, conversion-focused product showcase on your website.

Features:

  1. Three Layout Styles: Pick from Style 1, Style 2, or Style 3 to match your store’s look without any custom CSS.
  2. Flexible Query Builder: Pull products by Download post type, manual selection, current query, or related items — all without writing a single line of code.
  3. Quick View Modal: Let visitors preview full product details and add to cart inside a configurable pop-up, reducing friction at the point of purchase.
  4. Responsive Columns: Set different column counts for desktop, tablet, and mobile so the carousel always looks right on every screen.
  5. Carousel Controls: Enable prev/next navigation arrows, dot pagination, autoplay, loop, and speed — all from the panel with no coding.
  6. Toggleable Elements: Show or hide the product title, price, image, category badge, excerpt, Add to Cart button, and Quick View button independently.
  7. Per-State Styling: Full Normal / Hover / Active (centered slide) style controls for item backgrounds, box shadows, and opacity so your active slide pops.

Insert EDD Product Carousel Widget

  1. Open your page in Elementor and click the + icon to add a new section.
  2. Search for EDD Product Carousel in the widget panel and drag it onto the canvas.

Configure Layout

The Layout section controls the overall visual structure and grid of the carousel.

  1. Layout Style: Choose Style 1, Style 2, or Style 3 — each arranges the product image, title, price, and buttons differently.
  2. Columns: Set how many products appear side-by-side per breakpoint (desktop defaults to 3, tablet to 2, mobile to 1).
  3. Image Size: Pick a registered WordPress image size (e.g., Full, Large, Medium) for the product thumbnail.

Configure Query

The Query section determines which EDD products the carousel shows.

  1. Source: Choose Download to fetch all products, Manual Selection to pick specific items by name, Current Query to mirror an archive page, or Related to show products with shared taxonomy terms.
  2. Posts Per Page: Control how many products are fetched (default 6).
  3. Offset: Skip the first N products — handy for building secondary carousels on the same page.
  4. Order / Orderby / Date Filter / Author / Tax Filter: Standard query builder options to sort and filter the product list.

Configure Additional Display Options

The Additional section toggles individual product elements on or off.

  1. Show Title: Toggle the product name. When enabled, set the Title HTML Tag (h2–h6, div, span, p).
  2. Show Price: Show or hide the EDD price display.
  3. Show Image: Display the product thumbnail.
  4. Show Category: Show the Download Category label on each card.
  5. Show Text: Display an excerpt from the product description. Set the Text Limit (word count) and toggle Strip Shortcode to clean up the output.
  6. Show Add to Cart: Render the Add to Cart button below each product.
  7. Show Quick View: Render the Quick View button that opens a product modal.

Configure Add to Cart Button

The Add To Cart Button section (visible when Show Add to Cart is on) lets you customise the button label and icon.

  1. Button Text: Override the default “Add to Cart” label.
  2. View Cart Text: The label that replaces “Add to Cart” once the item is in the cart (defaults to “View Cart”).
  3. Icon: Choose any icon library icon to show beside the button text.
  4. Icon Spacing: Adjust the gap between the icon and text.

Configure Quick View Button

The Quick View Button section (visible when Show Quick View is on) controls the modal trigger button.

  1. Quick View Label: Override the default “Quick View” text.
  2. Icon: Choose an icon for the Quick View button (defaults to the eye icon).
  3. Icon Spacing: Control the gap between the icon and text.

Configure Modal Settings

The Modal Settings section (visible when Quick View is enabled) controls the pop-up behaviour.

  1. Popup Animation: Choose how the modal enters the screen (fade, slide, zoom, etc.).
  2. Popup Position: Center, top, bottom, left, or right.
  3. Popup Width / Height: Set the modal dimensions in px or other units.

Configure Carousel Settings

The Carousel Settings, Navigation, and Pagination sections expose the full Swiper configuration.

  1. Carousel Settings: Set autoplay, autoplay delay, loop, speed, space between slides, and effect (slide, fade, coverflow, etc.).
  2. Navigation: Enable prev/next arrows, choose their icon and position.
  3. Pagination: Enable dots or fraction pagination and control their position.

Style Your EDD Product Carousel

Use the Style tab to customise every visual element of the carousel.

  1. Carousel Item:
    Alignment, match spacing (adds equal padding to the swiper container so overflowing slides peek in correctly), padding, border, border radius. Normal / Hover / Active tabs for background, box shadow, and opacity.
  2. Image:
    Width, height, padding, margin, border, border radius, box shadow, and CSS filters (brightness, contrast, blur, etc.).
  3. Title:
    Spacing below the title, typography, text color, text shadow, and hover color.
  4. Price:
    Color, typography, text shadow, and margin for the EDD price display.
  5. Text:
    Typography, color, and spacing for the product excerpt (visible when Show Text is on).
  6. Category:
    Typography, color, background, padding, border radius, and hover state for the category badge.
  7. Add to Cart Button:
    Full button style controls — typography, padding, border, border radius, background, text color, box shadow — for Normal and Hover states.
  8. Quick View Button:
    Same full button style controls for the Quick View trigger.
  9. Modal:
    Background, border, border radius, and box shadow for the Quick View pop-up container.

Save and Preview

  1. Click Update in Elementor to save your page.
  2. Preview the page to see your EDD Product Carousel widget in action.

Best Practices

  1. Use the Manual Selection source on landing pages where you want to spotlight specific products rather than showing every item in the store.
  2. Keep the Text Limit to 20–30 words so cards stay consistent in height, especially when Masonry is off.
  3. Enable Loop and set a comfortable Autoplay Delay (4–6 seconds) for carousels on hero sections to keep them active without being distracting.
  4. Style the Active carousel item tab with a slightly elevated box shadow to give the centered slide a focal-point effect.

Troubleshooting

  1. No products appear: Confirm that Easy Digital Downloads is active and that at least one Download post is published. Check the Query source — if you chose Manual Selection, make sure you have actually selected products in the field.
  2. Quick View modal does not open: Verify that Show Quick View is toggled on and that no JavaScript errors appear in the browser console. Plugin or theme JavaScript conflicts are the most common cause.
  3. Carousel slides are not looping: Loop requires enough slides to fill at least one full view. If Posts Per Page is lower than the Columns value, loop may not work as expected — increase the post count or reduce the column count.

Frequently Asked Questions

Does this widget require Easy Digital Downloads?

Yes. The EDD Product Carousel widget is built specifically for Easy Digital Downloads. The EDD plugin must be installed and active for products to appear.

Can I show products from a specific category only?

Yes. In the Query section, use the taxonomy filter to limit results to one or more Download Categories or Download Tags.

Can I use this widget alongside the EDD Product Grid on the same page?

Absolutely. Both widgets are independent and can coexist on the same page. Use the Grid for a static overview section and the Carousel for featured or related products elsewhere on the page.

How do I change the “Add to Cart” button text after a product is added?

In the Add To Cart Button section, set the View Cart Text field to whatever label you prefer. This text replaces “Add to Cart” automatically once the item is in the customer’s cart.

What is “Match Spacing” in the Carousel Item style?

Match Spacing adds identical padding to the Swiper container so that partially visible slides on the edges peek in cleanly. It is most useful when you want to hint at more slides without them being cut off abruptly.

Related Documentation

Explore other Sky Addons widgets and extensions that complement the EDD Product Carousel widget:

Conclusion

The EDD Product Carousel widget from Sky Addons makes it straightforward to build a polished, interactive product showcase for your Easy Digital Downloads store — no coding required. From the flexible query builder to the Quick View modal and per-state carousel styling, every detail is accessible directly from the Elementor panel. If you have any questions or need help, visit the Sky Addons support center.

How can we help?