Home / Forums / Basel support forum / Products thumbnails on Woocommerce
Home › Forums › Basel support forum › Products thumbnails on Woocommerce
Products thumbnails on Woocommerce
- This topic has 9 replies, 2 voices, and was last updated 7 years ago by
Elise Noromit.
-
AuthorPosts
-
November 6, 2018 at 8:04 pm #87556
abiesiagaParticipantHi
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 NoromitMemberHello,
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
abiesiagaParticipantThanks 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 NoromitMemberHello,
Please provide your site admin access for checking.
Best Regards
November 8, 2018 at 6:48 pm #88119
abiesiagaParticipantIn private content 😉
November 8, 2018 at 8:01 pm #88157
Elise NoromitMemberNovember 8, 2018 at 8:59 pm #88170
abiesiagaParticipantSory forgot about this one
November 9, 2018 at 8:14 am #88272
Elise NoromitMemberHello,
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
abiesiagaParticipantUnfortunatly 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 NoromitMemberHello,
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
-
AuthorPosts
Tagged: Thumbnails, woocommerce
- You must be logged in to create new topics. Login / Register