shopify - 在自定义部分中使用 shopify image_picker 时图像不显示

Question

我在 Shopify 主题中创建了一个自定义部分。在 {%schema%} 标记中，这是我的代码:

{% schema %}
 {
     "name": "about",
     "settings": [
                    {
                        "type": "text",
                        "label": "Heading",
                        "id": "heading"
                    },
                    {
                        "type": "richtext",
                        "label": "description",
                        "id": "description"
                    }

                ],
        "blocks" : [
            {
                "type": "image",
                "name" : "image block",
                "settings" : [
                    {
                        "type": "image_picker",
                        "label": "your image",
                        "id" : "image"
                    }
                ]
            }
        ],
    "presets": [{
    "name": "about",
    "category": "image",
        }]
    }
}
 {% endschema %} 

文本和富文本以及上传图像的选项都可以正常工作，但是图像不会在页面上呈现。它只显示典型的图像未找到图标。

这是我尝试显示图像的方式:

{% for block in section.blocks %}
    <img src="{{ block.settings.image | image_url:'master'}}"/>
{%endfor%}

我什至尝试过上传“免费图片”。

Answer 1

更改| image_url 过滤为 | img_url