I’ve been unable to change the category thumbnail size in Woocommerce in twenty seventeen. Most of the options to resize thumbnails are not available in this theme. Any idea how I could fix this? I’ve been installing a lot of plugins, to no avail.

Thanks a lot in advance for your help!

I have managed to use the plugin without problem, however, the generated thumbnail size is way bigger (Dimensions: 640 by 360 pixels).

Is there a way to reduce the size of the generated thumbnail via settings? I have gone checking the plugin settings but did not see any option to set the thumbnail size before being generated.

Having to resize the thumbnail manually in the library is too much work if you have hundreds of images already.

Kindly guide.

Regards,
Eduard

So I just received help with a similar issue which was resolved using a filter to resize the product image on the product’s page (in combination with ImageMagick), but after testing out different filters, I haven’t been able to achieve the same effect for the product grids.

I use WooCommerce. This is the link to the filters I tried out: https://docs.woocommerce.com/document/image-sizes-theme-developers/#section-4

Any help with this would be much appreciated! The goal is to preserve the animation of the image. If you click on my page link, you should see a mim pink shirt with motionless sparkles on it most likely due to WordPress’s automatic resizing…

I edited the responsive column layout, to never show a thumbnail size over 230px.
In WordPress Settings > Media I set a Thumbnail size of 230 x 230px.

The image resolution delivered is always 400×400. How to edit it to 230px?

This is how the image is defined:

<div class="tcol-lg-4 tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 g_item">
<div class="grid_item kad_gallery_fade_in gallery_item">
<a href="https://example.com/wp-content/uploads/2016/10/image.jpg" data-rel="lightbox" class="lightboxhover">
<img src="https://example.com/wp-content/uploads/2016/10/image-400x400.jpg" alt="" srcset="https://example.com/wp-content/uploads//2016/10/image-230x230.jpg 230w, https://example.com/wp-content/uploads//2016/10/image60x60.jpg 60w, https://example.com/wp-content/uploads//2016/10/image-400x400.jpg 400w" sizes="(max-width: 400px) 100vw, 400px" class="light-dropshaddow" height="400" width="400">
</a>
</div>
</div>

Thanks in advance