Different size Product (images)

Can you share link to page in screenshot?

@tuanphan jalley.art pw:testtest

.ProductItem-gallery-slides-item-image {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
.ProductItem-gallery-slides-item.selected.going-next.loaded {
    padding-bottom: 50% !important;
}

thanks @tuanphan would this be for the product pages/tag link results?

@tuanphan not sure it works -- see site.  It still crops at the bottom of the 4:3 image to 3:2 size.  Granted in design setting it does show the aspect ratio is 3:2. But if I set to 4:3 I have the opposite effect.  

Okay -- so when I changed the height to width, that actually seems to help my cause.  Not perfect, but pretty close.  

.ProductItem-gallery-slides-item-image {
    width: auto !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}
.ProductItem-gallery-slides-item.selected.going-next.loaded {
    padding-bottom: 50% !important;
}

sorry for so many followups, but the only downside is that in mobile it doesn't look great and is bit off center.  

I wanted to continue to update this as it seems I'm not the only one with this issue.  I came across the "auto" aspect ratio in 7.1 when doing a product summary block, which is fantastic.  I'm not sure why it can't be included in default options, because when you then click on the image itself, it has the default setting, which looks not great.  

This was helpful! Thank you! Did you ever figure out how to make the images look center?

On 8/26/2020 at 5:36 AM, AdeleThomas0 said:

This was helpful! Thank you! Did you ever figure out how to make the images look center?

If you share site url, we can take a look