Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 1, 2019 at 2:21 pm #1114894
    milanissimo85

    Hello

    I’ve had a problem with loading of large masonry galleries for a long time now. The problem occurs when I need to load more than 24 images at once (which the default value for masonry), the photos are “folded on top of another”, sometimes they don’t load at all and sometimes, the “load more” button is not visible. The only way to resolve the problem is to reload the page. This occurs on mobile as well, but when you come across the “folded” part of the gallery, the photos “pop out” after a second or two.

    In private content I have included a screenshot of the problem (from the desktop version of the website) as well as the link to a large Masonry gallery for you to take a look at (140 photos in total, the gallery is set to display 70 photos with “Load more” button).

    Thank you for any assistance in this matter.

    July 2, 2019 at 7:37 am #1115065
    Rikard

    Hey milanissimo85,

    Sorry for the problem, what happens if you turn off file compression under Enfold->Performance? If that doesn’t help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    July 2, 2019 at 9:25 am #1115099
    milanissimo85

    Hi Rikard

    I tried disabling CSS file merging and Javascript file merging and it didn’t help. I have created a temporary admin login for you to take a look.

    July 5, 2019 at 10:39 am #1116008
    Ismael

    Hi,

    Thank you for the update.

    The script here should help reposition the items while the images are loading.

    // https://kriesi.at/support/topic/portfolio-grid-display-issue-with-chrome-and-firefox/#post-1107632

    We added it in the functions.php file.

    add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		console.log('tick');
		$(window).trigger('resize');
		$(window).trigger('av-content-el-height-changed');
	}, 1000);
	
	$(window).on('load', function() {
		setTimeout(clearInterval(int), 5000);
	});
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    July 6, 2019 at 11:30 am #1116235
    milanissimo85

    Hi Ismael

    It seems to have solved the problem. I’ll try to apply it to my other websites that are using Enfold and have the same issue and I’ll report back.

    July 7, 2019 at 3:56 am #1116362
    Rikard

    Hi,

    Thanks for the update, please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    July 8, 2019 at 10:06 am #1116603
    milanissimo85

    Hi Rikard

    I tried the solution on another website that uses Enfold with large masonry galleries and it seems to be working as long as the “fly in animation” is disabled. Thank you for your assistance!

    July 9, 2019 at 4:04 am #1116871
    Ismael

    Hi,

    Great! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads.

    And don’t forget to bookmark Enfold Documentation for future reference. Thank you for using Enfold!

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Issue with loading large Masonry Galleries’ is closed to new replies.