Shopify显示每个Variant的Alt图像

Question

我在shopify帐户中有变体图片，每张图片都有自己的alt标记。我想在每个图像下显示单独的alt标签。如果我使用{{image.alt |转义}}，它只显示所有变体图像的一个alt名称。因此，如果图像01具有“alt 01”，并且图像02具有“alt 02”，并且我尝试在页面上显示它们，则两者都显示“alt 01”。利用图像alt字段的任何事情？

  {% for image in product.images %}
    <li data-thumb="{{ image | product_img_url: 'large' }}" data-title="{{ image.alt | escape }}">
      <a href="{{ image | product_img_url: '1024x1024' }}" class="fancybox" rel="group" title="{{ image.alt | escape }}">
        <img src="{{ image | product_img_url: 'large' }}" alt="{{ image.alt | escape }}" itemprop="image" data-cloudzoom="zoomImage: '{{ image | product_img_url: '1024x1024' }}', tintColor: '{{ settings.shop_bg_color }}'" class="cloudzoom" /><br />
        {{ image.alt | escape }}
      </a>
    </li>
  {% endfor %}

Answer 1

确保您已在管理员的“产品”页面中为每个图片提供了alt标记。

See here：

我测试了你的代码，当没有设置alt标签时，它会在每个图像下输出产品标题。输入每个图像的替代文字后（从管理区域的“产品”页面），您的代码段按预期工作，并在每个产品图片下输出相应的alt标记。