# 商品バリエーションのメタフィールド ### 商品バリアントメタフィールド要素について 多様なバリアントを持つ多くの商品を管理しており、それぞれに特定の情報を表示する必要がある場合、商品バリアントメタフィールド要素を使用することでニーズに完璧に応えることができます。これは、顧客を効果的にターゲティングし、ストアのコンバージョン率を最適化するための強力なソリューションです。Shopifyでバリアントメタフィールドを作成し、要素を設定し、最後にページを公開するというわずか3ステップで、オンラインストアに要素を表示できます。 {% hint style="info" %} **注**: この要素を使用するには、商品に少なくとも1つのバリアントがあることを確認する必要があります。 {% endhint %} PageFlyをまだお持ちでない場合は、無料でインストールできます[こちら](https://apps.shopify.com/pagefly?utm_campaign%3Dapp-listing%26utm_source%3Dmanual%26utm_medium%3Darticle%26utm_content%3Dfull-width-section)。 ビデオチュートリアルをご覧ください。 {% embed url="" %} または、メタフィールドに関する詳細については、Shopifyの[こちらの記事](https://help.shopify.com/en/manual/custom-data/metafields)をご確認ください。 ### Shopifyでバリアントメタフィールドを作成する方法 これは、定義の作成、メタフィールドへの値の追加、ページへの表示という3ステップでバリアントメタフィールドを作成するチュートリアルです。 1. **バリアントメタフィールド定義を作成する** * ステップ1: Shopify管理画面から、**設定** > **カスタムデータ** > **バリアント**に進みます。 * ステップ2: 「定義を追加」をクリックし、**名前**、**名前空間とキー**（任意）、**説明**（任意）などのフィールドに入力します。 * ステップ3: **タイプを選択**をクリック > リストからメタフィールドに最適なコンテンツタイプを選択 > 検証ルールと追加設定を行います。\ バリアントメタフィールドの値には、「1つの値」と「値のリスト」の2つのタイプがあります。 * **1つの値**: テキスト文字列、数値、日付など、1つのデータです。 * **値のリスト**: 単一の値のコレクションです。例えば、色のリストなどが考えられます。 * ステップ4: **保存**をクリックします。バリアントメタフィールド定義をピン留めすることで、バリアントメタフィールドを整理できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-573412e2deb456d99ab2918123841ad23a8446cb%2FAD_4nXf6iLWUwvyVXGxGtiNFiQqq7pTi3f1VlLGg9tQu3rkyaX_1a-YgZyUIXGWVHBrrbvBcPjjUg2941lfQ1_HmoYtMEG4yrSY3nY7moPBMt1zwv_NZNxWsOISHMI-qm9IOHz2sxlKaeWvl8Ra29rvTkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif?alt=media) 2. **バリアントメタフィールドに値を追加する** * ステップ1: Shopify管理画面から、**商品管理** > 商品をクリック > コンテンツを追加したいバリアントをクリックします。 * ステップ2: メタフィールドで、コンテンツタイプに従って表示したいコンテンツを追加します。 * ステップ3: **保存**をクリックします。 上記のステップを繰り返して、他の商品バリアントのメタフィールドに値を追加してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-45c381e96600f4e379f30573c706c87c6efb01de%2FAD_4nXePqGd9ojIeqxH4ZGDyWRrtzAy9M2wxu_6pVNEU1-ISbWGJsQdHe4VMW1q4DIl91wcjjD7cIkfAEXaYV4yikWVu9MzAkAjRGBGRChDBabzESPmkKtThcqZqNiB66gnbWsVmrkxOkHlKa8fR5sAK?alt=media) #### PageFlyページに商品バリアントメタフィールド要素を表示する * ステップ1: PageFlyエディタから、**要素**アイコンをクリック > **Shopify**タブに移動 > **商品**カテゴリ > **商品バリアントメタフィールド** > エディタキャンバスに要素をドラッグ＆ドロップします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-f9ab460873daaaa40d71661726a9bc296ee7ad7d%2FAD_4nXeie8yMFaJXxTpicmGBEBQqys5PrylEjtaDTpIynRS_Sn4j7W6m2Nq7Mk078DoOxSrWhg9mW4aZduIruxAc3iyAsnsIx7SDKpLoRkMgKyqE5EY56wG3QtVhbRm_il89xD-2D28ESM50DL9YyluN?alt=media) * ステップ2: 要素を選択 > **一般**タブに移動 > **コンテンツ** > 商品ソースとバリアントメタフィールド定義を選択します。商品詳細要素内にバリアントメタフィールドを追加する場合、商品ソースは自動に設定されます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-4ee29b6b29a5791ebe01b97ce40fef71431248e6%2FAD_4nXdDU2mhoOQR5GqaBVDG4pEcSlDis8DG8SA8r-RxF9vEB2R_mf6MShYcNIgiOrhnt5kpqbBTMbWLGsWmx1x1dMcNOZyZf2smbzfHfr-s1sfVmtR3zoBmVuxLmOae_bPUykSsFYErqyXVjLB6NqoUMgkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) * ステップ3: バリアントメタフィールド定義から、**定義を選択**をクリック > モーダルでバリアントメタフィールド定義を選択 > **選択**をクリックします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-016ad33c90cc75f5969e921c1a95c56a58651a8f%2FAD_4nXcL4a2_uo0jZhz0aSBXMTd7uDwbbxxp-G8ONC68Adv-bMUdd4sBEQyrnvi7D3FM3sQhi3vq-O_QFFd3OC_8BALivQmYWkLP2t1H9p_i4TNAKsSXOyPPHDgCXaFwwrjYiSh_4bDlN7p-QBwWeTvjkeyAiHXQ3lMUA5tHe2ZfOW5Ag%20\(1\).gif?alt=media) ### PageFlyで商品バリアントメタフィールド要素を設定する方法 #### 一般設定 PageFlyエディタから、**商品バリアントメタフィールド**要素をクリック > **一般**タブ > 要素のコンテンツパラメータグループを設定します。 | パラメータ | 画像 | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |

商品ソース

| ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-3bcfd97710880237852602789c3a2b9ddcd10ee8%2FAD_4nXfblluYziX79IwhBnJfGOJ69Kz7uqf9IYkr-r7w5RffA_zKNBW1BJ9iALDFl8fnnTclVHxwbiocyMraxSW9pbAxtYd2p0JQXrx8O0g69VjMD0R0fd3vM-IEHskDZq7R8B_QdMOdcVwXemgc7faCXAkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **バリアントメタフィールド定義** このパラメータは、バリアントメタフィールドがストアのどの部分に適用されるか、およびバリアントメタフィールドが持つことができる値を指定します。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-016ad33c90cc75f5969e921c1a95c56a58651a8f%2FAD_4nXdlRv9j2FHDTI-39lriUjidAPUelwWNQj6C0CrKFSMRVlSHr89YBF0nZxhOtG7mP28h7IxlCQ1pFd9PRZWCkwMv1OjnmSAGD1QUxyASqnQh4lNZ1YCPLOHwYYL6gYE4bYOXwM1wWxn007ZsHLVNCAkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif?alt=media) | | **ラベルを表示** これは、デフォルトで表示されるバリアントメタフィールドの名前です。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-ef35954a82cc8ffd13e409bba3d6d9d30673b9d9%2FAD_4nXfeMwzq1Q4zSmWm-gZeR5J9fZsoY98OWjLTnp0zObQa_68-9CsZd8VrhEsdST06UzzkrJzRSiElWFchMqzz4gx0YvddbMygZa3jqss5j9MZ3lo-dMYuEb3nglIjD0T8Qs39oHYKvfn4lPJOYVVTcwkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif?alt=media) | | **ラベルの位置** ラベルの位置は、左（デフォルト）または値の上にすることができます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-8fc64e926d4337faa21b792d8af0224fbceda7e2%2FAD_4nXdGvU454a48BgTrGNQOVU4CovyxMYAh6zcbBK4bfszYymUlcFM5bzIT48ScjX2G5UBbXIfTUfR6QoouZH2mvEytqEO3dJOAWxdS4Y36gSq7mu0NnHersnGjgPf-oOgR04_WUKIm89f8b8zTjdyrmAkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif?alt=media) | ATTRIBUTES、VISIBILITY、ANIMATIONパラメータに関する詳細情報は、[こちら](https://help.pagefly.io/manual/elements-general-settings/)で取得することもできます。 {% hint style="info" %} **注**: 商品リストの商品詳細に商品バリアントメタフィールド要素をドラッグ＆ドロップすると、リスト内のすべての商品に追加されます。要素は同じ定義を持ちますが、値は異なります。 {% endhint %} #### スタイル設定 商品バリアントメタフィールド要素のスタイル設定は、[こちら](https://help.pagefly.io/manual/elements-style-settings/)のPageFly要素のスタイル設定に従います。 ### PageFlyでバリアントメタフィールドのラベルと値を設定する方法 商品バリアントメタフィールド要素には、バリアントメタフィールドラベルとバリアントメタフィールド値の2つのサブ要素が含まれています。 #### バリアントメタフィールドラベル設定 このサブ要素は、バリアントメタフィールドの名前を設定します。指定されていない場合、バリアントメタフィールド定義の名前がデフォルトで適用されます。 **一般設定** PageFlyエディタから、**バリアントメタフィールドラベル**要素をクリック > **一般**タブに移動 > 入力フィールドをクリックして、バリアントメタフィールドのラベルを入力します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-ae2d66acc594073f9088ea1433452fff42bad226%2FAD_4nXc10gjHhNUQzluxXKoxNUa-ia3TE8INhOLIlX4JSQdch1Id90Gq-t-g11_U4czL6d3OrazNCAlh5Zxw6xEEAWD8L8AKUlga1502pORU0hfk_oKMqmMvIKQNZuXZ6P57-R_Z1AupblnmXxB_zy1qMgkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) **スタイル設定** バリアントメタフィールドラベル要素のスタイル設定は、[こちら](https://help.pagefly.io/manual/elements-style-settings/)のPageFly要素のスタイル設定に従います。 #### バリアントメタフィールド値の一般設定 このサブ要素は、バリアントメタフィールドの値を設定します。選択したバリアントメタフィールド定義のコンテンツタイプに応じて、バリアントメタフィールド値に該当するパラメータグループが利用可能になります。 **一般設定** PageFlyは現在、15種類のコンテンツタイプをサポートしています。 | コンテンツタイプと説明 | 画像 | | ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **日付と時刻** このタイプを使用して、発売イベントの日付や製品のリリース日を追加できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-68b84c14f46860963df823c12a8d60a2027b65bf%2FAD_4nXfieaDGZfDqHsmrXfTs_sZeLsgV0o237Tuiw-c-zNv4hZwWV-5yzgSeKhcUFQ0VGa88M8LxdIrMwaQYg-ej3aY9KCPJ51leJbx9QfC-0qXb-7i06wP1hcS5cW1KJ5BhdQSqzIzgSLccrFWqCXKuggkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **日付** このタイプは、製品の有効期限や注文の配送日を追加するために使用できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a15d7c20864e4b3fe6106627a76deab36d6dcf09%2FAD_4nXfNpj41ivAFGir5EGTvtP9_leFrmGwJaaVvAa55ZZbnjmDzj9aFVZNFoxl3n1KRJLw8-55KRcuTyeJPgmbzRuLEtdJbcpQ1hNQb1Hl6wodHxf32KjH-b5bH087DIGki9XW0mu2ZHRFQLEzneea0I80UT7Q?alt=media) | | **寸法** 寸法タイプは、箱の高さやスカーフの長さなど、製品の長さを追加するために使用できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5b87855986cef5072666e24a195d736ff9dc3f9c%2FAD_4nXdMhGTbPhqRDyzGKxCKviTUidCQ2-M0Gt72406zqNP6ZgottyM4TjuJkqCbnLwRwPD6g4K5xRXKCIVAzz2fBdx6Oo5R6FToUQoiI5HkQB4heacFr5qT6gaUkuCX-VBiYky1AiiYU8ffx5Nos9ICywkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **体積** 体積タイプを使用して、水筒の容量を追加できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-f364349c40cd79cd2afb8f706f649c692d550753%2FAD_4nXd3bl2W6csUeMahH1E5zU8mI9N_tz6wvpWPffdqHKFlPwPx2Kt_Ca2j2ip01ilBs-1VYMb9VVtK91IjXekDQSvJ20YdEaz5koXurcSHDK4_c6I45MgabjncjAsWo8SjKYufNBF1mfD0CuI1aypVjwkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **重量** 重量タイプを使用する例としては、製品や材料の重量を追加することが挙げられます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-2eef77f279e5b4a2a05af4e4076064fba58e75f9%2FAD_4nXffoLOQqGNDdHcQiSOL6SaF1OKZcrWVlo007vZOZxlFy34qWDr82_LTS9ABsfFh9oabADDMcTiRpDfL37NIgPJq4QLwXIZnoM_ASYYcOdPdRQiDnpQNXx4ecWlJbYErWytmcHciP2wRadwYGEYSkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **小数** このタイプは、ジュエリーのカラット重量を追加するために使用できます。 |

このタイプの特別な設定はありません。

| | **整数** 整数タイプは、書籍のページ数を追加するために使用できます。 |

このタイプの特別な設定はありません。

| | **複数行テキスト** 複数行テキストタイプは、配送メモや返品ポリシーを追加するために使用できます。 |

このタイプの特別な設定はありません。
Multi-line text

| | **一行テキスト** 一行テキストは、短いメモやお知らせを追加するために使用できます。 |

このタイプの特別な設定はありません。
Single line text

| | **リッチテキスト** リッチテキストタイプは、ブランドや製品に関する長いストーリーをスタイリングを含めて追加するために使用できます。 |

このタイプの特別な設定はありません。
Rich text

| | **真偽値** このタイプは、アイテムに彫刻が可能かどうかなど、オプションが利用可能かどうかを追加するために使用できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-30a144c9e2d153cd0dfc508f840418a33de7f67c%2FAD_4nXd6NyJ6RaE34vpwQxssGw2vnns_1VsId6nbOTELTa_oxFGt9wCcPGpXNywngE9FRRhb0Rr0X6uOLRBImJbgPgcp3uXaUKX3lPGrBv6LThnOkbcJOy_GDGnRvkt2IlsVnasDdj-31nxowMXEd4XZdwkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **色** 色タイプは、各製品バリアントの色に合わせて変更できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-8a409e06f23065a37feb8aedc607e12e97022ca4%2FAD_4nXdyPMZVoptbeLVZUE9c0O2L1t-sI26nYhegmHTjczHl594JD80V1YSyODMfG9T7U1W5WOpaHwYtyk_TVBpc_HeZuW4-dlTdXGfbTQnEaB66rqzu4m7AFGRZP1S6g_Uvj7vfmbVRonlCI5WFEA-e9gkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **評価** 評価タイプは、製品の視聴者スコアや星評価を追加するために使用できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-9852604fbafabc2c4da1a336f6f31269d3393647%2FAD_4nXdm0sFCAsZQgyMVk6y1NLFTWGWy6uaYg0c-ON13irZdAMnzaLo72NX-PhjOMeCqKz1GzV3UimMi2YmCQ5jyX_KiRr_BuGl2BgkSIJOqbtdTDfxiuzJq6xx6iBR62PhAOf99yNBtY_FCfalSfq_NrAkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | | **URL** URLタイプは、特定のウェブサイトでホストされている書籍レビューや製品ビデオへのリンクを追加するために使用できます。 |

- URLへのリンク: リンクをクリック可能にする
- テキストリンク: リンクとして表示したいアンカーテキストを入力する
URL

| | **通貨** 通貨タイプは、販売業者コストや倉庫への配送コストなど、製品コストの詳細を追跡するために使用できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a61d904e7362d6344e9b2b7a756752cbc0d08a12%2FAD_4nXd9REn4kXy6llCMVyJXafipweeqrX6wt0Qk1jrAotTYnd0xUWlP69x23bNK72Beaq3OEPmT7pt-i-Wfr5sINKhI4tlAOsCZ6tm3Lh5FCLMudB5cBX5MpqhmJNw2Yf1ckgZkvqSPhrPQ1NzGfYnVWwkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | {% hint style="info" %} **注**: 値のリストには、1つの値のすべてのパラメータに加えて、以下の追加パラメータが含まれます。 {% endhint %} **日付と時刻のリスト:**\ \| パラメータ | 画像 |\ \| :----------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\ \| **マーカータイプ（色タイプを除く）** | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-121d037c71ee94feb90efda33c9abce538cfaa5a%2FAD_4nXfAT6QzAL0qqCoqK9xN150FEy38QJ_bOBbMKXiKE1CaPXa63kN3rqz7Xdi2XrEAZUZxB-jYxoPI-JIJd25zXU8eKF7vQko0bLQQVTvfiEu35IphYMQTUcdxM_gT4yBmBNjwGeTDTmYyowd3Q_aKRAkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) |\ \| **マーカーの位置（色タイプを除く）** | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4XeNTU1HRalTfYIlse63Epv48RO9CuOD3zfV1P4Q97fVGjzhU4ms5Fr6JqCsdlLSJDaBNR-zocpB8ZEZBnTJi2h56rQ1fjzf62tgvSTrzq2N53DU7WUYKcbD3FPsDD6t8WiJAhMMvddobjPLnjHJtgkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif) |\ \| **テキストインデント（色タイプを除く）** | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-950b6b85458c7727f3684aa362cbd17296832d54%2FAD_4nXccuNnxoM4zjpQr8RX-o1kCitDAte093vpN5-i6D0IKWXYiHTEibdYvYZaZQmoSjtwr_uxoMmNwdzsWSgjcj1o4zcOkNhqNLhBcxo_qMHrYEuzcMOVbIc1JSDOtpX3sQCemvDMjt2IUq9pfDtbbfgkeyAiHXQ3lMUA5tHe2ZfOW5Ag.gif?alt=media) |\ \| **調整**:\ \- 日付を表示\ \- 日付形式\ \- 時刻を表示\ \- 時刻形式\ \- タイムゾーンを表示 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-da610c3f37d2c0c686597d5fc8430133787ca037%2FAD_4nXdUECgiOzC4ncoGp-m8vEUcHJuGaod6Z53uqMBp80Hm7J9Qb_59QcRSWGgtv7Mm3UqydixVDLrREX0FIqFI9hqMKDKUXEpAY1pJCqhjKKhrBaQDSNDQy0fMhyte0XlKEnQ3EOCZO6MNr1XMgPFYPwkeyAiHXQ3lMUA5tHe2ZfOW5Ag.png?alt=media) | **スタイル設定** バリアントメタフィールド値要素のスタイル設定は、[こちら](https://help.pagefly.io/manual/elements-style-settings/)のPageFly要素のスタイル設定に従います。 ### よくある問題 #### 商品バリアントメタフィールド要素が表示されない これにはいくつかの理由があります。 * 表示されている商品にバリアントがない * 表示するバリアントメタフィールド定義を選択していない * 要素の商品ソースが「カスタム商品」になっているが、カスタマイズする商品を選択していない #### 商品バリアントメタフィールド要素に「値なし」と表示される バリアントメタフィールド定義に値がないためです。このメッセージを解決するには、**Shopify管理画面 > 商品管理 > バリアント > メタフィールド > 値を定義**に進んでください。 #### バリアントメタフィールド定義を削除する * 「**定義フィールドのみを削除**」を選択した場合、要素はライブビューで通常通り表示されますが、カスタマイズしない限りバリアントメタフィールドラベルは表示されません。 * 「**フィールドと保存された値を削除**」を選択した場合、コンテンツはどこにも表示されなくなります。 ### よくある質問 **1. 商品メタフィールドと商品バリアントメタフィールドの違いは何ですか？** * 商品バリアントメタフィールドは、特定のバリアントに関連する詳細を保存するために使用できます。例えば、赤と緑のバリアントがある場合、それぞれのバリアントに対して異なる情報を持つことができます。 * 商品メタフィールドは、商品に関連する詳細を保存するために使用でき、その商品のすべてのバリアントで同じになります。 ### 追加リソース * [PageFlyでShopify商品にメタフィールドを追加する方法](https://help.pagefly.io/manual/shopify-product-metafield/) * [PageFlyでShopifyの商品バリアントを使用する方法](https://help.pagefly.io/manual/shopify-elements-product-variant/) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/product/how-to-use-shopify-product-variant-metafield-in-pagefly.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.