Dawnで商品ページを複製してコレクション毎に商品ページを作りたい

Topic summary

ユーザーはDawn 3.0テーマでコレクション毎に異なる商品ページを作成しようとしていました。

当初の問題:

  • 新しいテンプレート product.a.liquid を作成し、main-product.liquid の内容をコピーしたところ、{% javascript %} タグでsyntaxエラーが発生
  • コメントアウトしても別のエラーが続出
  • テンプレートファイル内にJavaScriptを直接保存できないことが原因と判明

解決方法(自己解決):

  • Dawn 2.0以降ではテンプレートをJSON形式で作成する必要がある
  • 既存の商品ページを sections フォルダ内で複製して使用
  • 新しいセクションファイルを先に作成・保存してから、JSONテンプレートを保存する順序が重要
  • JSONテンプレート内の "type": "custom-****-product" 部分を、新しく作成したセクションファイル名と一致させる

注意点:
JSONテンプレートを先に保存しようとすると、セクション名との関連が見つからないエラーが発生します。

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

テーマは、Dawn version3.0を使っています。
この度、コレクション毎に商品ページを作ることになりました。

それで、テーマのコードの編集画面で新しいテンプレートを作るを選択して、product.a.liquidを作りました。
でも空なので、sectionの中にあるmain-product.liquidの中身をコピーして、作ろうとしました。
とりあえずコピペで貼り付けて保存しようとしたら、{% javascript %}が有る行が、syntaxエラーになりました。
タグが無いという内容でした。
それでこの{% javascript %}から{% endjavascript %}をコメントアウトしました。
でも、今度は、別の場所でsyntaxエラー別の内容でタグが無いと表示されました。

テンプレートとしては、Javascriptをファイルの中に保存できないのでしょうか?
現在の商品ページを活かして、新しくテンプレートを作りコレクション単位で商品に設定したいと思っています。

Dawnで商品ページを複製する方法を、ご教示いただけますと幸いです。

すみません。

今、こちらのページを確認しました。

https://www.identixweb.com/how-to-create-custom-product-template-in-shopify-themes/

2.0のテーマので、JSONで作らないといけないですね。

すみません。

そして、sessionのフォルダの中で、今の商品ページを複製して使えばよいですね。

ほぼ自己解決した感じですが、続報を書きたいと思います。

自己解決しました。

ただ下記のJSONのコードで、セクション名を変えるタイミングですが、セクションを新しく作り保存してから、テンプレートに新しく作ったJSONのファイルを保存してください、

先にJSONのテンプレートを保存しようとすると、セクション名と関連が見つからないという内容のエラーが出てしまいます。

custom-****-product をセクションで作った新しいファイル名と一致させてください。

"main": {
      "type": "custom-****-product",
      "blocks": {
        "vendor": {
          "type": "text",
          "settings": {
            "text": "{{ product.vendor }}",
            "text_style": "uppercase"
          }
        },