Hello, I have an issue with the product image size. When I click a product image on the product page, the image size is opened with the full width of a computer or mobile screen. Is it possible to set it up with a specific max-width for both computer and mobile screen? My website address is www.…

This is PageFly - Free Landing Page Builder . I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants. Regard your concern to change product image size when zoom in. Please help me to add some custom code to your th…

Hi @NOLY , I have checked and you have disabled zoom, would you like me to guide it for you?

This also works to past your style code in the “Custom Liquid” option of the product page theme editor.

…and I am using the “Studio” theme, a Shopify gen 2 theme.

Works great for desktop but produces narrow sections of zoomed image on mobile. Anyone have a fix to add to this code? Update: Using em instead of % on the max width fixes the mobile and responsive problems.

Can you show how to use em instead of %? Thanks!

I used this code in Custom Liquid under Product Information on the Default product page. {% if template contains ‘product’ %} .product-media-modal__content.gradient { max-width: 65em; margin: 0 auto; } {% endif %}

Woohoo! Looks way better thank you!

Product Image Size is Too Big When Zoomed In - Studio Theme

Store Design

Lover July 9, 2024, 9:41am 10

Hello! This has made the desktop work but on mobile its looking like this. what do i do?

Topic		Replies	Views
How can I stop product images from zooming on mobile and desktop? Store Design customizations , css , product-page	1	77	January 23, 2024
Reduce Image size of product when zoomed in Taste theme Store Design design , customizations , troubleshooting	3	86	June 6, 2023
How To Make The Zoom-in Product Images on Product Page Smaller Store Design design , customizations , css , shopify-themes , troubleshooting , product-page	2	236	January 17, 2024
Can the image zoom size in Dawn theme be adjusted? Store Design	9	139	September 30, 2024
Product Image Zooming in a lot when clicking on it Shopify Discussion troubleshooting	6	127	September 8, 2024

Product Image Size is Too Big When Zoomed In - Studio Theme

Related topics