Stacking Cards Widget for Elementor
Stacking Cards Widget creates stunning and highly interactive scroll effects with content cards that stack seamlessly for a truly dynamic user experience.
Step by Step Tutorial
Learn How It Works?
Learn how to use the Stacking Cards Widget with this video tutorial. Master each step at your own pace effortlessly.
Stacking Cards
Elevate Your Website with Dynamic Scrolling
Scroll-Based Interaction
Engage Users with Intuitive Scrolling
Card Design Customization
Craft Each Card Your Way Easily
Top Use Cases for the Stacking Cards Widget
Stacking Cards Widget Frequently Asked Questions
The Stacking Cards widget creates an engaging card layout with an interactive stacking effect. It’s perfect for showcasing team members, product highlights, or creative content in a visually appealing format.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Stacking Cards”.
- Hover over the widget in the search results and click Install.
- Add the “Stacking Cards” widget to any Elementor Page.
Yes, the Stacking Cards widget is free to use! 🎉 However, it also includes extra Pro features that you can unlock by upgrading to Unlimited Elements Pro.
Yes, you can!
The Stacking Cards widget supports Posts as a data source, which includes WooCommerce products. You can select Products as the post type and display elements such as the product image, title, description, and button links inside each card.
Yes!
The Stacking Cards widget allows you to display content from WordPress posts or any custom post type. Simply choose Posts as the source and select the post type you want to showcase (e.g., Posts, Products, Events, or any CPT). You can dynamically pull the post title, image, description, and link into each card.
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.
The Stacking Cards widget does not natively support ACF Repeater fields. It can display individual custom fields using the Custom Meta source, but repeater loops are not supported directly.
If you need to display repeater data, consider using a different widget or converting the repeater items into a custom post type for dynamic display.
Yes, the Stacking Cards widget supports importing data from CSV files, making it versatile for various use cases.
Of course! You can easily display JSON file data within this widget to create dynamic content layouts.
Using this widget is straightforward. Drag the widget into your page, configure your cards and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.
The widget supports multiple content sources, including:
- Manual items
- Posts
- WooCommerce products
- ACF custom fields
- JSON or CSV files
- Galleries
- API integrations
- Instagram and more.
Yes! The widget offers extensive customization options, including:
- Card width, height, and spacing.
- Background color or image.
- Border styles, shadow, and padding.
- Typography and hover effects.
You can adjust:
- Whether to show or hide titles, descriptions, and buttons.
- Button text and icons.
- Image sizes and graphic elements for a personalized design.
Absolutely! The widget enables smooth scroll motion effects, allowing you to set transform origins, rotation, and greyscale effects to enhance the visual appeal.
Yes, the widget allows you to configure:
- Sticky position top space.
- Card gaps.
- Top offset for better alignment with your page layout.
Yes, the widget fully supports RTL, making it ideal for languages that use right-to-left scripts.
You can easily enable hover transitions and set their duration (in milliseconds) through the widget’s settings for a smooth interactive experience.
