Hello,

I'm a former user of views_isotope and just tried this module on one of my sites.
I created a view and a sort block view,
All my image fields per node get shown, but they are all overlapping each other.
Also, there's no fancy loading animation like I used to know (images reorganizing after load).

When I resize my browser, it seems that isotope works as the layout goes from a 4 column to a 3 column layout.

On the java console, I don't have any bugs unless I enable ImagesLoaded.
With ImagesLoaded, I get the following:
imagesloaded.pkgd.min.js?o6p66i:7 Uncaught TypeError: h.Deferred is not a constructor, Line 7 column 1546

Any clues where I should search first ?

Config:
Drupal 7.43, isotope module 7.0-2.0
Isotope lib: v2.2.2 (and tried v3.0.0)
ImagesLoaded lib: v4.1.0
jQuery Update: v1.1.0

My CSS markup (standard 4 column):

.isotope-grid-sizer { width: 22%; }
.isotope-gutter-sizer { width: 4%; }
.isotope-element { width: 22%; height: 50px; }
.isotope-element.my-data-value { width: 48%; }

Thanks :)

Comments

deajan created an issue. See original summary.

paramnida’s picture

I'm having the same issue.

paramnida’s picture

This solved it for me: https://www.drupal.org/node/2689917#comment-11091123. Or, at least, this solved the animation issue. I don't know about your other issue. Sounds like a CSS incompatiblity.

mccrodp’s picture

I got this issue earlier also, but seemed to disappear when I used jQuery 1.10 with jQuery Update. Please verify you see the same behaviour, where this error disappears. If so, it would be good to place a note about jQuery Update module and version 1.10 beside the imagesloaded plugin in the installation guide: https://www.drupal.org/node/2634162

Also, I just created an issue to try to get more information and improvement use of imagesloaded. If you have any input, please contribute: #2750957: Improve use of imagesloaded plugin

Chris Gillis’s picture

Status: Active » Postponed (maintainer needs more info)

That definitely sounds like a jQuery version issue. imagesLoaded requires a minimum jQuery version of 1.9 (I've added that info to the installation instructions https://www.drupal.org/node/2634162). You mentioned that you are using v1.1.0 Did you mean 1.10? Please confirm which version of jQuery you are using... you can check the page you are on by going to the console in your browser and typing jQuery.fn.jquery.

Chris Gillis’s picture

Status: Postponed (maintainer needs more info) » Closed (outdated)