WooCommerce product thumbnail image is blur

Hi,

I have the same issue.

Images are blurry on category pages.

Have you already solved the problem?

Thanks!

Hi,

I manage to revert back the manual WooCommerce image size mode by which user can define the product image sizes. However it seems working on archive pages but sometimes the shop page thumbnails are still blurry. Why I am saying “sometimes” is because when I am typing the shop url manually and entered to it, the thumbnails seems Ok. Though the archives are looking good.

Here is the code you may try once –

function neve_child_remove_woocommerce_support() {
	remove_theme_support('woocommerce');
}
add_action('init', 'neve_child_remove_woocommerce_support');

Don’t worry about the function name as WooCommerce will only revert the manual settings back with this.

– Thanks

Hi there,

You can try changing the image size declared in the theme for the product featured image, as follows.

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 image size is 600, feel free to change it, and then use a plugin for regenerating the thumbnails.