各商品にサイズチャートを追加する方法
あなたが学ぶこと
製品用のサイズチャートメタフィールドを作成する方法
カスタムサイズチャートページを個々の製品にリンクする方法
各チャートを商品ページの「追加情報」ブロック内に表示する方法
🧩 概要
このチュートリアルでは、次の方法を使用して各製品に異なるサイズチャートを割り当てる手順を説明します： Shopifyのメタフィールド と テーマエディタ。これは、複数のブランドや異なるサイズ基準を持つ製品カテゴリを販売する店舗に役立ちます。
💡 同じ手順を使って、ケア指示や素材の詳細など、製品ごとの他の種類の情報を表示することもできます。
ステップ1：製品メタフィールドを作成する
管理画面の Shopify 管理画面から、に移動します 設定
クリック カスタムデータ、次に選択します 商品
クリック 定義を追加
メタフィールドを次のように設定します：
名前:
サイズチャート名前空間とキー:
custom.size_chartタイプ:
ページクリック 保存
ステップ2：サイズチャートページを作成する
管理画面のサイドバーで、に移動します オンラインストア > ページ
クリック ページを追加
ページのタイトルは製品タイプやブランドに基づいて付けます（例：「メンズジャケット サイズチャート」）
チャートの内容を追加します：
Google スプレッドシートの表をコピー＆ペーストできます
または Photoshop、Canva などで作成したチャートの画像をアップロードします
ページが 公開されている、次にクリックします 保存
💡 使用する各ユニークなサイズチャートごとに追加のページを作成するため、この手順を繰り返してください。
ステップ3：製品にサイズチャートを割り当てる
に移動 商品 管理画面で
サイズチャートを割り当てたい製品を選択します
下にスクロールして、次を探します メタフィールド セクション
ファイルブラウザで サイズチャート メタフィールド
その製品のサイズチャート用に作成した正しいページを選択します
クリック 保存
ステップ4：テーマエディタでメタフィールドを接続する
を開く テーマエディター
に移動します 商品ページテンプレート
を追加するか選択します 追加情報 ブロック
を変更して、 タイトル と アイコン ブランドに合わせます（例：「サイズチャート」）
次に：
の横にある 情報ページ 設定で、をクリックします 動的ソースアイコン（🔗）
を選択します サイズチャート メタフィールド（
custom.size_chart)クリック 保存
✅ 完了です！
これで、製品ページの 追加情報 トグルをクリックすると、その製品のメタフィールドを通じてリンクされた特定のサイズチャートが読み込まれます。
🎉 このワークフローは、ケア指示、素材の種類、保証情報など、他の製品固有のコンテンツにも再利用できます。
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新