The “Sorting Filter Widget” can be used with any of our Post widgets to help users sort the content on the page. With the help of this widget users can effortlessly filter and arrange your content with just a few clicks, simplifying the process of finding the most pertinent information. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Sorting Filter Widget” below.
In order to use this widget firstly you need to install any of our post widget from our widget library.
Install Sorting Filter 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 “Sorting Filter”
- Hover over the widget in the search results and click install
- Add your “Sorting Filter” widget to any Elementor Page
Show Order By Label
Show or hide the order by label.
Order By Label Text
Type text to show as order by label.
Show Order Direction Label
Show or hide the order direction label.
Order Direction Label Text
Type text to show as order direction label.
Custom Indicator Icon
Show/Hide the custom indicator icon.
Choose an icon to display as indicator icon.
Type text for ascending order.
Type text for descending order.
Select the filter type.
- For WooCommerce
Set the default selected.
- Option Number
Default Selected Dir
Set the default selected direction.
Field Type - Set the field type.
- Meta Field
- Post ID
- Price (WooCommerce)
- Sale Price (WooCommerce)
- Number of Sales (WooCommerce)
- Rating (WooCommerce)
- Last Modified
- Number of Comments
- Menu Order
- Parent Post
Sorting Filter Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
In this section, set the layout, alignment, and gap.
You can set label type, gap, typography, color, and margin.
Set the typography, padding, text alignment, margin, background, color, border, and text shadow for select element.
Select (Order By) Styling
Here, you can set the width for order by selector.
Select (Order Direction) Styling
You can set width for order direction selector.
Set the indicator size, color, and horizontal distance.
Option List Styling
You can style the option background, text color, and typography.
Here are some live use cases for the Sorting Filter Widget.