FooGallery images not displaying when not logged in

Hello, I am now having this exact issue as well.

I noticed the thumbnail images of the foo galleries were not displaying, however when I logged in, they load and work just fine.

Is there a fix that can be pushed out to correct this?

Thank you!

Hi @karenrbnt and @karenrbnt

@karenrbnt I’ve had a look at the page you’ve shared with us and I can see that the galleries are being displayed properly from my end and are being opened in FooBox lightbox when clicked.

Could you please let me know if that’s now the case from your end or if the same issue still persists? Thanks in advance for that clarification.

@newatwordpress could you please share a page containing a FooGallery gallery exhibiting this issue so that I can have a look and investigate further before I can advise?

In case you are using the Lightspeed cache plugin, kindly disable any JS deferring or delaying features that you’ve enabled, or better yet, disable the plugin then reload the page to see if the images will load or not.

Kind regards,
Elvis.

The images are displaying correctly because I excluded the page from being cached.

Hi elviiso,

The thumbnails only show a gray box. You cannot click on them. When I inspect the page, I see the following for one of the galleries:

<div class=”foogallery foogallery-container foogallery-default foogallery-lightbox-foobox fg-gutter-10 fg-center fg-default fg-light fg-border-thin fg-shadow-outline fg-loading-default fg-loaded-fade-in fg-caption-hover fg-hover-fade fg-hover-zoom fg-ready fbx-instance” id=”foogallery-gallery-1238″ data-foogallery=”{"item":{"showCaptionTitle":true,"showCaptionDescription":true},"lazy":true}”><div class=”fg-item fg-type-image fg-idle”><figure class=”fg-item-inner”><span class=”fg-image-wrap”></span><span class=”fg-image-overlay”></span><figcaption class=”fg-caption”><div class=”fg-caption-inner”></div></figcaption></figure><div class=”fg-loader”></div></div><div class=”fg-item fg-type-image fg-idle”><figure class=”fg-item-inner”><span class=”fg-image-wrap”></span><span class=”fg-image-overlay”></span><figcaption class=”fg-caption”><div class=”fg-caption-inner”></div></figcaption></figure><div class=”fg-loader”></div></div><div class=”fg-item fg-type-image fg-idle”><figure class=”fg-item-inner”><span class=”fg-image-wrap”></span><span class=”fg-image-overlay”></span><figcaption class=”fg-caption”><div class=”fg-caption-inner”></div></figcaption></figure><div class=”fg-loader”></div></div><div class=”fg-item fg-type-image fg-idle”><figure class=”fg-item-inner”><span class=”fg-image-wrap”></span><span class=”fg-image-overlay”></span><figcaption class=”fg-caption”><div class=”fg-caption-inner”></div></figcaption></figure><div class=”fg-loader”></div></div><div class=”fg-item fg-type-image fg-idle”><figure class=”fg-item-inner”><span class=”fg-image-wrap”></span><span class=”fg-image-overlay”></span><figcaption class=”fg-caption”><div class=”fg-caption-inner”></div></figcaption></figure><div class=”fg-loader”></div></div></div>`

Hi @karenrbnt

I’ve been trying to replicate the issue but I’ve been having issues with some of the Lightspeed cache settings from my end.

To be able to assist you with a more permanent solution, I’d like to kindly ask you to create a simple test page and then add the same gallery to that page, and then share it with us. We’ll then quickly diagnose the issue and look for a more permanent solution to this.

Hoping to hear from you soon regarding this.

@newatwordpress to be able to effectively assist you with this, I will need to view a page containing a gallery exhibiting this issue, as I mentioned earlier. Kindly share a page containing a FooGallery gallery exhibiting this issue so that I can have a look and investigate further before I can advise. Thanks.

Kind regards,
Elvis.

@elviiso

I created a page with just a small gallery. I see the pictures only when logged in.
https://www.wjle.com/foogallery-test-page/

Karen

This is exactly the issue I am seeing as well.

Hi,
I am experiencing the same issue with foogallery. I can only see it if logged in as administrator, otherwise it’s just a blank page.
That’s the page I am talking about
https://plemvisual.com/work/

Thanks in advance for the help

Hi @karenrbnt and @newatwordpress

After investigating this issue using the page @karenrbnt shared with us, which had not been excluded from being cached as the other page, we realized that the issue was being caused by how Lightspeed was minimizing the FooGallery JS file, which is always already minified by default.

Basically, Litespeed is minifying the minified JS which is resulting in an error and no FooGallery JS being loaded into that page. To resolve this, if you are using Lightspeed, you can either exclude the page as @karenrbnt did or disable the JS Minification feature in Lightspeed. Alternatively, you can even switch to a different caching and optimization plugin.

Hope this clarifies why this is happening.

Kind regards,
Elvis.

Hi @3r1ka

Your case is different from the main issue here, however, it still involves a caching plugin.

So I’ve had a look at the gallery page you shared with us and noted that the gallery is not being displayed, just as you mentioned. On having a look at the Console, I did see an error message describing why this is happening, which is the “Uncaught ReferenceError: jQuery is not defined” error message.

What this error is trying to inform you is that JQuery has not been loaded on that page yet. However, on having a look at the page using the developer tools, I can see that the JQuery file is there, but is not being loaded because it has been deferred. It has most likely been deferred by the caching plugin I can see you have installed and activated, which is the Siteground plugin.

To confirm if this is the case, I’d like to ask you to deactivate the plugin for a few minutes, and during that period, please try to reload the gallery page and see if the images will load.

Please let us know what happens before we can advise further. Thanks.

Kind regards,
Elvis.

Hi @elviiso,

thank you for the quick reply.
Deactivating the Siteground plugin the gallery works and it’s visible. You can check it by yourself. Thank you!
Do you suggest using a different caching plugin or not using any at all?

Hi @3r1ka

Thanks for getting back to me with that feedback.

Siteground should have an option to either exclude certain JS/JQuery files or certain pages from this effect and so if it does, you can add either the links to the relevant files or a link to the page, based on the option available. You can go through the Siteground documentation as you look into this.

Alternatively, you can simply use a different caching plugin which should resolve this issue.

Kind regards,
Elvis.

Tnx for the solution