From the course: Isotope.js: Advanced Filtering

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Filter Isotope based on checkbox selections

Filter Isotope based on checkbox selections - Isotope.js Tutorial

From the course: Isotope.js: Advanced Filtering

Start my 1-month free trial

Filter Isotope based on checkbox selections

- [Narrator] At this point each of our Isotope items has the correct classes appended to it and we have a list of all the possible filters we may want to apply and each of those filters will pass the correct value to Isotope. To get all this to work all we need to do now is tie the two together using the Isotope settings. Under the JS folder we find isotopesettings.js and here you'll notice the beginning of this file is pretty much identical to what we had before. We start out by defining the container that will hold our Isotope items. In this case that is isotope container. You'll remember that is defined in category course.php right here. Then we run Isotope and Isotope is applied to any post within the isotope container. The layoutMode is set to vertical because we wanted a single vertical stack. And finally we're sorting base on the h2. Finally to wrap things up Isotope is painted once all images are loaded to avoid any kind of overlap. So far the only real difference here is the…

Contents