Thumbnail size woo blocks

Hi there,

Can you please clarify what you mean by “can’t control” exactly? Maybe you can post a screenshot/screencast?

Thanks

Hi Remi,
from Customize -> Woocommerce -> Product Image I can setup the size of the thumbnail(1:1 in this case) for the Shop, as you can see on https://aula.artesanosfeliperoyo.com/cursos

but If I create a custom shop using Woocommerce blocks, I can’t define the image size, as in:
https://aula.artesanosfeliperoyo.com/paginaprueba/

So the only way to “control” the size of the thumbnails is using the default Shop, not the custom.
I’ve tried using filters, but it’s the same problem. It only works with the default Shop, not the custom one.

Thanks.

Hi @grillermo ,

from Customize -> Woocommerce -> Product Image I can setup the size of the thumbnail(1:1 in this case) for the Shop, but If I create a custom shop using Woocommerce blocks, I can’t define the image size

That’s true. If you have built the shop page using WooCommerce Blocks, then you would need to use CSS coding to change the size of images.

Alternatively, you can re-upload the product images and ensure they are of the same desired size and aspect ratio at the time of uploading.

If you’d prefer to change the size using CSS code, then the following code will set the width and height as 200px, however, your image may look a little stretched if they are of different aspect ratios:

img.wc-block-grid__product-image__image {
    width: 200px !important;
    height: 200px !important;
}

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.