Conflict with FooGallery

I was looking at the code and apparently, the entire HTML output for displaying images in Foogallery has changed with the latest release, so now for example instead of using SRC attribute to show an image, they use: data-src-fg in the img tag. My guess is that AMP has no clue this is an image because they don’t have the attributes your plugin is looking for in this tag. Which part of your code reformats images so they display in AMP? We’ll have to fix that code so that it properly displays images from Foogallery.

Hi @osseonews

That’s bad news for many users because changing the src to data-src-fg would make the AMP hide the images.

I would suggest you to confirm by adding the old version of FooGallery and see if that works.

Yes, I agree and I’ve contact that plugin developer. The earlier versions of FooGallery do work. In order to help us, though, can you please let us know which file in your code replaces the img tag with the google amp compatible tag? We can modify that code so that it properly replaces the foogallery.

Hi @osseonews

Well, the backend has a very complex sanitization system, I would not recommend you to modify the core. Instead, let’s focus on solving the issue.

I just noticed that I have a similar problem – images with data-src-fg instead of src. Is there a solution for this issue?
Thank you

Hello @jarednolt16

I have made a ticket on GitHub regarding this issue and in a future update, we will add compatibility for Foogallary plugin.

The one possible solution may be just trying to disable the lazy load option of the FooGallry plugin and see if it work.

Thank you for your help – disabling lazy load did not help so I will wait for the next FooGalery update -do you have an idea how soon that update will be available?

Hello @jarednolt16

I have made a ticket on GitHub and currently, we have other issues as well so it may take little time to add compatibility for FooGallary.

But I also made rise this issue on Foogallry plugin forum and let see if they will add compatibility with AMP or not.

Do you know if I could roll the FooGallery Plugin back to a previous version that worked? And if I could roll back, which version would I use?
Thank you,
Jared

I thought I would chime in here, as I started this post. If you are running the latest versions of FooGallery and Accelerated Mobile Pages, there is no longer any conflict. The two plugins work perfectly fine together. We run both and have no issues. Except of course, that on AMP pages, you won’t get all the features of FooGallery. That’s because of limitations of AMP, not any of the plugins. But, the images from the gallery will show fine. The issue was with an earlier version of Accelerated Mobile Pages as the newer version of FooGallery. So bottom line, be sure you are running the latest versions, and if it still doesn’t work, there maybe a conflict with another plugin. Hope this helps.

• This reply was modified 6 years, 10 months ago by osseonews.

Hello @jarednolt16

Try to @osseonews to update both plugins to the latest version and check if its work or not.

The latest version of AMPforWP is 0.9.86.2

Hello @osseonews

Sorry, @osseonews I have tagged your name by mistake I was trying to say that try the suggestion given by @osseonews of updating both plugins to latest version.

@jarednolt16 had you update the plugins to latest versions?

Hello,

Thank you for your help!
I did not have AMPforWP installed on my site. If I install AMPforWP or a similar plugin, is that all I will need to do to make the images work on this page? https://www.earlgweaver.com/portfolio/

Thank you,
Jared Nolt

Hello @jarednolt16

As @osseonews said if FooGallary and AMPfoRWP plugin are up to date then there is no conflict and images are showing perfectly.

SO can you please try to update FooGallary and AMPforWP[0.9.86.2] plugin to the latest version and check if it works or not.

if you face the same problem after updating both the plugin then please contact me on [email protected] so I can personally check it and will solve it for you.

Hello @ampforwp and that you for your help!

I did not get the images to work by updating those plugins.

I changed my Gallery Settings from Responsive Image Gallery to Masonry Image Gallery and now the images are displaying. The images have “src” and “data-src-fg”
<\img alt=”” data-src-fg=”\/wp-content/uploads/2018/01/Master-Bath-Sinking-Spring-PA.jpg” class=”fg-image” src=”\/wp-content/uploads/2018/01/Master-Bath-Sinking-Spring-PA.jpg” style=”” height=”100″ width=”150″>

If my client is ok with this slight change I will leave it this way.

Thank you,
~Jared

• This reply was modified 6 years, 10 months ago by jarednolt.
• This reply was modified 6 years, 10 months ago by jarednolt.
• This reply was modified 6 years, 10 months ago by jarednolt.