Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Show Google Sheets Data in Elementor - Featured Blog
ue-2.0
Loop Grid in Elementor - Featured Blog
Card Carousel Widget for Elementor
FREE

Card Carousel Block for WordPress

The Card Carousel block displays multiple pieces of content in a carousel format, allowing for smooth transitions between items and adding an interactive touch to your WordPress website.

card carousel cover

Content

The Power of Multiple Dynamic Source Types

Easily populate carousel items with dynamic data types. Whether it’s WordPress posts, Woo products, CSV files, JSON files, ACF repeater fields, API integrations, or more. Our solution adapts to your dynamic content needs.
card carousel dynamic data

Block Settings

Create the Perfect Carousel Showcase

The Card Carousel block is user-friendly and does not demand any technical expertise. With just a few swift clicks, you can easily customize the block to suit your requirements using the straightforward settings.
card carousel settings 1

Style

Customization is at Your Fingertips

Modify the colors to match your site’s look and feel.  Customize the text, icons, fonts and layout to make the block look and work exactly like you want it too.
card carousel style

Remote Controls

Total Design Freedom with Connected Blocks

Craft unique layouts effortlessly with Remote Control Blocks. Enjoy full design control, making your web design stand out with absolute precision.
card carousel remote

Sync Blocks Together

Craft Customized Flexible Layouts

Take your web designs one step further by synchronizing two or more item-based blocks, allowing you to craft sophisticated and personalized layouts with ease.
card carousel sync 1

Customization

Elevate Your Carousel Display with Precision and Ease

Flexible. Lightweight. Intutive.

1

Loop

Keep your content in constant motion for a dynamic display with seamless, continuous carousel looping.

2

Number of Items

Easily tailor the quantity of items for various screens, ensuring flexibility across different devices.

3

Slides to Scroll

Control the number of slides moved per navigation, giving precise user interaction.

4

Transition Speed

Customize the pace of carousel transitions for a visually appealing and personalized display.

5

Margin Between Slides

Optimize visual presentation by adjusting spacing based on screen size.

6

Stage Padding

Enhance visual appeal with an offset effect for a polished display.

7

Autoplay

Effortlessly engage your audience with automated carousel progression for a hands-free experience.

8

Autoplay Interval

Set transition timing with control over autoplay intervals for a well-paced display.

9

Pause on Hover

Improve user focus by temporarily halting autoplay when hovered over.

10

Transition Easing

Adjust transition smoothness for a polished user experience.

11

Center Mode

Emphasize items by placing them at the carousel center for a visually impactful display.

12

Change on Click

Boost engagement by allowing item transitions through simple click interactions.

13

RTL (Right-to-Left)

Accommodate language and design preferences with right-to-left reading mode.

14

Random Order

Add variety by randomizing the order of displayed items.

15

Mouse Drag

Provide intuitive navigation with mouse-dragging through the carousel.

16

Touch Drag

Extend functionality to touchscreen devices for seamless dragging and enhanced engagement.

17

Scroll to Head

Ensure smooth transitions by automatically scrolling to the head of an item when not visible.

18

Mouse Wheel Control

Enhance user control with mouse wheel functionality as an alternative navigation method.

19

Auto Width

Optimize visual appeal by dynamically adjusting the width of carousel items to match their content width.

Card Carousel Frequently Asked Questions

What is a Card Carousel in an WordPress website?

The Card Carousel block allows you to display content in a sleek, interactive carousel of cards. Each card can contain images, text, or other elements, making it ideal for showcasing multiple pieces of content in a compact and engaging way. This block is perfect for portfolios, testimonials, products, or any content that benefits from a carousel layout.

How do I add a Card Carousel to my WordPress website?

This block is available in the Unlimited Elements Free version.

  1. Go to the Unlimited Elements Block Library. 
  2. Search in the search bar for “Card Carousel”. 
  3. Hover over the block in the search results and click Install. 
  4. Add the “Card Carousel” block to any WordPress Page.
Is the Card Carousel a free block?

Yes, the Card Carousel block is available for free in the UE Blocks library. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

Can I show WooCommerce products in the Card Carousel?

Absolutely! You can easily showcase your WooCommerce products directly within the carousel to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection. 

You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.

Can I show WordPress posts or custom post types in the Card Carousel?

Absolutely! You can showcase WordPress posts or custom post types dynamically within the carousel. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection. 

You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.

Can I add filters to the Card Carousel?

Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters: 

  1. Search Filter: Transform the search experience with a live search that gives instant results. 
  2. Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display. 
  3. Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches. 
  4. Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display. 
  5. Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort. 
  6. Pagination: Enhance the browsing experience with smooth navigation between post results.
  7. Load More / Infinite Scroll: Improve user interaction in your product blocks using a Load More Button or Infinite Scroll. 
  8. Active Filter: Display the selected filters and reset them easily for user convenience. 
  9. Clear Filters: Let users easily clear all selected filters with one quick and easy click. 
  10. Post Query Summary: Provides quick feedback by displaying the number of posts or pages found.
Can I show an ACF Repeater in the Card Carousel?

Definitely! The Card Carousel block supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.

Can I show data from a CSV file in the Card Carousel?

Yes, the Card Carousel block supports importing data from CSV files, making it versatile for various use cases.

Can I show data from a JSON file in the Card Carousel?

Of course! You can easily display JSON file data within the Card Carousel to create dynamic content layouts.

How do I use the Card Carousel in WordPress?

Using the Card Carousel is straightforward. Drag the block into your page, configure your carousel and content settings, and style it to match your design.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!