I have a page with a text block which has 4 images - each float:right. As I have lazy loading the editor inputs <img class"lazyload" and instead of src= it has data-src=. Each time I edit the page using system editor - to input the float:right) it adds another 'lazyload' and 'data-'. I have tried editing with tinyMCE, with CodeMirror and with JCE, so it doesn't seem to be the editor. I don't want to remove lazyloading. Has this something to do with PageBuilder. Has this been reported before? Do you have a way around it?
Once these words are duplicated the image no longer displays. Even if I carefully remove all duplicates, and the image displays in the edit mode, as soon as I save, it seems to duplicate them and the front end display breaks.
Problem with lazyload, page builder , images?
Accepted answer
Marked as the solution
Please use Raw HTML addon instead of Text Block as you are referencing an image externally.
4 more replies
Hello Lorna Guttormson,
Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.
It seems like I am getting the images perfectly. Is this the expected view?
https://prnt.sc/p6AyJSzCEALK
Best regards
Yes that is the page. I was trying to edit the html to have the images to the right by adding style="float:right" but each time I went into the editor (any editor) something would add another 'lazyload' and another 'data-' to the <img tag - in fact to every img tag in the page.
You can see this now on the page code. Go in yourself and have a look - there may be 4 of them now and they break the code. The images no long display.
Also at one point -m-, carefully removing all duplicates and getting the style code in, it looked like the image was good before I saved, but as soon as I saved, I got duplicates and the images broke.
(I would send a screenshot but I don't see how to do that here.)
Okay, I have fixed the source code of the Text Block addon contents on the page. Please check it now.
Yes, that fixed one image but, as soon as I went in to set the other images also to float-right , the lazyload replicated and all the images broke. I have managed to get the page looking correct by removing all references to lazyload. It gets inserted back in but as long as I don't need to change the page again, it is OK. I'm sure I have seen this on other pages and now I have a very tedious way around it but I need to move on to other things at this point.
As the site I have sent you to is a test area, you are welcome to look further. I don't know if it is anything to do with your SP Page builder or something that Joomla is doing when I set the site on Lazy loading