オンラインストアにメタフィールドを表示する

メタフィールドの定義を追加してストアの各項目にメタフィールド値を割り当てると、メタフィールドをテーマに連携させて、さまざまな方法でカスタム情報をオンラインストアに表示できるようになります。たとえば、キャンドルの販売者は商品ページにキャンドルの燃焼時間を表示し、食料品店では缶詰の賞味期限を表示したい場合があります。

オンラインストアに表示できる特殊な情報の例を以下に示します。

  • 製品番号
  • カラー見本
  • 商品の発売日
  • 特集商品またはバリエーション
  • 商品の星評価
  • ダウンロード用ファイル
  • 原材料リスト
  • カテゴリーメタフィールドのコンテンツ

新しいカスタムデータ構造を追加する必要がある場合は、メタオブジェクトを作成してオンラインストアに連携させることもできます。オンラインストアにメタオブジェクトを連携させる方法について、詳しくはこちらをご覧ください。

テーマエディタを使用してメタフィールドをテーマに連携させる

テーマがメタフィールドをサポートしている場合は、テーマエディタを使用して、オンラインストアにメタフィールドを表示する方法を選択できます。テーマで使用できるメタフィールドを確認するには、テーマのドキュメントを参照するか、テーマの開発者にお問い合わせください。

動的ソースをサポートするセクションまたはブロックを追加することで、メタフィールドをテーマに連携させることができます。たとえば、[商品情報] セクションでは商品メタフィールドをサポートでき、[コレクション] セクションではコレクションメタフィールドをサポートできます。

セクションまたはブロックを追加した後、動的ソースを連携アイコンをクリックして、単一のメタフィールドを検索し、選択できます。

動的ソースを連携アイコン

動的ソースを連携アイコンに + が表示されている場合は、アイコンをクリックして、一度に 1 つずつメタフィールドを選択することで、1 つのテンプレートに最大 20 個のメタフィールドを検索して追加できます。

動的ソースを挿入アイコン

詳しい手順については、「メタフィールドと動的ソースの使用」を参照してください。

コンテンツタイプのリストは、[テキスト] または [リッチテキスト] のセクションやブロックに連携させることができます。商品参照リストには、商品リスト設定を使用するカスタムセクションまたは外部サービスのテーマが必要です。

テーマコードを編集してメタフィールドを追加する

オンラインストアにメタフィールドを表示するためにテーマコードを編集する場合は、Liquid を使用してページテンプレートのメタフィールドを参照できます。

テーマコードの編集は、コーディングの経験がある場合にのみ行ってください。テーマコードの編集についてサポートが必要な場合は、Shopify Partner DirectoryからShopify パートナーを雇うことができます。

Shopify パートナーの雇用について、詳しくはこちらをご覧ください。

メタフィールドを使用してブランドアセットを表示する

メタフィールドを使用して、ブランドアセットをオンラインストアに表示できます。ブランドアセットはデフォルト設定として使用されます。つまり、ブランドアセットを追加すると、Brand API を使用するすべての機能と自動的に同期されます。

一部のテーマでは、テーマ設定でブランドアセットを使用できます。ブランドアセットを手動で連携させるには、テーマエディタを開く必要があります。ストアのヘッダーにあるロゴなど、ブランドアセットを使用するテーマ設定に移動し、[動的ソースを連携] アイコンをクリックします。

テーマ設定内のロゴの画像選択画面で、[動的ソースを連携] アイコンがハイライトされている画像。

ヘッダーで使用するブランドアセットをクリックして、テーマに連携させます。

[デフォルトのロゴ] が選択されている、[動的ソースを連携] パネル。

ブランドアセットを連携させるオプションが存在しない場合、そのアプリ、チャネル、またはテーマは Brand API と連携していない可能性があります。

テーマにカテゴリーメタフィールドを表示する

ほとんどの標準的な商品カテゴリーには、利用可能なカテゴリーメタフィールドがあります。たとえば、商品カテゴリーの `Apparel & Accessories > Clothing > Clothing Tops > Shirts` を追加した場合、`size`、`neckline`、`sleeve length type`、`top length type`、`age group`、`fabric`、`target gender`、`clothing features`、`color` のカテゴリーメタフィールドを追加できます。カテゴリーメタフィールドには、デフォルトのメタオブジェクトエントリーがあり、そのまま使用することも、さらにカスタマイズすることもできます。たとえば、`black` という色がブランディングに合わない場合は、`graphite` という名前に変更できます。カテゴリーメタフィールドについて、詳しくはこちらをご覧ください。

カテゴリーメタフィールドをオンラインストアで使用すると、お客様が必要な商品や情報をより速く見つけるのに役立ちます。たとえば、色のエントリーをバリエーションのオプションとして使用している場合、テーマのオプションから、オンラインストアの商品ページでバリエーションのオプションを見本として表示できます。

また、Shopify Search & Discovery アプリでメタフィールドを使用して、商品カタログのフィルターを作成することもできます。カテゴリーメタフィールドフィルターについて、詳しくはこちらをご覧ください。