Want to change aspect ratio of thumbnails of my products from 1:1 to 4:5

In this picture you can see that the pictures having 4:5 aspect ratio are being cropped in to get into the 1:1 ratio. Is there a way to change that to 4:5 so the images are not cropped in. Thanks

Hello,
We have solution of this task please share your website URL.

https://gulbaan.com/

In the file “styles.scss” you add the following code.

.template-index .pg__image.pg__sync-url {
padding-top: 385px!important;
}
.template-index .pg__img-fit {
-o-object-fit: fill!important;
object-fit: fill !important;
height: 100%;
}

@media(min-width: 280px) and (max-width: 767px){
.template-index .pg__image.pg__sync-url {
padding-top: 100%!important;
}
}

Note:- First of all take backup of your theme then add this code.

1 Like

Will this code work if I change the theme of the website?

No, you will need to implement it again on new theme if you change the
theme of the website.