How to make products fit containers

Hi,

Im making a site that sells artwork and I need to get the product thumbnails in the shop to show the whole piece of art, in the correct ratio but scaled to fit the thumbnail container. I’ve fiddled around with the Woocommerce product display settings as well as the default WP media thumbnail settings but I can’t get it to work. Their settings either stretch the image to fit the dimensions or they crop a thumbnail out of the image. When I use the WP settings as well, I can keep the ratio but only on the width, not the longest edge.

If you look at my shop
https://jomaydesign.simplicitywebdesign.co.nz/product-category/outdoor-garden-art-panel-catalogue/small-and-medium-outdoor-art-panel-catalogue/

you can see how the images are scaled to have their width match the thumbnail dimension. What I need is for the longest edge to be scaled and then the ratio kept so it looks like this site

http://www.sarahcdesign.co.nz/shop/

Woocomerce have said its something the theme is doing rather than them. Do you have any ideas how I can contain the whole piece of art, whatever the shape, within a 320×320 thumbnail square?

Thank you

• This topic was modified 6 years, 11 months ago by simplicityltd.