Product Image Not Zooming After Editing Code

Highlighted
New Member
1 0 1

Hello,

I use Debut theme. I am trying to remove the 'add to cart' button. I applied the following code and it works.

{% comment %}
<button type="submit" name="add"
{% unless current_variant.available %} aria-disabled="true"{% endunless %}
aria-label="{% unless current_variant.available %}{{ 'products.product.sold_out' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endunless %}"
class="btn product-form__cart-submit{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"
{% if settings.enable_ajax %}aria-haspopup="dialog"{% endif %}
data-add-to-cart>
<span data-add-to-cart-text>
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
</span>
<span class="hide" data-loader>
{% include 'icon-spinner' %}
</span>
</button>
{% endcomment %}

However, now there's something wrong with product image as it won't zoom when I hover over it and if I click on the images, I get directed to a full page image instead of changing the images.

 

Please let me know what I can edit so that I can remove the 'add to cart' button while still being able to zoom on the product images.

Thank you!