Problem: In mobile mode, the product photo is shown very! zoomed in

[Kanal100]

Hi,

could you please help me again? I couldn't find a solution...

If I click on a photo of one of my products in mobile mode (on desktop mode, it works just fine and slightly zooms in), the photo is shown very much zoomed in. Also you do not have the possibility to zoom in or out; you have to look at very narrow detail of the photo.

https://www.kanal-100.com/de/products/wandbild-bagni-nirvana

[BSS-Commerce · Accepted solution]

Hi @Kanal100 ,

Please follow these steps:

Step 1: Go to Themes -> Edit code

Find file name "product-thumbnail.liquid", find this code by search "product__media-toggle quick-add-hidden"

Step 2: Comment this code by comment tag

 {% comment %}
    <button class="product__media-toggle quick-add-hidden product__media-zoom-{{ section.settings.image_zoom }}" type="button" aria-haspopup="dialog" data-media-id="{{ media.id }}">
      <span class="visually-hidden">
        {{ 'products.product.media.open_media' | t: index: position }}
      </span>
    </button>
    {% endcomment %}

The result will be like as desktop view, you click the image and the position clicked will be zoomed in:

I hope it helps @Kanal100 

[Kanal100]

That worked!

Thank you very much for your help!