基本 Shopify - 使用来自 settings_scheme.json 的图像

Question

我可以在我的主题中创建一个选项来上传 2 张图片。这些将作为首页启动的一部分出现在轮播中。

我在 settings_scheme.json 文件中使用以下代码实现了这一点：

[
  {
    "name": "Homepage Splash",
    "settings": [
      {
        "type": "paragraph",
        "content": "Choose images for homepage splash"
      },
      {
        "type": "image",
        "id": "slideshow_1.jpg",
        "label": "Image 1"
      },
       {
        "type": "image",
        "id": "slideshow_2.jpg",
        "label": "Image 2"
      }
    ]
  }
]

我的问题是，我现在如何访问这两个图像以将它们显示为我的 'homepage-splash.liquid' 的一部分？查看其他模板代码应该是这样的：

{% for i in (1..2) %}
<img src='{% capture image %}slideshow_{{ i }}.jpg{% endcapture %}'>
{% endfor %}

但这在 html 中没有输出任何内容。我确信这是我所缺少的非常基本的东西，因为我是 Shopify 的新手。请有人建议，它真的会帮助我进一步发展。谢谢，DB

Answer 1

您的代码应如下所示

{% for i in (1..2) %}
    {% capture image %}slideshow_{{ i }}.jpg{% endcapture %}
    <img src="{{ image | asset_url }}"/>
{% endfor %}

基本 Shopify - 使用来自 settings_scheme.json 的图像

Basic Shopify - using an image from settings_scheme.json

shopify