Support Forum

Hi,

Is there some code I can add to get the second image on the product hover to fill 100% height but keep it’s aspect ratio. It can crop off the sides. I looked through previous threads and tried tweaking the following code I found, which makes it 100% heigh but it distorts / squishes the width. Our main / first product images always have the same size image 1000 x 1400px (5×7 ratio) however the back ones are different sizes and can’t be uploaded the same ratio. Is there a way so that it zooms or crops part of this image so that it appears the same ratio on the Flip Product Thumbnail?

.product-image .product-image-flip a img {
height: 100%;
width: auto;
}

Thanks!