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

## **学べること**

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

***

### 🧩 概要

このチュートリアルでは、次を使って各商品に異なるサイズチャートを割り当てる手順を案内します **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）に当社ウェブサイトで直接対応