Staff replied SP Page Builder

Image don't appear on error page

Asked by Pirosoft 3 years ago Last activity 3 years ago

Hi,
at the error page (manage by error.php & module sp-pagebuilder-4) are hidden by lazy load image

https://www.aziendabanca.it/error404

Please could you to help me to resolve this bug?

Regards
E.

9 replies

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for contacting us. Its actually appears, your image is like this gray see the link below:

https://www.aziendabanca.it/images/ab-design/placeholder_osoig9.svg

See when I set another image it looks like this:

https://prnt.sc/m6KXXznTd0_H

And use this CSS to see the image correctly

img.sppb-element-lazy {
    filter: unset !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Pirosoft Asked this

3 years ago

Thank you for your reply.
the issue is generated by Lazy Load option into SP Page Builder Configuration

That work fine on all webiste excluded errror.php

Regards

Emanuele

Mehtaz Afsana Borsha Staff

3 years ago

Then if possible turn off this option.

Pirosoft Asked this

3 years ago

Hi,
this option is important for SEO, and the issue regard only for error.php page, and work fine on all website.

So disable this option is not a good idea, and is important to find a fix.

I've tried to insert link below scripts but the result is the same:

I hope that you could to help me to resolve this bug.
Regards.
E.

Mehtaz Afsana Borsha Staff

3 years ago

Did you follow my instructions which I gave after your first comment?

Pirosoft Asked this

3 years ago

Yes, but the images doesn't appear

Mehtaz Afsana Borsha Staff

3 years ago

Its actually appears, your image is like this gray see the link below:

https://www.aziendabanca.it/images/ab-design/placeholder_osoig9.svg

See when I set another image it looks like this:

https://prnt.sc/m6KXXznTd0_H

And use this CSS to see the image correctly

img.sppb-element-lazy {
    filter: unset !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Did you insert any image on that link?

Pirosoft Asked this

3 years ago

Hi,
I didn't insert custom css code.

Isn't difficult: I've setup a placeholder image into lazyload option of sp pagebuilder component and in the error.php page the images doesn't switch to real image when appear on screen how happen in all page of website.

I think that need some js file that manage the switch already used by template in other pages.

Regards.
E.

Mehtaz Afsana Borsha Staff

3 years ago

You can do it also, but I have this solution. You can use it.