The “Active Filters Widget” can be used with any of our Post Filter widget to help users simplifies the process of monitoring and displaying applied filters on post widgets.
We often use the post filter widget in conjunction with the posts widget to sort and refine posts according to the selected filters. To conveniently view the active filters, users can use the Active Filters Widget. This widget will display the array of applied post filters, allowing users to effortlessly view or remove any activated filter directly from the list.
Additionally, it also seamlessly integrates with WooCommerce, serving as an excellent partner for e-commerce websites. It enriches the shopping journey by enabling customers to effortlessly fine-tune their product searches.
You have a diverse range of customization options at your fingertips, allowing you to meticulously tailor the appearance of your Elementor page to match your exact preferences.
Let’s look at each of the options in the “Active Filters Widget” below.
Install Active Filters Widget for Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Active Filters”
- Hover over the widget in the search results and click install
- Add your “Active Filters” widget to any Elementor Page
Install a Post Widget
Go to Unlimited Elements widget library >> Click on the Post Widget>> Install any of the post widget.
Install a Post Filter Widget
Go to Unlimited Elements widget library >> Click on the Post Filters & Tools widget>> Install any of the Post Filter widget.
Now add previously installed post widget, post filter widget, and Active Filter widget to an Elementor Page and apply any post filter.
After applying a post filter, the Active Filters widget promptly displays the name of the applied filter, making it more convenient for users to manage their filter queries. User can also remove that filter directly from the active filters tab as well.
Active Filters Layout Styling
In this section, set the layout, alignment and gap of items.
Active Filters Styling
You can set typography, padding, text color, background color, border, and text shadow of active filters.
Remove Icon Styling
Set the remove icon size, weight, gap, icon color, and icon color hover.
Here are some live use cases for the Active Filters Widget.