MixItUp Views

This module implements ability to use MixItUp filtering and sorting in Views.

From https://mixitup.kunkalabs.com/:

MixItUp is a jQuery plugin providing animated filtering and sorting.
Great for managing any categorised or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation.

jQuery Compatibility

MixItUp plugin requires jQuery v1.7 or greater.

Required Modules

Drupal 7
Libraries API
jQuery Update
Views

Drupal 8
There are no required modules to install.

Installation

Drupal 7

1. Download and enable all required modules listed above
2. Download MixItUp plugin jquery.mixitup.min.js to your libraries directory. So, file should be available under /sites/.../libraries/mixitup/jquery.mixitup.min.js. For now, used MixItUp v2.1.10.
3. Download and enable MixItUp Views module.

Drupal 8

1. Download MixItUp Views module.
2. Download jquery.mixitup.min.js to the js directory in mixitup_views module folder (mixitup_views/js/jquery.mixitup.min.js).
3. Enable MixItUp Views module.

Configuration

1. Go to edit view page
2. Select MixItUp at format section
3. Go to MixItUp format settings and change default animation settings to your own settings, if needed. All animation settings available here
4. If you want enable sorting, You should enable "Use sorting" under
   "MixItUp Sorting settings". Don't forget to type labels there.
5. If you want to restrict vocabularies, You can do it under "MixItUp Vocabulary
   settings"
6. Select Display all items at Pager section for making all items available.
7. And you can customize all styles for your needs.
8. You don't need to add any filters manually. Filters will be displayed automatically, if taxonomy terms attached to the nodes.