Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.
Solved

Adjusting Product Images for Mobile Devices - Seeking Solutions

Molodetz
Excursionist
23 1 4

Hello everyone,

 

I'm reaching out to the community to find a solution for an issue that likely affects many of us. It concerns the display of product images on mobile devices. Specifically, my issue is that when opened on a phone, the images enlarge excessively and spill over the edges of the screen format. 

 

Has anyone here encountered this problem and knows how to adjust the size of the images so that they fit perfectly within the format of the mobile device, without going over the edges? Are there perhaps special tools or settings in the  system that can be used for this purpose?

 

I'm grateful for any tips or instructions that can help improve the user experience on mobile devices. The goal is for the product images to automatically adjust and remain fully within the user's view without the need for manual zooming or scrolling to see the image in full size.

 

Looking forward to your suggestions and discussions.

Antonio Lepre | Aspiring eCommerce Titan

New to the Shopify Community
Dreaming Big & Building Bigger with Shopify
Let's Connect & Grow Together!

“On a journey to build an empire with Shopify. Let’s make eCommerce history.”
Accepted Solution (1)

SBD_
Shopify Staff
1776 263 381

This is an accepted solution.

Hey @Molodetz 

 

Web.dev have a great write up on a bunch of techniques here: https://web.dev/learn/design/responsive-images

Scott | Developer Advocate @ Shopify 

View solution in original post

Replies 2 (2)

SBD_
Shopify Staff
1776 263 381

This is an accepted solution.

Hey @Molodetz 

 

Web.dev have a great write up on a bunch of techniques here: https://web.dev/learn/design/responsive-images

Scott | Developer Advocate @ Shopify 

Molodetz
Excursionist
23 1 4

@SBD_,

thanks a lot. It has been incredibly helpful and provided me with a clearer understanding of the steps I need to take. However, due to my limited knowledge and to avoid tampering too much with the website's code, I've decided it would be best to enlist the assistance of an expert for such tasks. This way, I can ensure that everything is handled correctly and efficiently. Thank you once again for your valuable advice and support.

Antonio Lepre | Aspiring eCommerce Titan

New to the Shopify Community
Dreaming Big & Building Bigger with Shopify
Let's Connect & Grow Together!

“On a journey to build an empire with Shopify. Let’s make eCommerce history.”