Image 如何在shopify中将特定产品图像设置为备选/悬停图像？

hover函数运行良好，但我想将带有特定ALT标记的图像设置为悬停图像

这不管用

{% for image in product.media %}
{%if image.alt == variant.featured_media.alt %}
{% capture hover_img %}
<img src="{{ image }}">
{% endcapture %}
{% endif %}
{% endfor % }

{%用于product.media%}
{%if image.alt==variant.featured_media.alt%}
{%capture hover_img%}
{%endcapture%}
{%endif%}
{%endfor%}

任何帮助都将不胜感激

这是与悬停功能相关的代码：

 {% if double_img %}
        <div class="collection__image__bottom lazyload lazypreload" data-bgset="{% render 'bgset', image: hover_img %}" role="img" aria-label="{{ product.media[1].alt }}"></div>
      {% endif %}

{%if-double\u img%}
{%endif%}

您能描述一下悬停图像的含义吗？向我们展示一些与悬停功能相关的代码。现在，您向我们展示的剪贴画只为

hover\u img

变量赋值。另外，if操作会将当前图像alt文本与字符串“variant.featured_media.alt”进行比较，我怀疑您实际上需要它来与该变量的值进行比较，类似于这样的

{%if image.alt==variant.featured_media.alt%}

谢谢您的评论。是的，对不起，这是我自己的代码，我已经修复了它，通过删除引号将其与变量的值进行比较。代码太简单了，但它是我想要做的一个要点。我还添加了一些与悬停函数相关的代码。那么，还有什么不能更准确地工作呢？

double\u img

的值是否错误？此外，我仍然不确定如何使用

double\u img

在悬停时可见，您仍然需要一些CSS或JS来使用该变量的值。目前，它是空白/白色的，并且没有显示double\u img。但是，如果我将数据bgset=“{%render'bgset'，image:hover\u img%}”中的hover\u img替换为product.featured\u media[1]，则它可以工作，但会显示第二个产品特色图像