[近日公開] メタフィールド（Metafields）の紹介

*この機能はレイアウトエンジンまたはAPI設定を必要とします。レイアウトエンジンを有効にするか、APIを使用するには、当社のビジネスオーナー成功チームにお問い合わせください。

現在のフィールドではオンラインストアで完全な情報を収集できませんか？ ストアフロントのデザインを微調整する必要がありますか？ 今すぐメタフィールドを試して、データ収集と表示のためのカスタムフィールドを作成しましょう！ 商品詳細ページでは、より詳細な仕様チャート、デモ動画、または独占的なプロモーションメッセージを追加でき、顧客を維持し、売上を向上させるのに役立ちます。

この記事では以下の内容を扱います：

• メタフィールドとは何ですか？
• メタフィールドを追加する
• メタフィールドの値を入力する
• メタフィールドのストアフロント表示

1. メタフィールドとは何ですか？

メタフィールドは、ビジネスオーナーが管理画面でデータを保存するためのカスタムフィールドを作成したり、ストアフロントにカスタマイズされたコンテンツを表示したりするための高度なフィールドカスタマイズ機能です。

メタフィールドコードは、"ネームスペース"と"ID"で構成され、Namespace.IDの形式になります。

例えば：custom.special_image

2. メタフィールドを追加する

まず、新しいメタフィールドを定義する必要があります。定義が完了すると、新しいメタフィールドの設定フィールドが管理画面のそれぞれの機能セクションに表示されます。その後、フィールドにカスタム値を入力できます。

ステップ 1

SHOPLINE管理画面で、[設定] > [メタフィールド定義]に移動します。次のメタフィールドを編集できます：商品、ビジネスオーナー、顧客、注文、注文アイテム、カートアイテム。次に編集をクリックします。

メタフィールドを作成をクリックします。

ステップ 2

次のフィールドを編集します。

• 名前：このメタフィールドを識別するためにSHOPLINE管理画面で設定した名前。
• ネームスペース：メタフィールドの最初の部分で、カテゴリとして機能します。例えば：product。
• ID：メタフィールドの2番目の部分で、サブカテゴリとして機能します。例えば：color。
  • 完全なメタフィールドは、ネームスペース + IDで構成されます。例えば：product.color。
• 説明：このメタフィールドの短い説明で、管理画面のそれぞれのメタフィールド設定フィールドに表示されます。メタフィールドにどの値を入力すべきかの指示を書くことができます。
• コンテンツタイプ：管理画面に保存されるメタフィールドのタイプを選択します。テキスト、JSON、URL、数値、ブール値が含まれます。重量関連のメタフィールドを作成したい場合は、コンテンツタイプとして「数値」を選択できます。

ステップ 3

編集が完了したら、確認をクリックしてこのメタフィールドを作成します。メタフィールドは作成後に削除できないことに注意してください。確認前に注意してください。

カテゴリごとのメタフィールドの最大数は15です。

3. メタフィールドの値を入力する

メタフィールドを定義した後、該当するカテゴリに移動してメタフィールドの値をカスタマイズできます。以下は「商品」カテゴリの例です。

ステップ 1

SHOPLINE管理画面で、[商品]に移動します。編集したい商品を見つけて編集をクリックします。

ステップ 2

メタフィールドタブに移動します。入力フィールドに値を入力します。例えば、外部ウェブサイトへのリンクを表示したい場合は、ここにウェブサイトのURLを入力できます。

ステップ 3

編集が完了したら、更新をクリックして設定を完了します。

4. メタフィールドのストアフロント表示

SHOPLINE管理画面 > [オンラインストアデザイン] > [コードエディタ]に移動します。編集する該当ページを選択します。例えば、「商品」カテゴリのメタフィールドを設定し、商品詳細ページに表示したい場合は、「product_detail.liquid」のコードを編集する必要があります。

*注意：

• メタフィールドをサポートするページの種類と対応するストアフロントページについては、 レイアウトエンジンのドキュメントを参照してください。
• メタフィールドに入力したコンテンツを表示するには、Liquidコードを編集するためにレイアウトエンジンが必要です。この機能を有効にしていない場合は、事前にオンラインビジネスオーナー成功チームにお問い合わせください。

[近日公開] レイアウトエンジンのカスタマイズ機能を使用すると、ストアフロントの商品のタグにメタフィールドデータを表示できます。

ステップ 1

該当するLiquidコードを見つけて、商品タグのコンテンツとスタイルをカスタマイズします。

ステップ 2

[商品とカテゴリ] > [商品] > [編集] > [メタフィールド]に移動します。参照コード「product.metafields.{namespace}.{Key}」を入力し、更新をクリックします。

*注意：

• 5種類のメタフィールドデータを表示できます：テキスト、JSON、URL、数値、ブール値。
• コード内の赤でマークされた{namespace}.{key}を実際のメタフィールド値に置き換えることを確認してください。ネームスペースとキーの詳細を見つけるには、[設定] > [メタフィールド定義]に移動します。
  

続きを読む

• フォームの作成方法
• 「トップに戻る」ボタンを有効にする | 高度なデザイン設定
• ショップビルダーのよくある質問