ruby - 如果产品标签包含 - 在 shopify

Question

所以我基本上是在尝试使用 shopify 的逻辑在产品标签包含“相关”字样时显示图片

(有一个 json 查询选择包含“related-x”的标签，其中 x 是产品的名称，它使用它来显示相关产品。)

在 Json 查询之前是一张基本上表示“相关产品”的图像。我想做的是仅在存在“相关”标签时才显示它。

我试过这个:

{% if product.tags contains 'related' %}              
          <img src="{{ 'complete-this-look.gif' | asset_url }}" alt="" align="left;" style="vertical-align:top; margin-right:8px; padding-top:0px;" width="130" height="175"/>
{% endif %}

什么都不显示。我也试过:

{% for t in product.tags %}
{% if t contains 'related-' %}
<img src="{{ 'complete-this-look.gif' | asset_url }}" alt="" align="left;" style="vertical-align:top; margin-right:8px; padding-top:0px;" width="130" height="175"/>
{% endif %}
{% endfor %}

然而，每次查询返回相关产品时，这都会显示图像。

我想要的是它去 (Image) (Query Results) - 如果没有查询结果，那么它什么都不显示。

有什么想法吗？

Answer 1

你的第一段代码不工作的原因是因为 contains正在寻找名为“related”的标签，而不是包含子字符串“related”的标签。

参见 Shopify Wiki for contains它指出:

It can check for the presence of a string in another string, or it can check for the presence of a string in an array of simple strings.

在您的实例中，contains正在检查简单字符串数组中的字符串(并且正在查找整个字符串，而不是包含指定字符串作为子字符串的字符串)。

另见 Shopify wiki for product.tags :

Returns a list of the product's tags (represented by simple strings).

You can use the contains keyword with an array of simple strings, soyou can use this with a product's tags:

{% if product.tags contains 'custom to order' %}
<!-- Output custom to order form HTML here -->
{% endif %}

所以，Gerard Westerhof建议使用 Join在上面的评论中是一个很好的。如果您先加入product.tags数组，然后是 contains将在 join 返回的标签字符串中搜索“相关”字符串.

试试这个:

{% if product.tags | join: ' ' contains 'related' %}
    <img src="{{ 'complete-this-look.gif' | asset_url }}" alt="" align="left;" style="vertical-align:top; margin-right:8px; padding-top:0px;" width="130" height="175"/>
{% endif %}

编辑:

试试这个:

{% assign product_tags_string = product.tags | join: ' ' %}
{% if product_tags_string contains 'related' %}
    <img src="{{ 'complete-this-look.gif' | asset_url }}" alt="" align="left;" style="vertical-align:top; margin-right:8px; padding-top:0px;" width="130" height="175"/>
{% endif %}