Products thumbnails on Woocommerce

This topic has 9 replies, 2 voices, and was last updated 6 years ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
November 6, 2018 at 8:04 pm #87556

abiesiaga
Participant

Hi

How can i set up all thumbnails on woocommerce to be the same? I got few products that got different thumbnail size

thanks in advance for help

Attachments:
You must be logged in to view attached files.

November 6, 2018 at 8:47 pm #87564

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

First of all, navigate to the Theme settings > Shop and disable “Masonry grid” if it does not help, navigate to Appearance > Customize > Woocommerce > Product image and set the size and cropping for the images.

Best Regards

November 8, 2018 at 3:46 pm #88082

abiesiaga
Participant

Thanks for answer but I’ve already got masonry grid disabled, and croping set 1st option 1:1

November 8, 2018 at 5:58 pm #88106

Elise Noromit
Member

Hello,

Please provide your site admin access for checking.

Best Regards

November 8, 2018 at 6:48 pm #88119

abiesiaga
Participant

In private content 😉

November 8, 2018 at 8:01 pm #88157

Elise Noromit
Member

Hello,

I cannot login http://prntscr.com/lg1195

Best Regards

November 8, 2018 at 8:59 pm #88170

abiesiaga
Participant

Sory forgot about this one

November 9, 2018 at 8:14 am #88272

Elise Noromit
Member

Hello,

You have set the min-width 300 px in the settings http://prntscr.com/lg6qnh

All the images are cropped well excepting this one https://gyazo.com/1a5f005d37902d554ce711dc8ed4c592

This image is 77 x 177 px http://prntscr.com/lg6pn7

You need to upload bigger images at least 300 px in width to solve the problem as this small image is spread to 100% of width in the result we have this heigh proportionally.

Best Regards

November 9, 2018 at 10:17 am #88316

abiesiaga
Participant

Unfortunatly thats not the fix, because i supose i’ll have more pics with less than 300px width, isnt there any other way to fix it?

November 9, 2018 at 11:00 am #88333
Elise Noromit
Member
Hello,

Please add this custom CSS to the Theme Settings > Custom CSS:
```
 .product-grid-item .product-element-top a img{
    width:auto;
    height:auto;
}
```
This is the only way out and as you see the images is still higher than others in order to make it of the same height you need to set fixed width of the image – 77px

If you want to make all the images equal, you need to set the width of the smallest image.

Best Regards
Author

Posts