在BigCartel上禁用产品缩放

如何解决在BigCartel上禁用产品缩放

我正尝试在BigCartel产品页面上禁用悬停缩放功能，因为这些照片并不十分出色。我认为它位于下面的某处，但是有人可以帮助我确定要删除或添加的内容作为替代吗？我设法摆脱了缩放部分，但是当您将鼠标悬停在图像上时，仍然出现了缩放气泡功能，但是它只是深灰色。

<div class="product-page-columns">
  <div class="product-images product-image-zooming product-images-{{ theme.secondary_product_images }}">
    <div class="primary-product-image-container">
      <img
        alt="{{ product.name | escape }}"
        class="product-image primary-product-image product-image-zoom blur-up lazyload"
        src="{{ product.image | product_image_url | constrain: 100 }}"
        data-srcset="
          {{ product.image | product_image_url | constrain: 400 }} 400w,{{ product.image | product_image_url | constrain: 550 }} 550w,{{ product.image | product_image_url | constrain: 800 }} 800w,{{ product.image | product_image_url | constrain: 1050 }} 1050w,{{ product.image | product_image_url | constrain: 1300 }} 1300w,{{ product.image | product_image_url | constrain: 1700 }} 1700w,{{ product.image | product_image_url | constrain: 1900 }} 1900w,{{ product.image | product_image_url | constrain: 2100 }} 2100w,"
        data-sizes="auto"
        data-zoom="{{ product.image | product_image_url | constrain: 1500 }}"
      >
    </div>
    {% if product.images.size > 1 %}
      <div class="secondary-product-image-container secondary-product-image-container--thumbs {% if theme.secondary_product_images == 'full' %}has-full{% endif %}">
        {% for image in product.images %}
          <div class="product-image-link secondary-product-image-link secondary-product-image-link--thumbs{% if forloop.index == 1 %} active{% endif %}" data-url="{{ image | product_image_url | constrain: 1000 }}" data-srcset="
                  {{ image | product_image_url | constrain: 400 }} 400w,{{ image | product_image_url | constrain: 550 }} 550w,{{ image | product_image_url | constrain: 800 }} 800w,{{ image | product_image_url | constrain: 1050 }} 1050w,{{ image | product_image_url | constrain: 1300 }} 1300w,{{ image | product_image_url | constrain: 1700 }} 1700w,{{ image | product_image_url | constrain: 1900 }} 1900w,{{ image | product_image_url | constrain: 2100 }} 2100w," data-zoom="{{ image | product_image_url | constrain: 1500 }}">
            <img class="product-image secondary-product-image" src="{{ image | product_image_url | constrain: 1000 }}" data-zoom="{{ image | product_image_url | constrain: 1500 }}" alt="{{ product.name | escape }}">
          </div>
        {% endfor %}
      </div>
      {% if theme.secondary_product_images == 'full' %}
        <div class="secondary-product-image-container secondary-product-image-container--full">
          {% for image in product.images offset: 1 %}
            <div class="product-image-link secondary-product-image-link"                 data-srcset="
                  {{ image | product_image_url | constrain: 400 }} 400w," data-zoom="{{ image | product_image_url | constrain: 1500 }}">
              <img
                alt="{{ product.name | escape }}"
                class="product-image secondary-product-image product-image-zoom blur-up lazyload"
                src="{{ image | product_image_url | constrain: 100 }}"
                data-srcset="
                  {{ image | product_image_url | constrain: 400 }} 400w,"
                data-sizes="auto"
                data-zoom="{{ product.image | product_image_url | constrain: 1500 }}"
              >
            </div>
          {% endfor %}
        </div>
      {% endif %}
    {% endif %}
  </div>