Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 17, 2021 at 1:28 pm #1321383
    namgyal

    Hi Team,

    I am using WP Rocket with Enfold theme and it is working all great. However, I am having some issues with the MASONRY gallery!

    Everything works but the image in POPUP doesn’t load instead opens as an image. This possibly is because of WP rocket as if I disable “Delay Javascript execution” then things work all normal (It’s not coz of lazyload because I disabled it too and it doesn’t affect).

    I was wonder if you could give me the SCRIPT link which I can exclude so the masonry POPUP works all good?

    Is there any PARTICULAR JS that affects the MASONRY or is associated with it?

    ——————————
    I have currently excluded:

    /jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
    /jquery-migrate(.min)?.js
    /dynamic_avia/avia-footer-scripts-(.*).js
    var avia_is_mobile
    /enfold/js/avia.js
    /enfold/js/shortcodes.js
    /enfold/config-templatebuilder/avia-shortcodes/
    /enfold/js/avia-compat.js
    layerslider

    ———————-

    And I also tried excluding (these didn’t work)

    enfold/js/aviapopup/jquery.magnific-popup.min.js
    /enfold/js/aviapopup/jquery.magnific-popup.js
    js/jquery/jquery.min.js
    /wp-includes/js/masonry.min.js
    mfp-container
    av-masonry-outerimage-container

    Thanks,
    N

    September 19, 2021 at 11:28 am #1321496
    Nikko

    Hi N,

    Have you excluded avia-shortcodes/portfolio/isotope.js as well?

    Best regards,
    Nikko

    September 19, 2021 at 3:51 pm #1321538
    namgyal

    Hi Nikko,
    I did try adding this but it didn’t work. I have shared the details in private.

    Thanks,
    N

    September 20, 2021 at 1:31 pm #1321628
    Nikko

    Hi N,

    Thanks for providing us with admin access as well as pages with issues.
    I noticed that the masonry is working properly when I’m logged in but the issue shows up as you described when I’m logged out.
    I put two links in private content, showing screenshots when I’m logged in and logged out, the only difference between them is the keyword defer in the script (the keyword basically does the delaying in the javascript execution).
    I believe this is a caching issue since it’s working properly when logged in, is there a built-in caching in your server?

    Best regards,
    Nikko

    September 20, 2021 at 4:32 pm #1321660
    namgyal

    HI Nikko,

    Thanks for checking it. However, when LOGGED IN the WP rocket settings will not be implemented thus, it works all normally. If I disable the Delay JavaScript execution ( In WP settings >> File Optimization >> below) as well the masonry works all good. So that’s why I wanted to know the script to excluded for the delay.

    For defer I have removed those settings from WP and it seems all scripts now do not have to defer – still, it isn’t working. Can you please check? Again with LOGGED IN USER WP SETTINGS will not be implemented so we need to check when we are LOGGED OUT.

    Thanks,
    N

    September 21, 2021 at 3:53 pm #1321792
    namgyal

    Hi Nikko,

    I believe I got it working finally. Anyways for those whose Masonry Gallery isn’t working (popup) when using WP ROCKET, here are the settings I have used that has worked all great:

    Remove Unused CSS (for Masonry POP up)
    .mfp-container
    .av-masonry
    magnific-popup.css
    .avia-popup
    .mfp-arrow
    #avia-popup
    #mfp-arrow

    ——————————–
    Delay JavaScript Execution
    /jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
    /jquery-migrate(.min)?.js
    /dynamic_avia/avia-footer-scripts-(.*).js
    var avia_is_mobile
    /enfold/js/avia.js
    /enfold/js/shortcodes.js
    /enfold/config-templatebuilder/avia-shortcodes/
    /enfold/js/avia-compat.js
    layerslider
    /wp-content/themes/enfold/js/avia-snippet-lightbox.js
    avia-compat-js

    ——————————–
    /wp-content/themes/enfold/js/avia-snippet-lightbox.js
    avia-compat-js

    These two specifically worked for Masonry!

    Thanks,
    N

    September 22, 2021 at 1:32 am #1321833
    Nikko

    Hi N,

    We are happy to hear that :)
    And thanks for sharing the solution that worked for you, it would surely help those struggling with this issue.
    Thanks as well for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Masonry Image Popup Image not working with WP Rocket’ is closed to new replies.