Metafields機能を使用すると、SHOPLINE管理パネルに追加のフィールドを保存して、ストアの外観や機能をカスタマイズできます。 Metafieldsを使用すると、ストアのデザインや商品ページに個別の設定やさまざまな表示効果を実装できます。たとえば、次のようなことができます：

製品詳細ページに複数の製品のための異なるユーザーマニュアルを追加
異なるカテゴリに異なる割引情報を追加
衣類製品のために異なる素材の説明、洗濯方法などを追加
ジュエリー製品のためにカラット重量表示情報を追加
異なる商品に異なる配送通知を追加

Metafieldsの使用概要

モジュールの選択：Metafieldsは各モジュールに固有のものであり、Metafieldsを使用する前に作成したいモジュールを特定する必要があります。現在、Metafieldsは次のモジュールをサポートしています：商品、商品の規格、商品カテゴリ、ページ、ユーザー、ブログ、ブログカテゴリ、注文。

手順：

メタフィールドの基本情報を入力します。
ストアのSHOPLINE管理パネルでメタフィールドに値を割り当てます。
ページエディタに動的ソースを挿入するか、SHOPLINEレイアウトエンジンにコールコードを挿入します。

メタフィールドへの導入

メタフィールドの構成

メタフィールドの基本情報を入力します。メタフィールドは以下の情報で構成されています：フィールド名 / OwnerResource / Namespace / Key / Description、および dataType。

フィールド名：メタフィールドの名前。例：商品の素材。
OwnerResource：メタフィールドが属するリソースのタイプ、「OwnerResource Type」とも呼ばれます。例： Products、 Custom ページなど。
OwnerID: メタフィールドが属するOwnerResourceのID。例：商品AのIDは1605898661です。
Namespace: メタフィールドのグループを含むコンテナ。異なるストアの同じキー名のメタフィールド間の競合を防ぐために、名前空間でメタフィールドをグループ化します。例：my_fields。
Key: メタフィールドの名前。特定のメタフィールドを参照するために使用され、メタフィールドのコード識別子として機能します。例：materials。
dataType: メタフィールドに格納されるデータのタイプ、例：単一行テキスト、URL、整数など。
Description: メタフィールドを定義する説明情報で、値を割り当てる際に正しい値を入力するのに役立ちます。例：ジュエリーの素材情報を入力してください。
Value: メタフィールドに格納されるデータ。例：925シルバー。

メタフィールドのデータタイプ

メタフィールド機能で利用可能なデータタイプは以下の通りです：

データタイプ	サブクラス	値リストのサポート	機能	ユースケース
テキスト	一行テキスト	はい	一行のプレーンテキスト入力をサポートします。	商品に配送通知を追加します。
テキスト	複数行テキスト	はい	複数行のプレーンテキスト入力をサポートします。	商品に原材料表を追加します。
カラー	なし	はい	#RRGGBB形式のRGB値をサポートします。	ページに背景色を追加します。
Json	なし	いいえ	高度なユースケースのための生のJSONデータをサポートします。	ストアページにカスタムモジュールを追加します。
数値	整数	はい	整数のみの入力をサポートします。	書籍商品の特定のページ数情報を追加します。
数値	小数	はい	整数+小数の入力をサポートします。	商品詳細ページに宝石のカラット情報を追加します。
URL	なし	はい	HTTP、HTTPS、mailto: の追加をサポートします。	商品詳細ページにURLリンクを追加します。
日付と時刻	日付	はい	ISO 8601形式の日付値をサポートし、タイムゾーンなしでの時刻値をサポートします。	商品の有効期限日、注文配送日、または顧客の誕生日を追加します。例: 2022-05-28。
日付と時刻	日付と時刻	はい	ISO 8601形式の日付値とUTC時刻の値をサポートします。	2022-01-01T12:30:00
真偽	なし	いいえ	ブール型で、条件が真か偽かを選択するチェックボックスを作成します。	利用可能なオプションを追加します。たとえば、商品に刻印できるかどうか。例: true。
計測	重量	はい	整数値と小数値をサポートします。重量は、kg、g、lb、ozなどのメートル法またはインペリアル単位で測定されます。	商品や原料の重量を追加します。たとえば、砂糖のグラム数。例: {"value":3.0,"unit":"oz"}。
	サイズ	はい	整数値と小数値をサポートします。サイズは、mm、cm、m、inch、foot、codeなどのメートル法またはインペリアル単位で測定されます。	サイズ: 包装箱の高さや商品の長さを追加します。たとえば、マフラーの長さ。例: {"value":2.0,"unit":"in"}。
	体積	はい	整数値と小数値の両方をサポートします。体積は単一の値と体積単位でメートル法またはインペリアル単位で測定されます。有効な単位値：ml、cl、l、m3（立方メートル）、us_fl_oz、us_pt、us_qt、us_gal、imp_fl_oz、imp_pt、imp_qt、imp_gal。	体積：水コップの容量を追加します。例：{\"value\":1.0,\"unit\":\"us_fl_oz\"}。
評価	なし	はい	評価またはスターレーティングの設定をサポートします。	製品にユーザー評価またはスターレーティングを追加します。例：{\"value\":\"5\"}。
参照	商品	はい	オンラインストア内の商品を参照することをサポートします。	オンラインストア内の商品ページまたは商品カテゴリページに表示する注目商品を設定します。例：gid://shopline/Product/160589866。
	商品の規格	はい	オンラインストア内の商品規格を参照することをサポートします。	同じ色の他の衣類商品を商品ページに表示するために設定します。例：gid://shopline/ProductVariant/1805951613。
	カテゴリ	はい	オンラインストア内のカテゴリを参照することをサポートします。	例：gid://shopline/collections/1225615767。
	ページ	はい	オンラインストア内のカスタムページを参照できます。	オンラインストア内の商品にポリシーページや詳細な取扱い説明を挿入できます。例: gid://shopline/Page/59592784。
	ドキュメント	はい	画像: ストアのドキュメントライブラリを参照するか、JPG、JPEG、PNG、またはGIF形式の画像を最大10MBまでアップロードできます。 PDF: ストアのドキュメントライブラリを参照するか、最大10MBのPDFファイルをアップロードできます。	gid://shopline/MediaImage/59301914 gid://shopline/GenericFile/596207872
金額	なし	いいえ	ストアの通貨と一致する通貨コードを持つ数値金額。	{\"amount\":\"2\",\"currency_code\":\"USD\"}

Metafieldsの作成

以下は、商品モジュールのためのメタフィールドを作成する例です。

SHOPLINE管理パネルを開き、設定＞Metafieldsに移動します。
作成したいメタフィールドのモジュールを選択します。現在、以下のモジュール用にメタフィールドを作成できます：商品 / 商品カテゴリ / 商品規格 / ページ / ユーザー / ブログ / ブログカテゴリ / 注文。このプロセスでは、メタフィールドの作成には商品モジュールを選択します。
「フィールドを追加」をクリックします。
詳細を入力し、完了したら追加をクリックします。

フィールド名：SHOPLINE管理パネルでメタフィールドを識別するために使用されます。例：色。
名前空間とキー：メタフィールドのユニークな識別子です。名前空間を使用して類似のメタフィールドをグループ化できますが、各名前空間とキーは一意である必要があります。例：「custom.color」。
説明（オプション）：メタフィールドに入力する値などの説明情報を提供します。
データタイプ：メタフィールドが保存するデータのタイプ、テキスト、ドキュメント、またはURLなどがあります。単一または複数のデータタイプの構成がサポートされています。

作成が完了しました。

メタフィールドが作成されたら、メタフィールドに値を割り当てることができます。

メタフィールドへの値の割り当て

値を割り当てたいモジュールを選択します。前の手順で、商品モジュール用のメタフィールドを作成しました。したがって、SHOPLINE管理パネルの商品ページに移動して値を割り当てます。値を割り当てたい特定の商品を選択します。この例では、最初の商品を選択して詳細ページに移動します。
ページの一番下に、メタフィールドモジュールを見つけ、値を割り当てるためのメタフィールドを選択します。入力できる値の種類は、メタフィールドのデータ型に依存します。

メタフィールドへの値の割り当てプロセスを完了します。

テーマデザインでのメタフィールドの設定

エディターにメタフィールドのダイナミックソースを挿入する

詳細な操作手順については、次のリンクを参照してください：メタフィールド | テーマデザインでのメタフィールドの設定。

レイアウトエンジンにコールコードを挿入する

メタフィールドを作成し値を割り当てた後、対応するコールコードをSHOPLINE管理パネルの設定＞メタフィールドで見つけることができます。このコードをコピーして、オンラインコードエディターのレイアウトエンジンに適用してカスタマイズに利用できます。

4.2.png

注意: オンラインコードエディターにアクセスするには、SHOPLINEのオンラインカスタマーサービスまたはウェブサイトコンサルタントにお問い合わせください。

推奨される手法

柔軟な商品詳細ページのカスタマイズのために独立してフィールドを拡張する

注意深く作成された商品詳細ページは、顧客が購入の決定をする際に重要な役割を果たします。クロスボーダーeコマースの激しい競争の中で、悪魔はしばしば細部に潜んでいます。商品詳細ページに独自で関連性のある情報を示すことで、売り手は潜在的な顧客の信頼と好意を得るだけでなく、独自の競争上の優位性を築き、ライバルを凌駕することができます。

たとえば、ストアオーナーが商品に洗濯方法を含めたいと考えるシナリオを考えてみましょう。洗濯情報専用の拡張フィールドを作成することで、顧客は商品詳細ページでこれらの詳細に簡単にアクセスできます。これにより、商品への信頼と信頼が向上するだけでなく、洗濯に関連するミスによる返品の可能性も低減されます。

洗濯方法以外にも、ストアオーナーはメタフィールドを使用して、素材構成、原産地、サイズなどの追加情報を必要に応じて商品詳細ページに含める柔軟性があります。

シンプルなコードカスタマイズを通じた個人用機能要件の実装

より多くの情報を柔軟に表示するだけでなく、メタフィールドを使用して特定のビジネスシナリオに合わせた個人用機能要件をカスタマイズすることも可能です。これにより、ストアオーナーがストアをカスタマイズする際に遭遇する技術的なコストや障壁を効果的に緩和できます。

たとえば、商品説明のためのタブ切り替えの実装、関連資料のダウンロードセクションの追加、関連商品の推奨セクションの統合などが考えられます。

商品説明のためのタブ切り替え

時には、商品詳細ページには多くの情報が必要な場合があります。しかし、すべての情報をページに詰め込むと、顧客が必要な情報を迅速に見つけることが難しくなり、彼らを圧倒する可能性があります。これは購買体験が劣ることや潜在的な顧客の不満につながる可能性があります。

この問題に対処するため、ストアオーナーはタブ切り替えテンプレートを使用して情報を効果的にカテゴリ別に整理することができます。このテンプレートを使用すると、さまざまなカテゴリの情報を1つのコンテンツボックス内に表示し、顧客が異なるタブをナビゲートして必要な情報にアクセスできるようになります。このアプローチにより、商品詳細ページが包括的でありながら視覚的に魅力的なレイアウトを維持できます。

以前は、このような機能を実装するには、追加のリソースを投資して技術スタッフを雇う必要があり、不便でした。しかし、Metafields管理ツールを使用すると、ストアオーナーは新しい拡張フィールドを独自に作成し、コードをコピーして貼り付けるだけで基本的なタブ切り替えテンプレートを簡単に統合できます。これにより、商品説明のタブ切り替えテンプレートの設定プロセスが簡素化され、商品詳細ページに表示されます。

メタフィールド機能の使用ガイド

目次