Ajax Filter Sort
Lets users sort results by different criteria.
Content > Query Settings
Query Name
Must match your Main Query
Sort Options
Define available sort options (repeater)
Sort Option Settings
Each sort option has:
Label
Display text (e.g., "Newest First")
Source Type
Built-in Field, Custom Field (Text), Custom Field (Numeric)
Field
For built-in: Title, Date, Modified Date, Menu Order, Random, Comment Count
Meta Key
For custom fields
Order
ASC or DESC
Content > General Settings
Layout Type
Dropdown, Radio, or Button
Placeholder
Dropdown placeholder
Hide 'All' Option
Hide default/reset option
Label: All
Text for default option (e.g., "Default")
Legend Label
Accessibility label
Apply On
Input or Submit
Default Sort Options
The element comes with these presets:
Newest First (date DESC)
Oldest First (date ASC)
Title A-Z (title ASC)
Title Z-A (title DESC)
Usage Example
Product Sort:
1. Add Ajax Filter Sort
2. Query Name: "products"
3. Sort Options:
- "Price: Low to High" | meta_value_num | _price | ASC
- "Price: High to Low" | meta_value_num | _price | DESC
- "Newest" | built_in | date | DESC
4. Layout: Dropdown
5. Placeholder: "Sort by..."Last updated