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

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

オンラインストアに表示できる特定の情報のその他の例には、以下のものが含まれます。

  • 型番
  • 色見本
  • 商品の発売日
  • 特集商品またはバリエーション
  • 商品の星評価
  • ダウンロードファイル
  • 原材料リスト

Online Store 2.0のテーマを利用している場合、テーマエディタを使用して、ほとんどのメタフィールドとテーマを連携させることができます。以前のテーマを利用している場合、またはテーマがサポートしていないメタフィールドタイプを追加したい場合は、テーマコードを編集するか、Shopify Expertを雇ってサポートを受けることができます。Shopify Expertの採用について詳しくは、こちらをご覧ください。

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

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

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

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

「動的ソースを連携する」のアイコン

「動的ソースを接続する」のアイコンに+が表示される場合、アイコンをクリックして一度に1つのメタフィールドを選択することで、最大20のメタフィールドを追加できます。

「動的ソースを挿入する」のアイコン

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

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

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

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

コーディングの経験がある場合にのみテーマコードを編集してください。テーマコードの編集でサポートが必要な場合は、Shopify Experts マーケットプレイスから、Shopify Expertを雇う必要があります。Shopify Expertの採用について詳しくは、こちらをご覧ください。

メタフィールドでブランドアセットを表示する

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

ShopifyのOnline Store 2.0のテーマでは、テーマ設定でブランドアセットを使用できます。テーマエディタを開いて、ブランドアセットを手動で接続する必要があります。ブランドアセット (ストアヘッダー内のロゴなど) を使用するテーマ設定を見つけて、[動的ソースを接続]ボタンをクリックします。

テーマを設定するウィンドウ内にあるロゴの画像選択画面で、動的ソースへの接続ボタンが強調表示されている画像。

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

デフォルトのロゴが選択された動的ソースへの接続パネル。

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す