使用块渲染部分使用部分渲染 API

Question

我使用 Section Rendering API 来呈现部分的内容，但问题是它无法呈现该部分拥有的块。

例子：

<div class="section-blocks">
    {%- for block in section.blocks -%}
        {%- case block.type -%}
            {%- when 'title' -%}
                <span>This is title</span>
            {%- when 'text' -%}
                <span>This is text</span>
        {%- endcase -%}
    {%- endfor -%}
</div>

{% schema %}
{
    "name": "Demo section",
    "tag": "section",
    "class": "demo-section",
    "settings": [],
    "blocks": [
        {
            "type": "title",
            "name": "the_title",
            "settings": []
        },
        {
            "type": "text",
            "name": "the_text",
            "settings": []
        }
    ]
}
{% endschema %}

一般会显示如下内容：

<div class="section-blocks">
    <span>This is title</span>
    <span>This is text</span>
</div>

但是使用Section Rendering API时，内容只有：

<div class="section-blocks"></div>

Section Rendering API 不支持渲染块？ 还是我错过了文档或教程？

谁能给我解释一下，谢谢！

Answer 1

你错过了很多。

1. 部分和块是主题的一部分，应使用 Shopify 管理面板上的主题/自定义进行更新。

2. 您可以基于主题上的 JSON 模板在任何页面上使用部分，您可以添加和删除部分。

3. 部分可以包含块，块是部分的可定制部分。要激活/停用块，您应该在管理面板上使用自定义。

因此，Sections 是一种为主题提供灵活性的好方法，而 Blocks 是一种灵活地做部分的好方法。使用部分和块可以轻松地更改网站的外观，而无需使用自定义上的可视化编辑器进行代码知识。