首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >共享流-图像滤波器

共享流-图像滤波器
EN

Stack Overflow用户
提问于 2022-10-13 08:12:35
回答 1查看 75关注 0票数 1

我试图建立一个流,当有一个特殊的订单时,发送内部电子邮件-由Shopify流触发。

除了图像URL之外,一切都正常工作。

传统上,在液体+ HTML中,您可以编写:

代码语言:javascript
运行
复制
{{ product| img_url: '200x200' }}
{{ product.image | img_url: '200x200' }}
{{ product.featuredImage | img_url: '200x200' }}
{{ product | image_url: width: 200, height: 200 }} 

我试着在Shopify流中做同样的事情,但是这些都不起作用,而且文档中没有任何关于图像的内容。

它们确实具体规定:

“如果未指定转换选项,则将保留原始图像,包括任何预先应用的转换。”

我找到了这份文件..。但只适用于GraphQL。没有关于Shopify流的例子。

现在,这是我所拥有的,但它呈现的图像是全尺寸的。我可以用CSS来调整它的大小,但是这些会很快占用我的电子邮件存储空间:

代码语言:javascript
运行
复制
{% for item in order.lineItems %}
  <img src="{{ item.image.url }}" /> // <--------- HERE
{{ item.title}} - {{ item.sku }} - {{ item.quantity }}
{% endfor %}

这些是我得到的错误代码:

代码语言:javascript
运行
复制
Liquid error: undefined filter img_url
Liquid error: undefined filter product_img_url
Liquid error: undefined filter img_tag
Liquid error: undefined filter img_tag_url

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-10-16 07:19:02

谢谢保罗的评论。

我添加了字符串过滤器来构建url:

代码语言:javascript
运行
复制
{{ item.image.url | replace: '.png', '_100x100.png' | replace: '.jpg', '_x100x100.jpg'}}

这对于电子邮件来说很好。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74052469

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档