# 商品バリエーションのメタフィールド ### 商品バリアントメタフィールド要素について 多様なバリアントを持つ多くの商品を管理しており、それぞれに特定の情報を表示する必要がある場合、商品バリアントメタフィールド要素を使用することでニーズに完璧に応えることができます。これは、顧客を効果的にターゲティングし、ストアのコンバージョン率を最適化するための強力なソリューションです。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/)