Hi, I have a question about images. I have many images in my shop that are supplied by suppliers. They are generally of excellent quality but unfortunately not always the same size. This makes the height of the photo a problem in particular. If a product photo is wider than its height, my products will not all appear on the category page at the same time. The shopping cart buttons are then not aligned, for example. I have already tested with the image settings, but unfortunately I can’t get it to work properly.
The product page also shows a photo that is wider than it is high; display problems. Thumbnails of other photos are therefore not fully displayed. (See the photos I added for both examples).
My question is, is there perhaps a piece of CSS code available that can ensure that when photos are low and wide they are centered by default in a 600 h x 400 w image size? Or are there other ways to get this right?
