GYuArt

On 7/16/2021 at 1:06 AM, tuanphan said:

Try this CSS

/* product detail images */
img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}

 

Thank you very very much, @tuanphan this worked well 🙂

On 5/14/2021 at 12:35 AM, tuanphan said:

Add to Design > Custom CSS

.products.collection-content-wrapper .grid-item .grid-image-cover {
    object-fit: contain !important;
}

 

@tuanphan  Dear Tuanphan, i used this code that you provided, and it worked perfectly with my online shop, the aspect ratios are original now. see my shop here: https://www.gyu-art.com/shop 

However, as most of my customers would be using phone, i wonder if you could please provide or modify the CSS code so that : 
On the Mobile view, on the product detail page, the image would be the original aspect ratio as well? 

Currently, on mobile view, the images are cut off （see attached pic), cannot see the original till you hit and open the image as lightbox. 

Thanks a lot for your help
GYu Art 

@tuanphan (In case message got missed)