shopifyテーマのコードカスタマイズの編集ができません　.jsonって何？

shopifyでどこまでカスタマイズ（フロントデザイン）できるのか試しています。

色々触ってみたり、調べてみたりして、自分でテーマをゼロから作るのは非効率だと感じたので、既存のテーマをカスタマイズしてデザインをつけていきたいと考えています。

今回使用しているテーマは「dawn」です。
template階層にあるファイルが各ページのファイルです。
HTML、CSS、JS、liquidで構成されているはずがなぜか拡張子が.jsonになってしまっていて思うように編集できません。html、liquidの記述をすると
・An error prevented index.json from being saved.
・Error: Invalid JSON: unexpected token
と表示されてしまいます。

なぜ拡張子が.jsonなのか。
変更する方法はないのか。
どのような記述をしたらいいのか。
調べてはみたのですが求めている記事が見つからずここで質問させていただいてます。
どなたかわかる方、ご教授いただけると嬉しいです。

行動規範の内容に同意します

回答1件

ベストアンサー

なぜ拡張子が.jsonなのか。
変更する方法はないのか。
どのような記述をしたらいいのか。

Shopifyテーマを開発するには、

新しいテーマを構築するには、ゼロから構築するか、参照テーマであるDawnをたたき台にして構築することができます。テーマの構築には、HTML、CSS、JavaScript、JSONと共に、Shopifyのテーマテンプレート言語であるLiquidを使用します。

と JSON も使うとありますよ。
また、上記文脈の「参照テーマであるDawn」のリンク先( dawn )を読むと

It uses Online Store 2.0 features, including JSON templates, which support app blocks and sections on all pages.

とありますので、Online Store 2.0 リンク先を読むと

Many Online Store 2.0 features rely on JSON templates. You can migrate a theme's templates to add support for these features by converting a Liquid template into a JSON template, and moving any required Liquid code or HTML into sections that you can include in the new JSON template.

とありますので、 Shopify で、Online Store 2.0 を使用するために、新しい JSON templates は必須なのだと思われます。

ということで、