UniFilter – Multipurpose jQuery Plugin for Filtering, Sorting & Searching
Multipurpose jQuery Plugin for Filtering, Sorting & Searching
UniFilter jQuery Plugin is a #1 answer for filtering, sorting and looking out by means of a set of things that may be your on-line store, a photograph gallery or just some set of things.
With UniFilter you’ll be able to arrange any variety of filters, vary sliders and search packing containers. On the opposite hand you should use solely a single search field, whereas preserve all different options disabled.
UniFilter will help you make your photograph gallery or portfolio extra organized and person-pleasant by creating handy and logical navigation. Plugin works effectively each on desktop and cell gadgets.
UniFilter works by studying params (tags) from “data-” attributes assigned to checklist gadgets after which it manipulates DOM tree by altering merchandise place and look relying on lively filters, chosen ranges, search queries and sorting choices.
Finally UniFilter could be positioned anyplace in your web site, in a sidebar or simply above the grid. You simply must create an empty container and configure UniFilter to make use of it and the plugin will add all markup robotically.
KEY FEATURES
- Four pure CSS3 animation results – opacity, translate, rotate and scale
- Support for a number of filters, vary and search packing containers
- Tooltip with variety of gadgets matching particular filter
- Ability to outline customized perform to kind filter labels
- Custom label for each filter, search or vary field
- Sorting by a number of params with means to change kind order
- Live refresh for each filter or search question
- Adjustable precision for vary slider & worth prefix
- Deeplinking characteristic with a number of filter params
- Intelligent filtering with two modes – “default” and “bestmatch”
- The “main” filter possibility and talent to dynamically cover filters with no gadgets
- Range slider to filter gadgets by any numeric values (worth, date, and so on)
- Live search by one or few phrases
- Support for fluid/fastened layouts
- Callbacks and customized features
- No markup is required
- Retina prepared icons
- Autoscroll characteristic
- Works on desktop and cell gadgets
- Compatibility with the Masonry plugin
Demo
CHANGELOG
# model 1.0 (Apr 21, 2018)
- plugin launched!
# model 2.0 (May 1, 2018)
- main enhancements in plugin code
- added 4 CSS3 animation results to filter/re-align gadgets
- added vary slider to filter gadgets by numeric values, like a worth or ranking
- improved logic of "bestmatch" mode
- improved compatibility with Masonry plugin
# model 2.1 (May 2, 2018)
- fastened drawback with "a number of" filter possibility
# model 2.2 (May 5, 2018)
- fastened drawback with vary slider on cell gadgets
# model 2.3 (May 13, 2018)
- fastened an issue with a getFilterData() perform for retrieving filter tags
# model 2.4 (Jul 19, 2018)
- added assist for retina screens
# model 3.0 (Sep 5, 2018)
- added deeplinking assist
- added means to kind filters through the use of predefined perform
- added "hideEmptyFilters" possibility to cover filters with no matching gadgets
CREDITS & SOURCES
Photos & Images – https://pxhere.com,
Icons – https://www.iconfinder.com,
Masonry Plugin – https://masonry.desandro.com,
ImagesLoaded Plugin – https://imagesloaded.desandro.com
CUSTOMIZATION & REMOTE WORK
I’m accessible additionally for distant work! So if it’s worthwhile to modify the plugin (add further options or change current) be at liberty to contact me through the feedback or through my web site’s Contact Form. Also I will help to put in my plugin or customise it to match your web site design.
