Resize image at Product page

Solved
JohnZ2021
New Member
4 0 0

Hello Team,

I want your help in order to resize the product image on the product page. The link to the site is https://desocks.gr/collections/men/products/desocks-antriko-boxer-bamboo-blue-black. My problem is that the image is very large in desktop or laptop view. I want to change the height of the photo because is too long. Also, i don't want the other elements at the right to be affected. Check the screenshots below. 

 

JohnZ2021_0-1624031646454.png

 

0 Likes
Akibhusen
Excursionist
195 36 68

HI @JohnZ2021 ,

 

Need to manage the col classes in product template. If you update column class in product template it'll look like below screenshot:

 

Akibhusen_0-1624032977046.png

 

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
JohnZ2021
New Member
4 0 0

Hello @Akibhusen,

Thank you for your quick response. I found via inspect element the div for the product image. Please help me what col i must put in order to have the result i want and where can i find this div in edit code section of the theme?

<div class="col-lg-7 col-md-6 col-sm-12 col-12">

JohnZ2021_0-1624039753628.png

 

0 Likes
JohnZ2021
New Member
4 0 0

Hello again @Akibhusen,

I found the file so i'm waiting for your directions about col numbers... Also please tell me if I'm right. Thanks again!!!

JohnZ2021_0-1624040385991.png

 

0 Likes
Akibhusen
Excursionist
195 36 68

This is an accepted solution.

Hi,


sorry for the late response.

Just update your class as given in the below screenshot.

Akibhusen_0-1624081027307.png

 

JFYI, You can update 'col-lg-6' class of description to 'col-lg-7'. This will increase the width of right side description sec.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
JohnZ2021
New Member
4 0 0

Hello @Akibhusen,

Thank you so much for your directions it works!!!!!! Have a nice day!!!!

0 Likes
Akibhusen
Excursionist
195 36 68

@JohnZ2021 , You are welcome. take care.

ping me if you need help in future

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes