Shopify 显示每个变体的 Alt 图像答案

【问题标题】：Shopify Display Alt Image for each VariantShopify 显示每个变体的 Alt 图像
【发布时间】：2015-02-05 15:51:39
【问题描述】：

我在 shopify 帐户中有不同的图片，每张图片都有自己的 alt 标签。我希望在每个图像下显示单独的 alt 标签。如果我使用 {{ image.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 %}

【问题讨论】：

我们遇到了同样的问题，有没有运气解决这个问题？

标签： shopify

【解决方案1】：

确保您在管理员的产品页面中为每个图像提供了 alt 标签。

See here：

我测试了您的代码，当未设置 alt 标签时，它会在每张图片下输出产品标题。为每张图片输入 alt 文本后（从管理区域的 Products 页面），您的 sn-p 会按预期工作，并在每张产品图片下输出相应的 alt 标签。

【讨论】：