Card Carousel Widget for Elementor
The Card Carousel widget displays multiple pieces of content in a carousel format, allowing for smooth transitions between items and adding an interactive touch to your Elementor website.
Content
The Power of Multiple Dynamic Source Types
Widget Settings
Create the Perfect Carousel Showcase
Style
Customization is at Your Fingertips
Remote Controls
Total Design Freedom with Connected Widgets
Sync Widgets Together
Craft Customized Flexible Layouts
Customization
Elevate Your Carousel Display with Precision and Ease
Flexible. Lightweight. Intutive.
Loop
Keep your content in constant motion for a dynamic display with seamless, continuous carousel looping.
Number of Items
Easily tailor the quantity of items for various screens, ensuring flexibility across different devices.
Slides to Scroll
Control the number of slides moved per navigation, giving precise user interaction.
Transition Speed
Customize the pace of carousel transitions for a visually appealing and personalized display.
Margin Between Slides
Optimize visual presentation by adjusting spacing based on screen size.
Stage Padding
Enhance visual appeal with an offset effect for a polished display.
Autoplay
Effortlessly engage your audience with automated carousel progression for a hands-free experience.
Autoplay Interval
Set transition timing with control over autoplay intervals for a well-paced display.
Pause on Hover
Improve user focus by temporarily halting autoplay when hovered over.
Transition Easing
Adjust transition smoothness for a polished user experience.
Center Mode
Emphasize items by placing them at the carousel center for a visually impactful display.
Change on Click
Boost engagement by allowing item transitions through simple click interactions.
RTL (Right-to-Left)
Accommodate language and design preferences with right-to-left reading mode.
Random Order
Add variety by randomizing the order of displayed items.
Mouse Drag
Provide intuitive navigation with mouse-dragging through the carousel.
Touch Drag
Extend functionality to touchscreen devices for seamless dragging and enhanced engagement.
Scroll to Head
Ensure smooth transitions by automatically scrolling to the head of an item when not visible.
Mouse Wheel Control
Enhance user control with mouse wheel functionality as an alternative navigation method.
Auto Width
Optimize visual appeal by dynamically adjusting the width of carousel items to match their content width.
Step by Step Tutorial
Learn How It Works?
Learn how to use the Card Carousel Widget with this video tutorial. Master each step at your own pace effortlessly.
Card Carousel Frequently Asked Questions
The Card Carousel widget 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 widget is perfect for portfolios, testimonials, products, or any content that benefits from a carousel layout.
This widget is free for all users who have the Unlimited Elements installed and activated on their WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Card Carousel”.
- Hover over the widget in the search results and click Install.
- Add the “Card Carousel” widget to any Elementor Page.
Yes, the Card Carousel widget is free for all as it is included in the Unlimited Elements free version.
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.
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.
Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters:
- Search Filter: Transform the search experience with a live search that gives instant results.
- Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display.
- Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches.
- Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display.
- Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort.
- Pagination: Enhance the browsing experience with smooth navigation between post results.
- Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll.
- Active Filter: Display the selected filters and reset them easily for user convenience.
- Clear Filters: Let users easily clear all selected filters with one quick and easy click.
- Post Query Summary: Provides quick feedback by displaying the number of posts or pages found.
Click here to Learn More.
Definitely! The Card Carousel widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.
Yes, the Card Carousel widget supports importing data from CSV files, making it versatile for various use cases.
Of course! You can easily display JSON file data within the Card Carousel to create dynamic content layouts.
Using the Card Carousel is straightforward. Drag the widget into your page, configure your carousel and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.
