Adjusting product picture sizes on mobile

New Member
6 0 0

Hey!

 

I'm about to launch my e-commerce site but I've got a problem. I think the product pages are easy to navigate and quite 'clean' on desktop, but the pictures are very tall on mobile.. too tall.

Link: https://hellstrom-co.myshopify.com

Password: 1234

I've gone through the Shopify Community and independent websites to see how others have tackled this problem, but none of the solutions seem to work for me!

0 Likes
Excursionist
28 5 1

Hey there @filiplarson1 ,

Kindly make some screenshot of "pictures are very tall on mobile" and how exactly short you want them to be?

 

0 Likes
New Member
6 0 0

Screenshot 2020-11-30 at 06.42.58.pngScreenshot 2020-11-30 at 06.43.55.pngScreenshot 2020-11-30 at 06.43.47.pngScreenshot 2020-11-30 at 06.43.42.pngThe first picture is from the website, it's fine like that. But its annoying having to scroll so far to get to the description and CTA button on mobile. It should preferably be small enough so that the name or at least the top of the name is visible when looking at the picture. So if you go on the product page, you see both the picture and a portion of the product's name.

0 Likes
Excursionist
28 5 1

@filiplarson1 ,

Something like these?

Screenshot 2020-11-30 at 3.45.38 PM.pngScreenshot 2020-11-30 at 3.46.04 PM.png

0 Likes
Excursionist
28 5 1

Screenshot 2020-11-30 at 3.53.21 PM.png

0 Likes
New Member
6 0 0

That's a lot better! Could the selected picture (in this case the tube) be placed in the center of the screen and the smaller pictures be made a bit smaller?

 

Thank you!

0 Likes
Excursionist
28 5 1

@filiplarson1 ,

What I have showcase was a preview and your shopify store has not been changed anything yet.

Screenshot 2020-11-30 at 8.58.54 PM.pngScreenshot 2020-11-30 at 8.59.11 PM.png

I believe you like to achieve the left side kind of preview once someone is viewing from mobile.

 

Unfortunately, you will face an issue if the person trying to zoom in by holding onto the photo, it will looks like the right.

 

So, there is a need to do some changes to your javascript and another css directly which is in your admin site.

 

0 Likes
New Member
6 0 0

I'm very happy with that! How can I implement it?

0 Likes
Excursionist
28 5 1

@filiplarson1 ,

Kindly pm me your shopify store url, email and password for login into your shopify admin.

 

Only if you are comfortable to do so.

 

0 Likes
New Member
6 0 0

Can you please send me the code and tell me where to insert it instead?

0 Likes