Return to previous page

Why my products are looking blur when i click on shop

This topic has 5 replies, 2 voices, and was last updated 3 days, 14 hours ago ago by Rose Tyler

shounak_65753

Participant

September 26, 2024 at 08:35

hello
iam creating products for my website,but when i click shop page
the products are looking blur
please help me why this is happening
because i have hire desiners to render this product
please tell me whats wrong and please fix this

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#415902 Copied Theme version: 9.4.1

4 Answers

shounak_65753

Participant

September 26, 2024 at 08:42

the dimension of product images are 2048 by 2048 pixels

#415904 Copied

Rose Tyler

Support staff

September 26, 2024 at 11:09

Hello,

Thank you for reaching out to us with your concern regarding the product thumbnails on the Product Archive page. We understand the importance of having a uniform appearance for your images.

Please read the next articles – https://docs.woocommerce.com/document/fixing-blurry-product-images/ https://xstore.helpscoutdocs.com/article/89-product-images

The size of products comes not from our theme, but from WooCommerce settings in Appearance > Customizer > WooCommerce > Product Images.

Please note that once you change these settings you need to regenerate thumbnails using the appropriate plugin.

Further assistance you can get from the WooCommerce support team – https://wordpress.org/support/plugin/woocommerce/

Best Regards,
8Theme’s Team

#415936 Copied

shounak_65753

Participant

September 26, 2024 at 11:17

do i need to change the product dimensions?

#415939 Copied

Rose Tyler

Support staff

September 26, 2024 at 11:52

Hello,

It seems the issue with the blurry images on your shop page is related to how the images are displayed based on the WooCommerce settings. Here’s what you can do to fix the blurriness:

Check WooCommerce Image Settings: Go to Appearance > Customize > WooCommerce > Product Images and adjust the Thumbnail width. You need to set – https://prnt.sc/05ExiCPvq6Zw Once you’ve updated these settings, you need to regenerate your thumbnails.

Regenerate Thumbnails: After changing the image size, install and run the Regenerate Thumbnails plugin to ensure all images are resized correctly. This will help remove the blurriness caused by mismatched image dimensions.

Use Consistent Image Sizes: Make sure all your product images are of the same size to avoid distortions during resizing. Before uploading, use a graphics editor to adjust and prepare your images to fit the same dimensions.
If these steps don’t resolve the issue, feel free to reach out again for further assistance!

Best regards,
The 8Theme Support Team

#415944 Copied
Tagged: blurry woocommerce products, fix blurry woocommerce images, improve woocommerce product images, solving woocommerce blurry photos, woocommerce shop image issues, wordpress shop image clarity, wordpress woocommerce image quality
Viewing 5 results - 1 through 5 (of 5 total)