Shopify显示每个Variant的Alt图像

Question

我在shopify帐户中有不同的图像，每个图像都有自己的alt标签。我想让每个图像下都显示单独的alt标签。如果我使用{{image.alt | escape}}，它只显示所有变体图像的一个替代名称。因此，如果图像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标记没有设置输出每个图像下的产品称号。在为每个图像输入替代文本（从管理区域的产品页面）后，您的代码段按预期工作，并在每个产品图像下输出相应的替代标记。