jQuery Isotope remains the best script to filter and sort elements in various layouts like grids, masonry and responsive layouts. A missing feature is the ability to sort these layouts via a URL hash and you can fill in this blank with the following snippet: -
In our example, the Isotope container is '.container' and the isotope items being filtered are denoted by '.item'. A live example of a URL hash being passed to Isotope would be: -
https://totalkravmaga.com/classes#buckinghamshire
In the client Webflow Website example above Classes are filtered by region when a parameter is passed to Isotope via the URL hash. Here we found it useful to set a delay on the Isotope filter as live Google maps needed to be fully loaded and to do this simply wrap the Isotope URL Filter in a jQuery delay script.
Join in the Discussion