Product page image resize Debutify Theme

Highlighted
Tourist
8 0 2

I would like to resize the images in the product page and make it smaller so the quality of my pictures doesn't look so bad. 
The following link is my website:

https://www.tgs-pack.com/products/led-usb-rechargeable-touch-switch-night-light-my-heart-light

 

Thx in advance!

1 Like
Highlighted
Shopify Partner
7574 1045 2626

Hello, @tgspack 

Thanks for post.

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

.product-single__photo {
max-width: 500px;
}
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 Expert | 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
Highlighted
Tourist
9 0 2

Cool thanks that was the issue i was having as well and it helped, but how do you now move your thumbnails up to be under the main image? My main image is smaller now but I have a big gap under it before you see the other thumbnails. 

 

Thanks 

Chris Gonzales

0 Likes
Highlighted
Shopify Partner
7574 1045 2626

Hello, @Christopher_Gon 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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 Expert | 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
Highlighted
Tourist
9 0 2

www.cwdigitaldesigns.com 

I have looked at the code but can't determind where this would be at. 

Thanks 

Christopher Gonzales

0 Likes
Highlighted
Shopify Partner
7574 1045 2626

@Christopher_Gon 

Thanks for url,

bur sorry we're not able to store

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 Expert | 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
Highlighted
Tourist
9 0 2

I don't quite understand your responds. I think it might have to do with the zoom and the padding but not sure. I was looking into the code but I can't find anything related to this but then again i am not a coder. 

0 Likes
Highlighted
Shopify Partner
7574 1045 2626

sorry for that

i mean we're not able to store code how can i guide you?

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 Expert | 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
Highlighted
Tourist
9 0 2

Okay thank you for taking the time to look into it. 

Thanks 

Christopher Gonzales

0 Likes
Highlighted
New Member
2 0 0

I have the same problem: a huge gap between the main image and thumbnails. Please advise: 

healthyketogenic.myshopify.com or vibrantbodymind.com

Thank you!

0 Likes