search

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

hashtag
学べること

  • 商品のサイズチャート用メタフィールドの作成方法

  • カスタムサイズチャートページを個別の商品にリンクする方法

  • 商品ページの「追加情報」ブロック内に各チャートを表示する方法

hashtag
🧩 概要

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

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

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

  1. あなたの管理画面から Shopify 管理画面に移動し、 設定

  2. クリック： カスタムデータ、次に選択 製品

  3. クリック： 定義を追加

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

  • 名前: サイズチャート

  • ネームスペースとキー: custom.size_chart

  • タイプ: ページ

  • クリック： 保存

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

  1. 管理画面のサイドバーで、 オンラインストア > ページ

  2. クリック： ページを追加

  3. ページのタイトルを商品タイプやブランドに基づいて付けます（例：「メンズジャケット サイズチャート」）

  4. チャートの内容を追加します：

    • Google Sheetsの表をコピー＆ペーストできます

    • またはPhotoshop、Canvaなどで作成したチャートの画像をアップロードします

  5. ページが 公開されていることを確認してください、次にクリックします 保存

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

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

  1. 移動先： 製品 管理画面で

  2. サイズチャートを割り当てたい商品を選択します

  3. 下にスクロールして、次を見つけます： メタフィールド セクション

  4. ファイルブラウザで次のファイルを見つけます： サイズチャート メタフィールド

  5. その商品のサイズチャート用に作成した正しいページを選択します

  6. クリック： 保存

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

  1. を開く テーマエディター

  2. に移動し、 商品ページテンプレート

  3. を追加するか選択します、 追加情報 ブロック

  4. を変更して、 タイトル および アイコン をブランドに合わせます（例：「サイズチャート」）

次に：

  1. の横にある 情報ページ 設定で、 動的ソースアイコン（🔗）をクリックします

  2. を選択します サイズチャート メタフィールド（custom.size_chart)

  3. クリック： 保存

hashtag
✅ 完了です！

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

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

hashtag
ヘルプが必要ですか？

前へ上級次へカラースウォッチの設定

最終更新