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.
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!
The 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.
What I have showcase was a preview and your shopify store has not been changed anything yet.
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.