各商品にサイズチャートを追加する方法
最終更新
商品のサイズチャート用メタフィールドの作成方法
カスタムサイズチャートページを個別の商品にリンクする方法
商品ページの「追加情報」ブロック内に各チャートを表示する方法
このチュートリアルでは、次を使って各商品に異なるサイズチャートを割り当てる手順を案内します Shopifyのメタフィールド および テーマエディタ。これは、異なるサイズ基準を持つ複数のブランドや商品カテゴリーを販売するストアに便利です。
💡 サイズチャートと同じ手順で、ケア指示や素材の詳細など、商品固有の他の情報を表示することもできます。
あなたの管理画面から Shopify 管理画面に移動し、 設定
クリック: カスタムデータ、次に選択 製品
クリック: 定義を追加
メタフィールドを次のように構成します:
名前: サイズチャート
ネームスペースとキー: custom.size_chart
タイプ: ページ
クリック: 保存
管理画面のサイドバーで、 オンラインストア > ページ
クリック: ページを追加
ページのタイトルを商品タイプやブランドに基づいて付けます(例:「メンズジャケット サイズチャート」)
チャートの内容を追加します:
Google Sheetsの表をコピー&ペーストできます
またはPhotoshop、Canvaなどで作成したチャートの画像をアップロードします
ページが 公開されていることを確認してください、次にクリックします 保存
💡 使用する各ユニークなサイズチャートごとにこの手順を繰り返して追加ページを作成してください。
移動先: 製品 管理画面で
サイズチャートを割り当てたい商品を選択します
下にスクロールして、次を見つけます: メタフィールド セクション
ファイルブラウザで次のファイルを見つけます: サイズチャート メタフィールド
その商品のサイズチャート用に作成した正しいページを選択します
クリック: 保存
を開く テーマエディター
に移動し、 商品ページテンプレート
を追加するか選択します、 追加情報 ブロック
を変更して、 タイトル および アイコン をブランドに合わせます(例:「サイズチャート」)
次に:
の横にある 情報ページ 設定で、 動的ソースアイコン(🔗)をクリックします
を選択します サイズチャート メタフィールド(custom.size_chart)
クリック: 保存
これで、商品ページの 追加情報 トグルをクリックすると、その商品のメタフィールドを通じてリンクされた特定のサイズチャートが読み込まれます。
🎉 このワークフローは、ケア指示、素材の種類、保証情報など、他の商品固有のコンテンツにも再利用できます。
💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ: support@openspaces.design
💻 ライブチャット: 月〜金、現地時間午前10時〜午後6時(EST)に当社ウェブサイトで直接対応
最終更新