Trying to edit results.php to show results in grid

Anonymous

#49181

This reply has been marked as private.

Anonymous

#49266

This reply has been marked as private.

Trevor

#49306

Hi Jason

Can we catch up on Skype? Call me tomorrow (Friday)? Coming up on midnight here now.

Anonymous

#49366

This reply has been marked as private.

Trevor

#49393

Hi Jason

Great to speak with you. So, you are going to contact the OP from this thread:

https://support.searchandfilter.com/forums/topic/trying-to-implement-with-animations-and-masonry/

And see if he can give you a bit of guidance. Let me know how you get on. If you manage to resolve it, also let me know if I can close the thread?

Anonymous

#49546

This reply has been marked as private.

Trevor

#49554

Ross said he might be able to take a look later today/tonight.

Ross Moderator

#49573

Replied over here – https://support.searchandfilter.com/forums/topic/trying-to-implement-with-animations-and-masonry/#post-49545

Anonymous

#54442

I got masonry working with Ajax..
After the log of ajax complete, I put the following code:

$(‘#ms-container’).imagesLoaded( function() {
var container = document.querySelector(‘#ms-container’);
var msnry = new Masonry( container, {
itemSelector: ‘.ms-item’,
columnWidth: ‘.ms-item’,
isAnimated: true,
});
});

#ms-container would be the container that you have your grid
.ms-item would be your item selector

I was having a problem with the results overlapping, and I figured out that everything was firing before the images were loaded.

This script makes sure that the images are loaded and then start the masonry.

[Author]

Posts