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.11.
3. Download and enable MixItUp Views module.

Drupal 8

1. Download MixItUp Views module.

For Drupal composer version:

1. Add this module to your project using composer command:
   For stable version:
   composer require 'drupal/mixitup_views:^1.0'
   
   
   For development version:
   composer require 'drupal/mixitup_views:1.x-dev'
   
   
2. Copy mixitup library from vendor/patrickkunka to your
   libraries directory, default location web/libraries

------------------------------------------------
For Drupal zip version:

1. Download MixItUp Views module.
2. Download MixItUp plugin from
   https://github.com/patrickkunka/mixitup/archive/v3.zip and extract its data to your project libraries directory, location [webroot]/libraries and rename the folder name to "mixitup".
2. Enable MixItUp Views module.

For now, used MixItUp v3.3.0.

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.