Question

我正在尝试将客户购买的产品图片添加到订单确认电子邮件通知中。我目前正在尝试使用它作为我的尝试：

<img src="{{ line.line_item | img_url: 'small' }}">

我是根据this page尝试过的。我也尝试了以下内容：

{{ item.product.featured_image | product_img_url | img_tag }}

两种方式都没有效果。所有我回来的都是占位符图片，上面写着“没有图片”。这让我相信我的语法是正确的，但Shopify无法找到我正在寻找的图像。我在管理页面中为产品设置了一个图像，并确保我有一个大图像和一个较小的图像，以及在变体上设置图像（尽管只有默认的，该产品的一个变体）。它都不起作用。有没有人有这方面的经验，可以指出我正确的方向？

谢谢！

Answer 1

感谢同事的帮助，我们明白了这一点。循环浏览line_items时，请执行以下操作以获取图像：<img src="{{ line.product.featured_image | product_img_url: 'thumb' }}">并输出图像。您可以使用许多不同的图像尺寸代替'thumb'。 Check those out here

希望这有助于其他人！

Answer 2

默认的订单确认电子邮件模板使用img_url过滤器：

{% for line in line_items %}
  <li>
    <img src="{{ line | img_url: 'small' }}" /> 
    {{ line.quantity }}x {{ line.title }} for {{ line.price | money }} each
  </li>
{% endfor %}

这比使用line.product.featured_image更可取，因为它会显示订单项的变体图片（如果存在）。

来自Shopify docs for img_url：

对于line_item，系统会返回订单项变体图片的网址。如果变体没有指定的图像，则会返回产品特色图片的网址。

或者，您可以将<img src="{{ line | img_url: 'small' }}" />替换为使用img_tag过滤器的任何选项：

{{ line | img_url: 'small' | img_tag }} // my preferred option

{{ line | img_tag }} // default size is 'small'

{{ line | img_tag: 'alt text', 'class1', 'thumb' }} // thumbnail image with alt text and CSS class

Shopify - 将图像添加到通知电子邮件中

2 个答案: