Disable full screen image zoom on product pages on Venture theme

Highlighted
New Member
2 0 0

Hello all,

 

After search old topic & trial many times, it's not success to disable zoom.

I found the most related from this link >> https://community.shopify.com/c/Shopify-Design/Disable-Product-Full-screen-Zoom/m-p/430725#M111559 but it's not work for me because my code script does not like what Peter's mention (see my code below)

 

Can anyone have the same problem with me ?

Pls kindly advise the solution on this.. appreciate all helps.

 

My code (product.template.liquid)

 

<a href="{{ image | img_url: '1024x1024' }}"
class="js-modal-open-product-modal product__photo-wrapper product__photo-wrapper-{{ section.id }}"
style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;">
{% assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
<img class="lazyload{% unless image == featured_image %} lazypreload{% endunless %}"
src="{{ image | img_url: '150x150' }}"
data-src="{{ img_url }}"
data-widths="[180, 240, 360, 480, 720, 960, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ image.aspect_ratio }}"
data-sizes="auto"
alt="{{ image.alt | escape }}">

0 Likes
Highlighted
New Member
2 0 0

Can somebody help me on this case ?

Please... help me

0 Likes
Highlighted
New Member
1 0 0

Hello, did anyone figure this out?  I am also interested to know how to disable this feature.

0 Likes