Plugin Support
ying
(@yingscarlett)
GP has no control over how the HTML outputs, unfortunately.
In your test site where the image doesn’t show, the image is actually there.
Try disable your cache plugin to test.
Hello,
Sorry, I’m not sure I understand. I have the very same Cache plugin on both sites and I used the same structure to insert the same image code:
– GB Container
— Custom HTML Block
On the site where I don’t have the issue, I’m using another theme. That’s the only difference I see. How can we understand why this behavior and how to fix it please?
Plugin Support
Leo
(@leohsiang)
I can’t see how this is related to GenerateBlocks at all.
Ying is correct that GP and GB have no control over the HTML output from another source – looks like some Amazon code.
Have you done the debugging steps like disabling all plugins and custom functions?
Hello @leohsiang
I found the culprit: This is because of the SEOPRess plugin. Using the Yoast plugin instead solves the issue.
Hope my experience can help others.
Thank you
@masterhealerwp do not hesitate to open a support ticket if you want us to investigate. Thanks!
PS: I’m the founder of SEOPress
EDIT: I just saw your ticket, we’ll check this ASAP 🙂
@rainbowgeek: Just in case @masterhealerwp is unable to re-install your plugin so you can look into this, here’s some info I captured while preparing a response (but got distracted and couldn’t post earlier 😀 ):
The “icon” in question is a 1px by 1px invisible Amazon affiliate tracking image tag.
Here’s the image code on the site where it “works” (ie there’s no visible missing image icon).
<img decoding="async" loading="lazy" src="https://ir-fr.amazon-adsystem.com/e/ir?t=versdec-21&language=fr_FR&l=li3&o=8&a=B075TFH2TF" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" fwf4fe4tu="">
And here’s the code from the problematic website (ie where there’s a missing image icon):
<img data-lazyloaded="1" src="https://ir-fr.amazon-adsystem.com/e/ir?t=versdec-21&language=fr_FR&l=li3&o=8&a=B075TFH2TF" decoding="async" data-src="https://ir-fr.amazon-adsystem.com/e/ir?t=versdec-21&language=fr_FR&l=li3&o=8&a=B075TFH2TF" width="1" height="1" border="0" alt="style boudoir,deco boudoir,ambiance boudoir" style="border:none !important; margin:0px !important;" data-ll-status="error" class="entered error" lcjx1jvij="">
It seems some plugin(s) did some “optimization” on the image, adding data-src and alt attributes (among others).
And the culprit here seems to be the data-src attribute, which errors out (because the URL is not a standard image), hence the broken image icon (plus the alt text from the alt tag also generated by a plugin).
@gappiah thank you for this update! SEOPress edits the image alt tags based on the target keywords set from each page. However, we don’t do anything else.
Could be a caching plugin when seeing “lazyloaded” attribute etc.
@rainbowgeek and @gappiah, nice to hear you’re on board.
I’m a non-coder user.
What should I do from there?
Wait for you to come up with a patch?
I shared all the details I could here and the issue only happens when enabling SEOPress. I tested it on several web sites using different themes.
Plugin Support
Leo
(@leohsiang)
Let’s close this topic since it’s not a GB-related issue.
Thanks.
