Product pics not displayed

[jetattitude]

Hi,

The issue we are having occured two days ago and went away on itself. The host said no issues on their side so i am hoping someone will help me out.

Everything elses seems to be working fine.

Link:

https://www.jetattitude.com/28493649-bouee-tractee-spinera-waterpilot-1-19355.html

Thanks in advance for any help you provide and for the time you are offering

[fritex]

Greetings,

Thank you for asking.

Looks to me there are some errors in the Developer Console (F12) for multiple resources

Nevertheless, I can see the “empty space”:

However, this might be in some conflict with some JS code and Cloudflare’s Rocket Loader feature

EDIT: Seems the image has been loaded a bit “off-the-grid”

The HTML element with the class images-container should contain the height attribute with the auto value at least so the image would appear after at all at least. It has god height:0, possibly controlled via JavaScript?

Nevertheless, the same CSS class contains the padding-top which makes it “fly away”:

Kindly, double-check and consider how this is being codded and controlled. Therefore, Purge the Cache at Cloudflare dashboard after applying the changes and re-test again.

Once this is fixed, it should work as expected if that’s the case and concern here:

Furthermore, you could also try temporary disable the Rocket Loader feature and Auto Minify for CSS and JS just in case if there is some kind of a conflict with it, at the Cloudflare dashboard.

Here:

Auto Minify · Cloudflare Speed docs

Rocket Loader · Cloudflare Speed docs

[jetattitude]

Thanks a lot for your time and detailed response.

I already know my theme is very poorly coded unfortunately (I chose it for the looks which I realize now was a mistake)

I will disable cloudflare and check.

[jetattitude]

Hi Friend,

Your pointers helped me fix the issue. It was css related.

I was trying to fix performance issues (reported by google console) and added bad lines.

By the way, if you have any clues that could help us improve our performance it zould be great.

This issue can be considered closed. Thanks again!

[fritex]

Thank you for feedback.

@jetattitude

Your pointers helped me fix the issue. It was css related.

Looks good to me now

@jetattitude

help us improve our performance

Since it’s WordPress, I’d suggest you posts from below which contain more tips and tricks and information how to levarage Cloudflare’s options for better performance and security and also what options to check at your Web hosting too (PHP, etc.)

Website speed on mobile is still not good, showing Largest Contentful Paint - 3.6 s

Greetings, Thank you for asking. This reminds me a bit on a topic which I am sharing at the link from below: What tools did you used to mesaure it? Only online tools or real phone on a 3G or 4G LTE cellular data network? From the Cloudflare blog: May I ask you to post and share your domain name in bracketed dot [.] notation here with us so we could double-check, troubleshoot and provide some feedback information? Here are some: Google PageSpeed Insights WebPa…

No improvements with CDN?

Greetings, Thank you for asking. I’d suggest you to: Optimize origin host / WordPress and tune-up your PHP values Install some plugin for Page Cache like WP Super Cache Leverage the CPU load and PHP generating the pages with loading the resources on your origin host/server with Cloudflare’s “Auto-minify” option for HTML, CSS and JS (no need to use minify plugin for it) Depending on the Cloudflare plan you’re using, play a bit with enabling the features like Rocket Loader, HTTP/2, HTTP/3 (Qui…

How to increase the speed of a site with Cloudflare?

Greetings, Thank you for asking. What tools did you used to mesaure it? Here are some: https://www.webpagetest.org/ https://gtmetrix.com/ https://pagespeed.web.dev/ Without knowing your website type, neither domain name or URL for example due to testing, I can list few options/features which you can enable at Cloudflare for your domain and test: Brotli HTTP/2 HTTP/3 0-RTT Rocket Loader Auto Minify (all three checked - HTML, CSS, JavaScript) Argo Tiered Cache If you are using Pro plan (p…

@jetattitude

Thanks again

Happy to assist you

[jetattitude]

I am actually on Prestashop 1.7.8, but some of your posts will help. Thanks