Isotope Plugin addition of Sort

Community resources Webflow Tips
1

So I cloned this project in order to try to add sorting feature but I’m running into problems.

Hoping someone can help me be able to create 2 buttons to sort these ascending and descending like found here https://isotope.metafizzy.co/v1/demos/sorting.html :slight_smile:

@sabanna @SidneyOttelohe would be of great assitance

Trying this code out below but not sure I’m getting it right

$('.grid').isotope({ 
  sortBy : 'name',
  sortAscending : false
});


$('.grid').isotope({
  getSortData : {
name : function ( $elem ) {
  return $elem.find('.name').text();
}
  }
});

$('#sort-by a').click(function(){
  // get href attribute, minus the '#'
  var sortName = $(this).attr('href').slice(1);
  $('.grid').isotope({ sortBy : sortName });
  return false;
});

});

STAGING LINK
https://nelsons-test.webflow.io/

PREVIEW LINK
https://preview.webflow.com/preview/nelsons-test?utm_medium=preview_link&utm_source=designer&utm_content=nelsons-test&preview=d838dfec02b19108f62aba8a22a8cccb&mode=preview

2

Did you resolve this? I’m having the same issue.

3

Try using this https://www.finsweet.com/

They just launched and have a lovely live support team to help with their plugin!

@Finsweet

1 Like
4

Awesome!!! Thank you for sharing! We’re ready to help you

@Bfunk_Tov -

https://cmsdocs.webflow.io/
free support: https://www.sweetjs.io/

5

Yup yup! :wink: you may recall me posting on Twitter about this @designboise. And thats what I wanted to do. Just needed to do my research to throw this back into a sprint for a rebuild! Can’t wait to show you the final product.

1 Like