Trigger filter buttons from Grid Item cat list hyperlinks

This article is now outdated!

This can now be applied to a skin’s element automatically inside the Item Skin Editor, as shown here:

https://www.themepunch.com/wp-content/uploads/2017/07/trigger-filter.jpg

trigger_filter

 

First, set up your Item Skin to include a “Cat List” element:

cat_list

 

Next, add the filter buttons to your Grid’s navigation section:

nav-filter

 

Next, in the same “Nav-Filter-Sort” tab, add the filters you wish to display:

select_filters

 

Finally, add the following code to the “API/JavaScript” section of the site:

 

api_grid