メタオブジェクトの接続と表示
テーマエディタを使用すると、以下のいずれかの方法で、テーマにメタオブジェクトのコンテンツを表示できます。
- ブロックにメタオブジェクトを接続する
- 動的ソースに対応しているブロック設定やテーマ設定に、メタオブジェクトのフィールドを接続する
- テーマコードを編集してメタオブジェクトを追加する
詳しい手順については、商品ハイライトメタオブジェクト定義を作成する方法をご覧ください。
このページの内容
メタオブジェクトの接続と表示に関する互換性の考慮事項
オンラインストアでメタオブジェクトを接続および表示する際は、以下の考慮事項を確認してください。
- テーマエディタでメタオブジェクトをブロックまたは設定に接続するには、そのメタオブジェクトのメタフィールドタイプがブロックのコンテンツタイプと一致している必要があります。互換性のあるタイプはすべて、テーマ設定の対応するエリアに接続できます。
- メタオブジェクトを接続するには、そのメタオブジェクトに対応するメタフィールドタイプが含まれている必要があります。たとえば、「列」ブロックの「見出し」または「キャプション」のブロック設定に接続するための、「1行のテキスト」のメタフィールドなどです。
- オンラインストアに表示するには、メタオブジェクトにストアフロントへのアクセス権があることを確認する必要があります。カスタムデータのオプションについて、詳しくはこちらをご確認ください。
- メタオブジェクトフィールドがリストの場合、テーマエディタによってリスト内の各エントリーがブロック設定に自動で追加されます。
ブロックへのメタオブジェクトとメタオブジェクト参照の接続
作成したメタオブジェクトや、関連テンプレートのメタオブジェクト参照であるメタフィールドを、メタオブジェクト接続に対応しているブロックに直接接続できます。たとえば、商品のカテゴリーメタフィールドを商品テンプレートに接続する場合です。メタオブジェクトをブロックに接続すると、互換性のあるフィールドがブロックの設定に自動でマッピングされます。
ブロックに接続できるのは、メタオブジェクトまたはメタオブジェクト参照のみです。たとえば、書籍を販売していて、商品に以下の商品メタフィールドを追加したとします。
- 配送時の寸法 (「1行のテキスト」メタフィールドタイプを使用)
- ページ数 (「整数」メタフィールドタイプを使用)
- ブックカバーのタイプ (カテゴリーメタフィールドを使用)
- 著者 (メタオブジェクト参照タイプを使用)
テーマエディタの商品テンプレートでは、本の表紙タイプや著者の商品メタフィールドは接続できますが、配送時の寸法やページ数のメタフィールドは接続できません。
管理画面にあるメタオブジェクト参照タイプのメタフィールドは、テーマ内の一致するテンプレートにのみ接続できます。たとえば、ホームページをカスタマイズしている場合、Shopify 管理画面の [コンテンツ] > [メタオブジェクト] セクションから任意のカスタムメタオブジェクトを接続できますが、商品メタフィールドからメタオブジェクト参照を持つメタフィールドを接続することはできません。
手順：
Shopify 管理画面で、[オンラインストア] > [テーマ] に移動します。
編集するテーマの横にある [テーマを編集] をクリックします。
任意：ホームページ以外のテンプレートをカスタマイズする場合は、メニューバーにあるテンプレートメニューからカスタマイズするテンプレートを選択します。
メタオブジェクトまたはメタオブジェクト参照を接続するブロックをクリックします。
ブロックの横にある
ボタンをクリックします。利用できる場合は、以下のいずれかのソースからメタオブジェクトまたはメタオブジェクト参照を選択します。
- [このテンプレートから] セクションで、[テンプレート] > [商品] の順にクリックし、カテゴリーメタフィールドなど、互換性のあるメタオブジェクト参照タイプを選択します。
- [ストアから] セクションで、[メタオブジェクト]、[マーケット]、または [ブランド] をクリックし、互換性のあるメタオブジェクトまたはメタオブジェクト参照を選択します。
- [保存] をクリックします。
動的ソースに対応する設定にメタオブジェクトフィールドを接続する
メタオブジェクトのフィールドは、互換性のあるブロック設定またはテーマ設定に直接接続できます。
手順：
Shopify 管理画面で、[オンラインストア] > [テーマ] に移動します。
編集するテーマの横にある [テーマを編集] をクリックします。
任意：ホームページ以外のテンプレートをカスタマイズする場合は、メニューバーにあるテンプレートメニューからカスタマイズするテンプレートを選択します。
任意: 動的ソースをテーマの設定に接続する場合は、
ボタンをクリックします。メタオブジェクトまたはメタオブジェクト参照を接続する設定をクリックします。
設定の横にある
ボタンをクリックします。利用できる場合は、以下のいずれかのソースからメタオブジェクトまたはメタオブジェクト参照を選択します。
- [このテンプレートから] セクションで、[テンプレート] > [商品] の順にクリックし、カテゴリーメタフィールドなど、互換性のあるメタオブジェクト参照タイプを選択します。
- [ストアから] セクションで、[メタオブジェクト]、[マーケット]、または [ブランド] をクリックし、互換性のあるメタオブジェクトまたはメタオブジェクト参照を選択します。
- 接続するメタオブジェクトのフィールドを選択します。
- [保存] をクリックします。
テーマコードを編集してメタオブジェクトを追加する
Shopify のテンプレート言語である Liquid を使用すると、オンラインストアのどこでもメタオブジェクトエントリーを使用できます。メタオブジェクトエントリーは、ページ、ブログ、ホームページ、コレクションの各テンプレートに接続できます。
これらのエントリーは、メタフィールドを介して参照されたり、直接アクセスされたりする場合があります。また、メタオブジェクトまたはメタオブジェクトリストの設定で実装できます。
オンラインストアにメタオブジェクトを表示するためにテーマコードを編集する場合は、Liquid を使用してテーマテンプレート内のメタフィールドを参照できます。
Shopify パートナーを雇うことや、開発者向けのカスタムデータの使用について、詳しくはこちらをご覧ください。