0

Shopify で、画像の ALT タグ (メイン画像の下に表示) が画像ズームで変更されません。

ここに画像の説明を入力

私はShopifyの「供給」テーマを使用しています.product.liquidの下の画像のコードは次のとおりです

<div class="grid-item large--eleven-twelfths text-center">

    <div class="product-photo-container" id="productPhoto">
      {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
      <img id="productPhotoImg" src="{{ featured_image | img_url: 'large' }}" alt="{{ featured_image.alt | escape }}" {% if settings.product_image_zoom_enable %} data-zoom="{{ featured_image | img_url: '1024x1024' }}"{% endif %}>
      <span> {{ product.featured_image.alt | escape }} </span>         
    </div>

    {% if product.images.size > 1 %}
      <ul class="product-photo-thumbs grid-uniform" id="productThumbs">

        {% for image in product.images %}
          <li class="grid-item one-quarter">
            <a href="{{ image.src | img_url: 'large' }}" class="product-photo-thumb">
              <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">

            </a>
          </li>
        {% endfor %}
      </ul>
    {% endif %}
</div>

ここに投稿された回答: https://stackoverflow.com/a/27837584/1266584

4

2 に答える 2

1

Magic Zoom を手動でセットアップしようとしています。Magic Zoom PlusのShopifyアプリを使用すると、はるかに簡単になります. これは Magic Zoom の上位バージョンであることに注意してください。こちらの Shopify サイトにあります: https://apps.shopify.com/magic-zoom-plusアプリなので、インストールするだけで、テンプレートを手動で編集する必要はありません。

于 2015-01-08T04:42:44.530 に答える