Neve WooCommerce blurry catalog images

Hi,

I have the same issue.

All images look good on mobile, but they are blurry on desktop.

Have you already solved the problem?

Thanks!

Louis

HI,

I have the same issue, All images are blurry on catalog images?

Have you already solved the problem?

Thanks,
Carlos

Hi,
I have the same issue too.
Thanks!
Ghera

Hi there,

I will log an issue with Neve developers as well but having dreadful trouble getting product images to appear correctly in catalogue. Nothing seems to work the same as the instructions and guides. I could go live with my site and business if I could fix this one issue.

Has anyone managed to resolve it?

I’m having the same issue, but the images are blurry on mobile. I’ve tried several solutions with no success yet (but I’m far from a WP guru). Apparently my auto-resized images are 230×288 but some piece of code is blowing it up to 258×324, thus the pixelation. Here’s what I’ve tried:

1. Changing the crop: Appearance>>Customize>>WooCommerce>>Product Images
2. Simple Image Sizes plugin
3. Regenerate Thumbnails plugin
4. This site: https://iconicwp.com/blog/woocommerce-images-blurry-fix/
5. This site: https://docs.woocommerce.com/document/fixing-blurry-product-images/
6. This site: https://docs.woocommerce.com/document/image-sizes-theme-developers/
7. Editing child theme on this site: https://docs.themeisle.com/article/852-how-to-change-blog-image-size-in-hestia

Hoping someone can find a fix to this, seems like it shouldn’t be that hard.

Having the same exact problem as reported by all above. Using the free Neve WordPress theme and woocommerce. Images show up perfect on mobile, and on the actual product page, but when viewed using on the catalog/products page or anywhere with the [products] shortcode, the thumbnails are pretty blurry. I’ve tried everything as well, it’s extremely frustrating.

Hi there,

I’m sorry to hear that the product thumbnails are blurred on your websites.
There is an image size declared in the theme for those thumbnails, you can change it and regenerate them.

First, you can download a child theme for Neve from this guide, then add the following code at the end of the functions.php file within the child theme.

function neve_change_product_thumbnail_size() {

	$woocommerce_settings = array(
		'single_image_width'            => 600,
		'thumbnail_image_width'         => 230,
		'gallery_thumbnail_image_width' => 160,
		'product_grid'                  => array(
			'default_columns' => 3,
			'default_rows'    => 4,
			'min_columns'     => 1,
			'max_columns'     => 6,
			'min_rows'        => 1,
		),
	);

	return $woocommerce_settings;
}
add_filter( 'neves_woocommerce_args', 'neve_change_product_thumbnail_size' );

The thumbnail size is 230, feel free to change it, and regenerate them.

Thank you very much! Can confirm this finally fixed the problem.

It’s greatly appreciated!