メタフィールドのチュートリアル
メタフィールドを使用すると、通常では管理画面に取り込めない特定の情報を保存することができ、Shopifyストアの機能や外観をカスタマイズすることができます。メタフィールドは管理画面で内部的に使用できます。また、オンラインストアに表示することを選択できます。
メタフィールドの例と使用できる場所を以下に示します。
- 管理画面の商品ページで梱包材に関する情報など商品の配送指示を作成します。
- 1日で配送などの処理時間または配送時間の見積もりを作成し、オンラインストアの商品ページに表示します。
- 赤、黒、青などの商品の色情報を追加し、オンラインストアの商品ページに表示するか、この情報を使用してメタフィールド別に自動コレクションを作成します。
- 一部の商品カテゴリーには、色を含むカテゴリーメタフィールドが含まれています。商品の商品カテゴリーを選択した後、色カテゴリーメタフィールドに色エントリーを追加できます。色エントリーをバリエーションのオプションに接続できます。バリエーションのオプションとして色エントリーを使用する場合、ストアフロントの商品ページに色オプションの見本としてバリエーションのオプションを表示できます。カテゴリーメタフィールドについて、詳しくはこちらをご覧ください。
管理画面から直接、商品、コレクション、お客様、注文、その他のストアの構成部分にメタフィールドを追加できます。
Online Store 2.0のテーマを利用している場合、テーマエディタを使用して、ほとんどのメタフィールドとテーマを連携させることができます。以前のテーマを利用している場合、またはテーマで使用できないメタフィールドタイプを追加したい場合は、テーマコードを編集するか、Shopifyパートナーを雇ってサポートを受けることができます。Shopifyパートナーを雇うことについて詳しくはこちらをご覧ください。
商品のお手入れ方法に関するチュートリアル
このチュートリアルでは、商品のお手入れ方法のメタフィールドを作成し、オンラインストアで表示する方法について説明します。
何を学ぶか
このチュートリアルを終えると、以下を完了したことになります。
- メタフィールド定義を作成しました
- メタフィールドに値を追加しました
- メタフィールドを公開しました
ステップ1：メタフィールド定義を作成する
- 管理画面から、[設定] > [カスタムデータ] の順に移動します。
- [メタフィールド] セクションで [商品メタフィールド] をクリックします。
- [定義を追加] をクリックします。
- メタフィールド定義に [お手入れ方法] という名前を付け、表示される標準のメタフィールド定義をクリックします。標準のメタフィールド定義について詳しくはこちらをご覧ください。
- [保存] をクリックします。
メタフィールドの定義を保存した後、メタフィールドに値を追加できるようになります。
ステップ2：メタフィールドに値を追加する
- 管理画面から、[商品] に移動します。
- お手入れ方法の設定が必要な商品をクリックします。
- [商品のメタフィールド] で、[お手入れ方法] をクリックします。お手入れ方法を入力します。
- [保存] をクリックします。
上記の手順を繰り返して、他の商品のメタフィールドに値を追加します。
次に、オンラインストアでメタフィールドをオンラインストアに公開します。
ステップ3：オンラインストアにメタフィールドを公開する
商品のメタフィールドに値を追加したため、次に、ストアでメタフィールドを表示します。この手順では、テーマエディタを使用して、メタフィールドが連携するブロックとセクションを選択します。
セクションまたはブロックを追加した後、[動的ソースを接続] アイコンをクリックしてメタフィールドを選択できます。
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- 編集するテーマを見つけて、[カスタマイズ] をクリックします。
- 画面上部のドロップダウンメニューを使用して、[商品] > [デフォルトの商品] の順に選択します。これにより、テーマエディタにデフォルトの商品のテンプレートを読み込みます。
- [商品情報] セクションで [ブロックを追加] > [折りたたみ可能な行] の順にクリックします。
- 見出しを入力します。
- オプション：リストから [アイコン] を選択するか、アイコンのない場合は [なし] クリックします。
- [行コンテンツ] の横の [動的ソースを接続] アイコンをクリックし、[お手入れガイド] を選択します。
- [保存] をクリックして、商品のお手入れ方法を公開します。
お手入れ方法は関連する商品でのみ表示され、メタフィールドの値がない商品の場合、このセクションには何も表示されません。そのため、すべての商品で機能する単一の商品テンプレートを設定できます。