Tagged: Images, sizes, thumbnails
Hi there,
I’m wondering if anyone has a solution for when you have product images of varying sizes – how to make them all display within an evenly sized container on shop archive pages. My client has some images which are smaller than the image container on product archive pages, and it’s really messing up the look of the shop. Everything sizes correctly horizontally but the varying vertical sizes just look terrible.
I know the ideal solution is to get bigger images, but the client has been running this store for a few years, and there are LOTS of products!
I have tried changing the Woocommerce display settings and regenerating thumbnails, but it still looks the same.
Any assistance greatly appreciated!
Thanks,
Mark
Hey coinmaster!
We could try giving you some CSS to use but depending on the sizes they may look distorted. It would be best to crop the images so they are the same size. Send us a link and we’ll take a closer look.
Best regards,
Elliott
Hey Elliot, thanks for the reply.
Yes, you are correct – wildly varying image aspect ratios. I tried using CSS, but as you stated it does distort the images beyond what is acceptable. I have advised the client he needs to get some better images – hehe! Crisis averted for now!
Thanks again,
Mark