# 各商品にサイズチャートを追加する方法

## **学べること**

* 商品のサイズチャート用メタフィールドの作成方法
* カスタムサイズチャートページを個別の商品にリンクする方法
* 商品ページの「追加情報」ブロック内に各チャートを表示する方法

***

### 🧩 概要

このチュートリアルでは、次を使って各商品に異なるサイズチャートを割り当てる手順を案内します **Shopifyのメタフィールド** および **テーマエディタ**。これは、異なるサイズ基準を持つ複数のブランドや商品カテゴリーを販売するストアに便利です。

> 💡 サイズチャートと同じ手順で、ケア指示や素材の詳細など、商品固有の他の情報を表示することもできます。

***

### ステップ1：商品メタフィールドを作成する

1. あなたの管理画面から **Shopify 管理画面**に移動し、 **設定**
2. クリック： **カスタムデータ**、次に選択 **製品**
3. クリック： **定義を追加**

メタフィールドを次のように構成します：

* **名前**: `サイズチャート`
* **ネームスペースとキー**: `custom.size_chart`
* **タイプ**: `ページ`
* クリック： **保存**

***

### ステップ2：サイズチャートページを作成する

1. 管理画面のサイドバーで、 **オンラインストア > ページ**
2. クリック： **ページを追加**
3. ページのタイトルを商品タイプやブランドに基づいて付けます（例：「メンズジャケット サイズチャート」）
4. チャートの内容を追加します：
   * Google Sheetsの表をコピー＆ペーストできます
   * またはPhotoshop、Canvaなどで作成したチャートの画像をアップロードします
5. ページが **公開されていることを確認してください**、次にクリックします **保存**

> 💡 使用する各ユニークなサイズチャートごとにこの手順を繰り返して追加ページを作成してください。

***

### ステップ3：商品にサイズチャートを割り当てる

1. 移動先： **製品** 管理画面で
2. サイズチャートを割り当てたい商品を選択します
3. 下にスクロールして、次を見つけます： **メタフィールド** セクション
4. ファイルブラウザで次のファイルを見つけます： **サイズチャート** メタフィールド
5. その商品のサイズチャート用に作成した正しいページを選択します
6. クリック： **保存**

***

### ステップ4：テーマエディタでメタフィールドを接続する

1. を開く **テーマエディター**
2. に移動し、 **商品ページテンプレート**
3. を追加するか選択します、 **追加情報** ブロック
4. を変更して、 **タイトル** および **アイコン** をブランドに合わせます（例：「サイズチャート」）

次に：

5. の横にある **情報ページ** 設定で、 **動的ソースアイコン（🔗）をクリックします**
6. を選択します **サイズチャート** メタフィールド（`custom.size_chart`)
7. クリック： **保存**

***

### ✅ 完了です！

これで、商品ページの **追加情報** トグルをクリックすると、その商品のメタフィールドを通じてリンクされた特定のサイズチャートが読み込まれます。

> 🎉 このワークフローは、ケア指示、素材の種類、保証情報など、他の商品固有のコンテンツにも再利用できます。

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/advanced/how-to-add-size-charts-to-each-product.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.