Product Images are blur initially however, when we refresh the page, they become clear

Tikshark_ZF · July 2018

Hi Team,

This is something strange happening. I have uploaded product images of resolution 1075x1075. When I click on the product and visit the product page, the product image opens up but is blurred. However, when I hover over it, it becomes clear. Also, the same becomes clear and sharp when I refresh the product page. If I visit some other product page after this then have to repeat the same thing again.

Few fixes that I have tried:

1- Increased product resolution from 800x800 to 1075x1075

2- Did "Force Regenerate Thumbnails" multiple times

3- Checked Woocommerce settings and help forum- No success

Please help

Pablo · July 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Tikshark_ZF · July 2018

Hi Pablo,

The website is already live... https://bit.ly/2JuD1rH

Here are the screenshots:

Product Image is blurred when we open the product page - https://snag.gy/qQhgoJ.jpg

Product Image becomes Clear and Sharp when we refresh the page- https://snag.gy/ltfJTC.jpg

Thanks in Advance..

Pablo · July 2018

Please update the theme.
From version 20 you can update the theme from the dashboard of your WordPress, in the BeTheme tab. Just register the license, and you will be able to update the theme, install newest plugins and import pre-built websites with sliders. We are not including rev-sliders and plugin updates in the theme package.
thanks