fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Vertical Progress Bar - Featured
custom-cursor-elementor
google-maps-widget

Sorting Filter

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Sorting Filter”
  3. Hover over the widget in the search results and click install
  4. Add your “Sorting Filter” widget to any Elementor Page

General Settings

1

Show Order By Label

Show or hide the order by label.

2

Order By Label Text

Type text to show as order by label.

3

Show Order Direction Label

Show or hide the order direction label.

4

Order Direction Label Text

Type text to show as order direction label.

5

Custom Indicator Icon

Show/Hide the custom indicator icon.

6

Indicator Icon

Choose an icon to display as indicator icon.

7

Ascending Text

Type text for ascending order.

8

Descending Text

Type text for descending order.

Filter Settings

1

Filter Type

Select the filter type.

  • Auto
  • Regular
  • For WooCommerce
2

Default Selected

Set the default selected.

  • Auto
  • Option Number
3

Default Selected Dir

Set the default selected direction.

  • Auto
  • Default
  • Asc
  • Desc

Fields Settings

1

Default Settings

Field Type - Set the field type.

  • Default 
  • Meta Field
  • Post ID
  • Date
  • Title
  • Price (WooCommerce)
  • Sale Price (WooCommerce)
  • Number of Sales (WooCommerce)
  • Rating (WooCommerce)
  • Slug
  • Author
  • Last Modified
  • Number of Comments
  • Random
  • Unsorted
  • 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.

Layout Styling

In this section, set the layout, alignment, and gap.

Label Styling

You can set label type, gap, typography, color, and margin.

Select Styling

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.

Indicator Styling

Set the indicator size, color, and horizontal distance.

Option List Styling

You can style the option background, text color, and typography.

Usage Examples

Here are some live use cases for the Sorting Filter Widget.

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!