Return to previous page

Blurry product images on product page until refresh

This topic has 2 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Awais Ahmed

KD

Participant

September 5, 2022 at 22:14

Hello.
I noticed that product images are blurry on the product page. When I refresh the page then images look good. If I will go to another page and then come back to the same product then still product images are clear but when I open the same product in another tab then images are blurry again.

I tried this – https://www.8theme.com/reply/225227/ but it’s not working. Maybe for my theme should be a different code.

Tested on the desktop version with chrome.

#333309 Copied Theme version: 8.3.1. WooCommerce version: 6.7.0

1 Answer

Awais Ahmed

Participant

September 6, 2022 at 06:19

Hello, @KD,

You may try to disable global option of stretching product images -> Theme Options -> WooCommerce -> Shop -> Products Style -> https://prnt.sc/sMXZVvMN5P7l

Also, about the size of product images read here – https://xstore.helpscoutdocs.com/article/89-product-images
https://woocommerce.com/document/fixing-blurry-product-images/
It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

Regards 8Themes Team.

#333326 Copied
Tagged: blurry, optimize, product images, product page, refresh, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)