Shopify:从for循环获取图像URL
我是新来购物的。我已经开始实现主题定制,并为图像和链接创建了一个重复的动态部分。现在我遇到的问题是,当我尝试获取该值时,它没有显示任何内容,但当我检查调试时,我发现了这个 这是我的密码Shopify:从for循环获取图像URL,shopify,Shopify,我是新来购物的。我已经开始实现主题定制,并为图像和链接创建了一个重复的动态部分。现在我遇到的问题是,当我尝试获取该值时,它没有显示任何内容,但当我检查调试时,我发现了这个 这是我的密码 {{section.settings.text-box} {section.blocks%中的块的%s} {{block.settings}} {%endfor%} {%schema%} { “名称”:“图像滑块部分”, “设置”:[ { “id”:“文本框”, “类型”:“文本”, “标签”:“标题”,
{{section.settings.text-box}
{section.blocks%中的块的%s}
{{block.settings}}
{%endfor%}
{%schema%}
{
“名称”:“图像滑块部分”,
“设置”:[
{
“id”:“文本框”,
“类型”:“文本”,
“标签”:“标题”,
“默认值”:“图像滑块”
}
],
“区块”:[
{
“类型”:“选择”,
“名称”:“图像”,
“设置”:[
{
“id”:“链接”,
“类型”:“url”,
“标签”:“图像链接”
},
{
“id”:“图像”,
“类型”:“图像选择器”,
“标签”:“图像”
}
]
}
],
“预设”:[
{
“名称”:“图像滑块部分”,
“类别”:“自定义动态节”
}
]
}
{%endschema%}
{%stylesheet%}
{%endstylesheet%}
{%javascript%}
{%endjavascript%}
您正试图将图像对象作为src属性的值输出,而实际上您需要那里的URL。如Shopify文档中所定义:
在液体中,图像选择器设置的值为图像
对象(如果已选择并存在图像)或nil(如果是图像)
尚未选择,或图像不存在)。网站的URL
可以使用过滤器生成图像。图像对象也是
内置了对alt文本的支持
因此,使用nil-check和img\u-url过滤器,您的代码将
{% for block in section.blocks %}
{%if block.settings.link != nil and block.settings.image != nil%}
<div class="item">
<a href="{{ block.settings.link }}"><img src="{{ block.settings.image.src | img_url: "medium" }}" /></a>
</div>
{% endif %}
{% endfor %}
{%for section.blocks%}
{%if block.settings.link!=nil和block.settings.image!=nil%}
{%endif%}
{%endfor%}
谢谢。图像现在正在显示,但仍然存在链接问题。我正在添加一个第三方URL,但保存后它就消失了。