Shopify 二次開發(fā) 添加自定義部分

<!--HTML和Liquid標(biāo)簽編輯區(qū)-->
{% schema %}
<!--Schema  Settings 引用和設(shè)置-->
  {
    "name": "Section name",
    "settings": []
  }
{% endschema %}
{% stylesheet %}
<!-- stylesheet 編輯區(qū) -->
{% endstylesheet %}
{% javascript %}
<!-- javascript 編輯區(qū) -->
{% endjavascript %}

 Schema Settings引用和設(shè)置API

3、修改mysection.liquid文件內(nèi)容

<div id="textsection">
  <div class="simpletext">
    <!--{{ section.settings.text-box }} 為 liquid 標(biāo)簽 與下面 settings 的 id 對應(yīng)-->
    <h1> {{ section.settings.text-box }} </h1>
    <h3> {{ section.settings.text }} </h3>
  </div>
</div>
{% schema %}
{
  // "name": "Text Box",  // 部分的名稱 這里建議采用多語言寫法避免因為設(shè)置的語言格式而出錯，寫法如下 
  "name": {
    "da": "Diasshow",
    "de": "Slideshow",
    "en": "mySection",
    "es": "Diapositivas",
    "fi": "Diaesitys",
    "fr": "Diaporama",
    "hi": "????????",
    "it": "Presentazione",
    "ja": "スライドショー",
    "ko": "???? ?",
    "ms": "Tayangan slaid",
    "nb": "Lysbildefremvisning",
    "nl": "Diavoorstelling",
    "pt-BR": "Apresenta??o de slides",
    "pt-PT": "Apresenta??o de diapositivos",
    "sv": "Bildspel",
    "th": "?????????",
    "zh-CN": "我的部分",
    "zh-TW": "投影片輪播"
  },
  "settings": [
    {
      "id": "text-box",
      "type": "text",
      "label": "Heading",
      "default": "Title"
    },
    {
      "id": "text",
      "type": "richtext",
      "label": "Add custom text below",
      "default": "<p>Add your text here</p>"
    }
  ]
}
{% endschema %}