Reload all instances of isotope

[kromalski]

Hello, How can I reload/relayout all instances of the isotope.? I have jQuery tabs with isotope instance inside them (I don't know the number of the items) and I want to reinitialise them after tab switch. Is this possible?

[desandro]

Rather than re-initializing all of them, I think the better pattern would be initializing or laying out just the one that's visible. Best way to do this if if you Tab plugin provides an event with the selected tab.

Could you provide a reduced test case? See Submitting Issues in the contributing guidelines.

[kromalski]

Thanks for the reply! I solved this, it was related to bootstrap tabs more than on isotope itself:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $(this).closest('.cl_tabs').find('.tab-content .active').find('.shop-products').isotope( 'layout' );
});

Did the trick

[desandro]

Nice work! Thanks for following up