Prevent blurry Woocommerce gallery images after 3.3 update

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.

Useful post? Share it

Leave a Reply

Your email address will not be published. Required fields are marked *