Galleries Stacked Vertically with Ajax

@steveush – would you be able to take a quick look at this for @kdcartoon

Thanks in advance,

Phill

Hi @kdcartoon,

Unfortunately this is usually an issue with the theme and not FooGallery itself. Basically themes that provide the ajax load functionality generally only support a limited number of plugins as they hard code the supported plugins initialize code directly into the theme JS itself. So while the HTML for the gallery is loaded via ajax the JS for FooGallery is never run. An easy way to test this is to simply turn off the ajax loading feature of the theme. If FooGallery then loads correctly then it’s assets and/or initialize code is not being loaded correctly through the themes ajax load feature.

That said I tried to look at the issue on your site and could not actually find any galleries. I tried following your instructions but couldn’t find wallpapers under latest news and couldn’t find the short movies. Could you please provide me with some direct links I could look at.

Thanks

Hello @steveush, thank you for your reply and for clarifying.

I’ve been trying to fix the issue for almost a week, and I have to officially launch my website as soon as possible so after posting the ticket and not getting instant reply, I had to create and replace the dozens of galleries – and hundreds of images on my website with the native built-in feature for galleries.

It’s unfortunate that I had to do that, ’cause I really loved the plugin and I think it’s the best one out there, coming from a man who’s been using gallery-plugins for many years, nextgen etc.

It’s now enabled in the Arabic version only at the Drawings/Portfolio page > Albums:
https://www.khalidaldakheel.com/home/ar/???????-??????/??????/

The Foo-galleries are still there and I can go back and enable them everywhere but I have to make sure that there’s a fix for this Ajax issue ’cause it’s a lot of work.

I appreciate it. Thank you.

Hi @kdcartoon,

Unfortunately this is as I suspected, your theme loads the HTML via Ajax but never does anything for the JS. On the page you linked above you can open the console and simply type FooGallery.load() and the gallery will initialize and then be visible. I went through the theme code that actually loads the page looking for an event or a hook so I can simply call the above snippet whenever an Ajax load is performed but there is none that I can see. The theme outputs STARTED LOADING PAGE and ENDED LOADING PAGE in the console but it doesn’t provide any points for us to hook into. In short I can’t fix this without changing your themes main-min.js file as that is the source of the issue and is where the initialize code for all the built in plugins/features exists.

If you are set on using the Ajax load feature then I’m afraid FooGallery will not be compatible with your theme as it stands at the moment. If you would like to use FooGallery in the future you will need to either disable the Ajax load feature causing the issue or contact your theme support and ask them to add in an event that is triggered whenever the ENDED LOADING PAGE message is. If they add in the event it’s simply a matter of listening for it and telling FooGallery to load. I would also like to point out that any other plugins not hard coded to work with your theme will also experience issues while you are using the Ajax load feature and I would recommend against using it at all.

Thanks