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

**URL:** <https://community.shopify.com/t/dawn/197876>\
**Category:** Shopify テーマ\
**Created:** [March 8, 2023, 7:54am UTC](https://community.shopify.com/t/dawn/197876 "2023-03-08T07:54:50Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

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

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

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

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

<div class="post-metadata">

**Author:** ![mk777](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@mk777](https://community.shopify.com/u/mk777)\
**Post date:** [March 8, 2023, 7:54am UTC](https://community.shopify.com/t/dawn/197876/1 "2023-03-08T07:54:50Z")

</div>

テーマは、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/](https://www.identixweb.com/how-to-create-custom-product-template-in-shopify-themes/)

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

すみません。

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

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

---

<div class="post-metadata">

**Author:** ![mk777](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@mk777](https://community.shopify.com/u/mk777)\
**Post date:** [March 8, 2023, 10:00am UTC](https://community.shopify.com/t/dawn/197876/2 "2023-03-08T10:00:29Z")

</div>

自己解決しました。

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

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

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

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

```