change the catalog thumbnail and product thumbnail size

[redblue083190]

Hi there

We wanna change the catalog thumbnail and product thumbnail size.
Now:
catalog thumbnail: 400px x 400px, product thumbnail: 150px x 150px

Change to:
catalog thumbnail: 300px x300px, product thumbnail:60px x 60px

I have tried myself and regenerate the thumbnails but no luck. We want change the display size instead of resolution.
Does it affect the grid system? Could we use css script to change it?

Thanks.

[David Martin – Support]

You just change it here: WooCommerce > Settings > Products > Display.

You need to use this plugin to rebuild your thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/.

Your original images uploaded must be large enough to be scaled up or down.

[redblue083190]

I don’t think you get my question.

I have set the new size on WooCommerce > Settings > Products > Display and rebuild your thumbnails.
But it just change the image resolution and get blur only.

It just get blur and display in 400px x 400px on grid. How can we display 300px x 300px image on same 300px x 300px grid.

[David Martin – Support]

You do not use exact sizes, the grids are percentage based so there will always be a slight discrepancy.

After you changed the image size, did you use the above plugin? This is a must. https://wordpress.org/plugins/regenerate-thumbnails/