Support for MixItUp 2.0
Permalink Browser Info Environment
Will you have support for MixItUp v.2? Or in it's current form, does it support the filter function? We have a client for which that would be perfect for.
| Type: | Discussion |
|---|---|
| Status: | In Progress |
I did perform those changes and swapped out the JS file, but the result was that I only saw the tabs and not the pages. The new package came with a bunch of support files, so not sure if or how they figure in.
Not sure. that should be all you have to do. Make sure you made that css change I mentioned.
Ok here are the additional changes to make version 2 of mixItUp work:
Replace lines 20-27 in view.php with
And lines 136-144 with
That should take care of it!
Replace lines 20-27 in view.php with
And lines 136-144 with
$(document).ready(function() {
$(function(){
$('#ccm-portfolio-grid-<?php echo $bID ?> ul.portfolio').mixItUp({
selectors: { target: '.item', filter: '.filter' },
animation: { effects: 'fade scale', easing: 'ease' },
layout: { display: 'inline-block' }
});
});
});That should take care of it!
Thanks so much for posting this!
I did perform those changes and swapped out the JS file, but the result was that I only saw the tabs and not the pages. The new package came with a bunch of support files, so not sure if or how they figure in.
https://mixitup.kunkalabs.com/docs/version-1-migration/...
The js file you would need to replace is located at packages/theme_treviso/themes/treviso/js/jquery.mixitup.min.js
You would need to remove opacity=0; from "ul.portfolio li" on line 395 of the theme's main.css file.
On line 146 of the Portfolio Sortable page list template's view.php file (packages/theme_treviso/blocks/page_list/templates/portfolio_sortable/view.php) you need to change this:
$('#ccm-portfolio-grid-<?php echo $bID ?> ul.portfolio').mixitup({To this:
$('#ccm-portfolio-grid-<?php echo $bID ?> ul.portfolio').mixItUp({