Return to previous page

Blurry Product Images in Sidebar Widgets

This topic has 6 replies, 2 voices, and was last updated 2 hours, 45 minutes ago ago by Tony Rodriguez

Elhadj07

Participant

December 17, 2024 at 04:53

Hello,

I’m experiencing an issue with product images appearing blurry in the sidebar widgets (e.g., Best Sellers widget)

Here are the details:

• Image Resolution: The original product images uploaded are high resolution (2000x2000px).

• Image Settings:

• Main product images and thumbnail widths are both set to 600px in WooCommerce settings.

• Images remain uncropped or in a square (1:1) ratio.

• Issue: Despite these settings, the product images displayed in the sidebar widgets are low quality and appear blurry.

Please find attached screenshot.

Thanks very much

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#427738 Copied Theme version: 9.4.5

5 Answers

Tony Rodriguez

Support staff

December 17, 2024 at 06:31

Hello, @Elhadj07,

Thank you for reaching out to us with your concern regarding the product image size on your website. We understand how important it is for the images to appear clear and properly aligned to ensure a great visual experience for your users.

Please read the next articles – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ https://docs.woocommerce.com/document/fixing-blurry-product-images/
The size of products comes not from our theme, but from WooCommerce settings in Appearance > Customizer > WooCommerce > Product Images. From your screenshot, it looks like the images are cropped.

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

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.

It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery and for products. In other cases, images may have different heights on the frontend.

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

Best Regards,
8Theme’s Team

#427746 Copied

Elhadj07

Participant

December 17, 2024 at 11:41

Hi Tony,

Thanks for your reply.

Could you please check these two screenshots and advise to what value do I need to set them each ?

After that I then need to install the regenerate plugin and generate new thumbnails right ?

Thanks for your support

Files is visible for topic creator and
support staff only.

#427793 Copied

Tony Rodriguez

Support staff

December 17, 2024 at 11:50

Hello, @Elhadj07,

Thank you for your response.

1/ Please read this article first – https://www.8theme.com/documentation/xstore/woocommerce/product-images/
Try to set the Thumbnails Size 355px, uncropped, and then regenerate thumbnails using the appropriate plugin.

You need to set – https://prnt.sc/05ExiCPvq6Zw Once you’ve updated these settings, you need to regenerate your thumbnails.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team

#427795 Copied

Elhadj07

Participant

December 17, 2024 at 16:32

Hi Tony,

I did as you explained and regenerated new thumbnails but still issue not fixed.

I regenerated new thumbnails then cleared cache and checked then deleted the regenerate plugin in order not to use too many plugins to slow the site.
But issue still same.

On one of the screenshot the thumbnails are linked ked but there should be a spade between the images.

Please find attached screenshots.

Thanks very much

Files is visible for topic creator and
support staff only.

#427844 Copied

Tony Rodriguez

Support staff

December 18, 2024 at 05:28

Hello, @Elhadj07,

Thank you for your response.

To assist you more effectively, we kindly request that you provide access to your site’s WordPress admin panel. Please share the credentials securely in the private content area so that we can review your settings in detail and offer the necessary support.

Additionally, we would greatly appreciate it if you could provide a detailed description of your specific requirements or desired outcome. This will help us better understand your needs and ensure we deliver the best possible assistance.

Thank you for your cooperation.

Best regards,
The 8Theme Team

Content is visible for topic creator and
support staff only.

#427873 Copied
Viewing 6 results - 1 through 6 (of 6 total)