Essential Grid WP
03.13.2019
Reorder Custom Grid Filters
This article will show you how to reorder filters for Custom Grids using Custom JavaScript Code.
Step 1: Create a Custom Grid
Step 2: Assign filters to your grid item following the instructions here
Step 3: Insert the custom JS code below into the grid JS section and set up your preferred filter order by editing the "customOrder" part.
- Important Note:
Filter names should be entered all lowercase and without spaces.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
(function() { /* ******************* */ /* BEGIN USER SETTINGS */ /* ******************* */ // Filter names such as 'Hello There' needs to be written as "hellothere" in the customOrder Array below // Filter named "-1" is equivalent to "Filter - All" var customOrder = ['-1', 'filter2', 'filter3', 'filter1']; /* ******************* */ /* END USER SETTINGS */ /* ******************* */ for(var i = 0; i < customOrder.length; i++) { var $this = jQuery('.esg-filterbutton[data-fid="' + customOrder[i] + '"]'); $this.appendTo($this.parent()); } })(); |