Media Grid Display Issue

  • Resolved jhaampe

    (@jhaampe)


    5 years, 4 months ago

    Hi,

    I am using the Media Grid addon on my site. It’s great and works fine, except for one thing: the media grid displays incorrectly, with images stacked on top of each other while I’m expecting a masonry layout.
    A click on one of the filters rearranges the images as they should be.

    How could I fix this, so my images are displayed correctly from the start?
    Here is a link to the page: https://ecritsetconseils.fr/ecrits/

    Thanks a lot for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • leap13support

    (@leap13support)

    5 years, 4 months ago

    Hi @jhaampe,

    Thanks for contacting Leap13 support!

    Your ticket is being checked by dev team and you’ll receive a reply ASAP.

    Regards

    • This reply was modified 5 years, 4 months ago by leap13support.
    leap13support

    (@leap13support)

    5 years, 4 months ago

    Hi @jhaampe,

    Well, I’ve checked your page, I suspect that the issue is coming from JetPack Lazyload Images. So, could you please disable it and let me know if it do the trick so we can check what exactly is going there?

    Regards

    Thread Starter jhaampe

    (@jhaampe)

    5 years, 4 months ago

    Hi,

    I’ve just disabled Lazyload Images. Looks like you were right, Media Grid displays correctly this time.
    It would be great if you could get them to work together.

    Thank you for your time!

    Plugin Author Leap13

    (@leap13)

    5 years, 4 months ago

    Hi @jhaampe

    Great, so glad to hear that 🙂

    Well, could you please add the code below in your theme functions.php file and let me know if it did the trick?

    add_filter( 'jetpack_lazy_images_blacklisted_classes', 'exclude_media_grid_images_from_lazy_load', 999, 1 );

function exclude_media_grid_images_from_lazy_load( $classes ) {
   $classes[] = 'pa-gallery-image';
   return $classes;
}

    Regards

    Thread Starter jhaampe

    (@jhaampe)

    5 years, 4 months ago

    Hi,

    I got a warning from WordPress: jetpack_lazy_images_blacklisted_classes is deprecated since Jetpack 8.7.0.
    So I used jetpack_lazy_images_blocked_classes instead, and it seems to work!

    Thanks a lot for your help!

    leap13support

    (@leap13support)

    5 years, 4 months ago

    Hi @jhaampe,

    Great, I’m so glad that everything is working just fine with you now.

    If you have any farther questions, please don’t hesitate to feed me back anytime
    It would be great if you could please do us a BIG favor by rating Premium Addons for Elementor on our WordPress page.

    Regards

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Media Grid Display Issue’ is closed to new replies.