Essential Grid WP
09.04.2016
Alphabetize Filter Buttons
SPECIAL NOTE: This FAQ is now only applicable to older versions of the plugin. Now you can customize the order of your filter buttons by dragging the filter options on top of one another with your mouse:
Visit your Grid’s “API/JavaScript” section, and paste the following code into this section:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
(function() { var filters = [], filterText = [], newFilters = [], filterLen = 0, filter, txt; jQuery('.esg-filterbutton').each(function() { var $this = jQuery(this); filter = $this.attr('data-fid'); if(filter && filter !== '-1') { txt = $this.attr('data-filter').split('filter-').join(''); filters[filterLen] = $this.data('origfilter', txt); filterText[filterLen] = txt; filterLen++; } }); filterLen = filters.length; filterText.sort(); for(var i = 0; i < filterLen; i++) { filter = filters[i]; newFilters[filterText.indexOf(filter.data('origfilter'))] = filter; } jQuery('.esg-filter-wrapper').append(newFilters); })(); |
