Shopify 的新主题编辑器未显示自定义部分

Question

随着新主题编辑器的发布，我被分配使用 Shopify 的新主题构建器框架来构建新客户的网站。

一切都很好，只是当我在后端创建一个新的“部分”时，它没有出现在主题编辑器的“部分”区域中。

知道这里出了什么问题吗？是否有另一个 JSON 文件与我缺少的部分相关联？

<div id="callToActions">
  <div class="grid grid--no-gutters">
    <div class=""></div>
  </div>
</div>



{% schema %}
{
  "name": "Call to Actions",
  "class": "index-section index-section--flush",
  "settings": [
    {
      "id": "cta_1_title",
      "type": "text",
        "label": "CTA 1 Title",
      "default": "Dryups Specials"
    }
  ]
}
{% endschema %}

Answer 1

你快到了，只是缺少一件事。只有定义了预设的部分才会显示为要添加的选项。

此更新将使其显示：

{% schema %}
{
  "name": "Call to Actions",
  "class": "index-section index-section--flush",
  "settings": [
    {
      "id": "cta_1_title",
      "type": "text",
      "label": "CTA 1 Title",
      "default": "Dryups Specials"
    }
  ],
  "presets": [{
    "name": "Call to Actions",
    "category": "Text"
  }]
}
{% endschema %}

注意类别。如果省略，它将在 Miscellaneous 下结束。