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

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，返回订单项变体图片的网址。如果变体没有指定图片，则返回产品特色图片的 URL。

或者，您可以将<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