Resize the images on Collection page with Shoptimized theme

Technical Q&A
1

Hello,

My shopify page is www.toonfam.com

Currently if you go to my collections page, the product preview images are all different sizes on all 4 different products. What can i do to make them all the same size?

I am currently using the latest version of the Shoptimized theme.

All help is appreciated, Thanks :slightly_smiling_face:

2

Hi,

You can use this code CSS:

body .grid__product-image .grid__image {
    padding-bottom: 100%;
    position: relative;
    min-height: 1px;
}
body .main-content div.grid__product-image a.grid__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

Thank,

1 Like
3

It worked, thank you so much!