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