首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法通过url添加shopify图像

无法通过url添加shopify图像
EN

Stack Overflow用户
提问于 2022-06-13 12:20:15
回答 1查看 452关注 0票数 0

对于此代码,我遇到了困难:

代码语言:javascript
运行
复制
<!doctype html>
<html>
<head>
<title>{{ page_title }}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="{{ page_description | escape }}">
<link rel="canonical" href="{{ canonical_url }}">
<link rel="stylesheet" href="{{ 'some.css' | asset_url }}" type="text/css">

<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
{{ content_for_header }} <!-- Header hook for plugins -->
{{ 'bootstrap.min.css' | asset_url | stylesheet_tag }}

</head>
<body>
{% section 'header'%}
<img src="{{section.settings.image | img_url}}" alt="">
<main role="main">
{{ content_for_layout }}
</main>
{{ 'bootstrap.min.js' | asset_url | script_tag }}
{{'https://cdn.shopify.com/s/files/1/0585/4674/9577/files/Untitled-1.jpg?v=1655109717' | 
img_url: '150x'| image_tag'}}

</body>
</html>

图像的错误是:

液体错误: image_tag的输入必须是image_url

EN

回答 1

Stack Overflow用户

发布于 2022-06-13 20:05:33

正如在文档和错误中所写的,为了使用HTML,您需要提供一个宽度或高度的image_url过滤器。另外,不推荐使用过滤器img_url

我假设这个映像存储在Shopify存储的文件中,所以最好使用带有img过滤器的file_img_url标记。

代码语言:javascript
运行
复制
<img src="{{ 'Untitled-1.jpg' | file_img_url: '150x' }}" alt="Image">
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72602748

复制
相关文章

相似问题

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