0

Prevent blurry Woocommerce gallery images after 3.3 update

By 12th February 2019Blog

Woocommerce has updated a few times since, but I ran into a confusion when trying to understand how a clients product images were looking blurry as thumbnails on the product page.

The Settings -> Media were set to 300×300
The Appearance -> Customize -> Woocommerce -> Product images were set to 300×300
The themes functions were set to even larger

… yet the thumbnails were stuck at 100×100 pixels. Baffling.

In cases like this, you can create a new function in a new custom plugin to override any other settings.

// resize image gallery thumbnail sizes
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
	return array(
	'width' => 300,
	'height' => 300,
	'crop' => 0,
	);
});

Obviously you can change the values to anything you wish, as well as the gallery_thumbnail part to any other image size.

In some instances, you may also need to Regenerate Thumbnails to create the new thumbnail sizes if they don’t already exist.

Phil

Phil

I'm a Wordpress web developer and website designer based in Cheshire, UK. I specialise in Wordpress, Responsive design and website conversion. | Twitter | Linkedin

Leave a Reply