如何在 shopify 液体文件中获取特定的产品图像？答案

【问题标题】：How to get particular product image in shopify liquid file?如何在 shopify 液体文件中获取特定的产品图像？
【发布时间】：2021-10-20 16:25:02
【问题描述】：

是否可以调用或获取 shopify 液体文件中的特定产品图像？

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

使用资产 url，这是可能的。

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

但我只是想知道产品图片是否可以做到这一点。

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

我希望你明白了。

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

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

或者除了将它们存储在资产文件夹中之外，有人可以提出其他替代方案吗？

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

【问题讨论】：

【解决方案1】：

你是对的！只需稍作改动即可使其正常工作。

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

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

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

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

那么你就可以得到img_tag

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

这是完整的sn-p。

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

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

【讨论】：