Fozzy Domain Sale
Liquid Web Managed Word Press

UniFilter - Multipurpose jQuery Plugin for Filtering, Sorting & Searching

Multipurpose jQuery Plugin for Filtering, Sorting & Searching

UniFilter plugin was created to make filtering, searching and sorting in any list of items as simple as possible. UniFilter allows to use filters, range sliders, sort & search boxes together or you can use them separately. For instance, you may want to add a single search box for a small photo gallery or five filters for your online shop.

You can use UniFilter with any grid type either it’s fluid or fixed. It’s a great solution for galleries, online shops, portfolios or any other kind of lists where you need to perform sorting or filtering.

In its basis plugin takes all data from “data-” attributes assigned to list items and then it manipulates DOM tree by changing item position and appearance depending on active filters, selected ranges, search queries and sorting options.

Finally UniFilter provides four pure CSS3 animation effects to show/hide items and is compatible with Masonry jQuery plugin

Demo

UniFilter  - Multipurpose jQuery Plugin for Filtering, Sorting & SearchingUniFilter  - Multipurpose jQuery Plugin for Filtering, Sorting & Searching


KEY FEATURES

  • Multiple filters and search boxes
  • Searching by one or few words
  • Multiple range select boxes
  • Four CSS3 animations to filter & rearange list items
  • Multilevel filtering
  • Autoscroll functionality
  • Easy integration with the existing grid
  • Positioning list items by their best match with active filters & search queries
  • Advanced “bestmatch” filtering mode
  • Two predefined templates that you can use right away
  • No markup required
  • Custom functions to get filter parameters
  • Support for any grid type (fixed, fluid)
  • Compatible with Masonry jQuery Plugin
  • Unlimited possibilities
  • Mobile optimized & Retina ready
  • Detailed documentation
  • Simple configuration & usage

CHANGELOG

# version 1.0 (Apr 21, 2018) - plugin released! # version 2.0 (May 1, 2018) - major improvements in plugin code - added four CSS3 animation effects to filter/re-align items - added range slider to filter items by numeric values, like a price or rating - improved logic of "bestmatch" mode - improved compatibility with Masonry plugin # version 2.1 (May 2, 2018) - fixed problem with "multiple" filter option # version 2.2 (May 5, 2018) - fixed problem with range slider on mobile devices # version 2.3 (May 13, 2018) - fixed a problem with a getFilterData() function for retrieving filter tags # version 2.4 (Jul 19, 2018) - added support for retina screens

CREDITS & SOURCES

Photos & Images – https://pxhere.com, Icons – https://www.iconfinder.com, Masonry Plugin – https://masonry.desandro.com, ImagesLoaded Plugin – https://imagesloaded.desandro.com

0 average based on 2 ratings.

flGravity

flGravity

Visit Author's Portfolio

View Portfolio
Last Update 2018-07-19
Created 2018-04-21
Sales 31
Discussion Comments
Compatible Browsers IE9 IE10 IE11 Firefox Safari Opera Chrome Edge
Software Version jQuery
High Resolution Yes
Files Included JavaScript JS HTML CSS
Video Preview Resolution