在 shopify 中获取图像源需要帮助 image_picker

Question

这是当前代码：

<img src="{{ block.settings.imageId| img_url: 'large'}}" />

{% schema %}
{
    "name": "Single Mobile Image",
"class": "mobile-index-section",
"max_blocks": 1,
    "blocks": [
        {
            "type": "image_picker",
            "name": "Mobile Image",
        "settings": [
            {
            "type": "image_picker",
            "id": "imageId",
            "label": "Mobile Image"
          }
        ]
    }
],
"presets": [
  {
    "name": "Custom Mobile Image",
    "category": "Image",
    "blocks": [
      {
        "type": "image_picker"
      }
    ]
  }
]
}
{% endschema %}

使用{{ block.settings.imageId|时img_url：'large'}}，我没有得到使用图像选择器在 shopify 自定义中添加的图像。

请帮我找出我哪里做错了。

Answer 1

sections.blocks是一个数组元素，你需要循环它或者针对特定的索引。

在你的情况下 {{ section.blocks[0].settings.imageId | img_url: '1024x'}} 会给你第一个区块。

此外，不要使用命名尺寸，它们已被弃用：https://shopify.dev/docs/themes/liquid/reference/filters/deprecated-filters#named-size-parameters。

在 shopify 中获取图像源需要帮助 image_picker

Need help in getting image source in shopify image_picker

shopify

shopify-template