How can I enlarge the image size on my product pages?

[tuckerfpv]

Hello!

I am trying to increase the product image size on my pages. It currently looks like this, which is of course way too small to view. I tried going into the code, and changed it to ‘one-quarter’ but then it takes up the whole page..

[KetanKumar]

@tuckerfpv

sorry for that issue

can you please check your theme customization and open product page than check left side product section choose your size

[dmwwebartisan]

@tuckerfpv

Please share your store URL.

[tuckerfpv]

Sure,

https://fpvfriends.com/products/botgrinder-premium-t-shirt

Thanks

[tuckerfpv]

Hi, I am not given an image size option when in the settings you have described.

[KetanKumar]

@tuckerfpv

thanks for details can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 769px) {
.product-template-section .large--one-quarter {
    width: 60%;
}
.product-template-section .large--three-fifths {
    width: 40%;
}
}

[tuckerfpv]

Hi, thanks , will try now

[tuckerfpv]

Thanks, this worked, but the other images are appearing a bit too big. Is there a setting to make these smaller?

[KetanKumar]

@tuckerfpv

yes please add this code

ul#productThumbs-product-template {
    display: flex;
}