How to increase product page image size

Solved
tuckerfpv
Tourist
9 0 6

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.. 

Screen Shot 2021-08-02 at 4.36.40 PM.png

KetanKumar
Shopify Partner
22296 2268 8342

@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   

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
8349 1963 2642

@tuckerfpv 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
tuckerfpv
Tourist
9 0 6

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

KetanKumar
Shopify Partner
22296 2268 8342

This is an accepted solution.

@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%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
tuckerfpv
Tourist
9 0 6

Hi, thanks , will try now

0 Likes
tuckerfpv
Tourist
9 0 6

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

Screen Shot 2021-08-03 at 11.50.48 AM.png

KetanKumar
Shopify Partner
22296 2268 8342

@tuckerfpv 

yes please add this code

ul#productThumbs-product-template {
    display: flex;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes