👌

.json 【拡張子】について

2022/11/08に公開

Shopifyのテンプレートフォルダは、すべて.jsonの拡張子ファイルで作成されています。

JSONについて

JSONは、JavaScript Object Notationの略です。
JavaScriptのオブジェクトの書き方を元にしたデータ定義方法であることを意味します。

404.jsonのコードはこのようになっています。

404.json
{
  "sections": {
    "main": {
      "type": "main-404"
    }
  },
  "order": [
    "main"
  ]
}

テンプレートファイルの構造について

テンプレートファイルはオブジェクトの中にsectionsorderプロパティが記述されています。

sectionsはセクションを示し、orderはセクションの順序を示しています。

{
  "sections": {
  "(1個目のセクションIDの末尾)"{
     
     }
     ~
  "(n個目のセクションIDの末尾)"{
     
     }
  },
  "order": [
  "(1個目のセクションIDの末尾)",
         ~
  "(n個目のセクションIDの末尾)"
  ]
}

{% schema %}タグについて

sectionファイルの{% schema %}もjsonとなっています。

{% schema %} 
  {
    ~コード~
  }
{% endschema %} 

Discussion