在 Shopify 中，在变体选择器按钮上显示变体图像

问：

我见过一些解决方案，但没有一个我可以使用。

我有一个使用 Dawn 的 shopify 商店。 产品变型名称对用户不友好，我不想更改变型名称。 我想显示我知道存在的变体图像。

我想我需要一种方法来引用变体图像。如果有其他方法可以做到这一点，我很高兴地欣赏其他选择。

下面是我的代码。我尝试了几个产品的参考资料。products_variant。或变体。但我似乎无法获取背景 URL 来查找变体图像。任何帮助都是值得赞赏的。谢谢

{% comment %}    variant_image_button_v1   {% endcomment %}
      {%  if option.name == "Color" %}
           <label style="background-image:url({{ 'image_url' | url: '200x' }})" 
                 for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
             <span class="visually-hidden">{{ 'products.product.variant_sold_out_or_unavailable' | t }}</span>
           </label>

        
       {% else  %} 
          <label for="{{ section.id }}-{{ option.position }}-{{ forloop.index0 }}">
            {{ value -}}
            <span class="visually-hidden">{{ 'products.product.variant_sold_out_or_unavailable' | t }}</span>
          </label>
       {% endif %}