如何在 shopify liquid 文件中获取特定的产品图片？

Question

是否可以在 shopify liquid 文件中调用或获取特定产品图片？

我的意思是是否可以通过句柄或 ID 获取特定图像。液体是否有用于该目的的过滤标签。

有了资产 url，这是可能的。

{{ 'my-image.png' | asset_url }}

但我只是想知道产品图片是否可行。

像这样： {{ product.images | product_img_url: 'red-xl-vertical-product' }}

希望你明白了。

我有一个用例，其中必须在产品页面上调用特定产品图像，而不是循环显示所有产品图像。

product.liquid 文件中是否有 API 用于通过 ID 或句柄而不是图像索引获取特定产品图像的方法？

或者有人可以建议除了将它们存储在资产文件夹中之外的替代方案吗？

这是我试过的。但不工作！ {{ product.images | where: 'id', '1785281087' | img_url }}

Answer 1

你说得对！只需稍作更改即可使其正常工作。

您错过的是您忘记将其分配给变量以使过滤器 where 起作用！

这可以使用以下技巧来实现：

首先您需要将产品媒体分配给一个变量

{% assign images = product.media | where: "alt", "primary-image" %}

那么你可以获得img_tag

<div>
  {{ images[0] | img_tag }}
</div>

这是完整的片段。

{% assign images = product.media | where: "alt", "main-image" %}

<div>
  {{ images[0] | img_tag }}
</div>

How to get particular product image in shopify liquid file?