商品オプションの使用
製品オプションは、製品をカスタマイズするための便利で柔軟な方法を提供します。 オプションを使用すると、サイトで販売される製品に選択可能または編集可能なフィールドを追加できます。 顧客は製品のバリエーションやバンドルなどから選択できるようになります。
オプションの使用を開始するには、オプション テンプレートを 作成して構成し ます。 次に、テンプレートの構成に応じて、 値 を追加します。 作成したら、グローバル テンプレートに影響を与えることなく、製品に テンプレートを適用 し、製品レベルで テンプレートの設定と値を構成 することができます。
オプションテンプレートの作成
-
グローバル メニュー (
) を開き、 コマース → オプションに移動します。 -
追加 (
) をクリックします。![新しいオプション テンプレートを作成するには、[追加] をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/commerce/product-management/creating-and-managing-products/products/using-product-options/images/01.png)
-
名前フィールドに名前を入力し、 オプション フィールド タイプを選択します。 利用可能なフィールド タイプはいくつかあります。
項目タイプ 説明 例 プルダウン 顧客が選択できるテキスト値のドロップダウンリストを追加します 製品の異なるバリエーション(異なるRAM + ストレージ構成のスマートフォン)を選択する テキストボックス 顧客がテキストを入力するための空白のフィールドを追加します 製品(T シャツ、マグカップなど)にカスタム メッセージを追加します Liferay DXP 2025.Q3+ アップロード 顧客は製品選択プロセスの一環としてファイル(画像、PDFなど)をアップロードできます。 チェックアウト時に T シャツのデザイン画像またはパーソナライズされたコンテンツをアップロードします。 ラジオボタン オプションの値のラジオボタンリストを追加します いくつかのオプションから無料ギフトを選択してください 複数選択 オプションの値にチェックボックスリストを追加し、顧客が複数の値を選択できるようにします。 スマートフォンにスクリーンガードとケースを追加する 日付 顧客が日付を入力するためのフィールドを追加します 商品の配送日を選択してください 数値 顧客が整数を入力するための空白フィールドを追加します 製品(T シャツ、マグカップなど)にカスタム番号を追加します ブール値 オプションにブールチェックボックスを追加します たとえば、製品に保険を追加するなど、はい/いいえのオプションから選択します。 Liferay DXP 2024.Q2+/Portal GA120+ リストから日付を選択 顧客が選択できる日付のドロップダウンリストを追加します コンサート、ライブ クラスなど、製品に利用可能なさまざまな時間枠から選択します。 重要アップロード オプションは参照ファイルとして注文とともに保存され、SKU バリエーションの生成には使用されません。
キー フィールドは名前に合わせて自動的に生成されますが、必要に応じて手動で変更することもできます。
-
[保存]をクリックします。
これにより、作成されたオプションの新しい構成ページが開きます。
-
(オプション) 説明 テキスト ボックスに説明を追加できます。
-
(オプション) オプションを製品の検索フィルターとして使用するには、 「ファセットナビゲーションで使用」 トグルを有効にします。
-
(オプション) 製品を顧客のカートに追加する前にオプションの選択を強制するには、 必須 トグルを有効にします。
-
(オプション) SKU コントリビューター トグルを有効にして、オプションの値を使用して SKU を作成します。 顧客は利用可能なオプション値から選択する必要があります。
重要SKU コントリビューター トグルは、 単一選択 および リストから選択 フィールド タイプでのみ有効にできます。
-
[保存]をクリックします。
ここで、オプション テンプレートに 汎用値 を追加するか、この手順をスキップして オプション を個々の製品に適用することができます。
または、製品ページから基本オプション テンプレートを作成することもできます。 グローバル メニュー (
) を開き、 コマース → 製品に移動します。 製品を選択し、 オプション タブに移動します。 オプションの追加フィールドに新しいオプションの名前を入力し、 新規作成をクリックします。 これにより、オプション テンプレートが作成され、製品に適用されます。
オプションテンプレートへの値の追加
オプションでこれらのフィールド タイプのいずれかを使用する場合は、それに値を追加する必要があります。
- プルダウン
- ラジオボタン
- 複数選択
- Liferay DXP 2024.Q2+/Portal GA120+ リストから日付を選択
-
グローバル メニュー (
) を開き、 コマース → オプションに移動します。 -
オプション テンプレートを選択し、[値] セクションまで下にスクロールします。
-
追加 (
) をクリックします。 -
値の 名前 を入力します。 名前に合わせてキーが自動的に生成されますが、必要に応じて手動で変更することもできます。
-
値の 位置 を設定して、リストされる順序を決定します。
-
オプション テンプレートに値を追加するには、 [送信] をクリックします。

必要に応じて、オプションに汎用値を追加できます。
リストから日付を選択するための値の追加
Liferay DXP 2024.Q2+/ポータル GA120+
-
リストから日付を選択オプション テンプレートを選択します。
-
値セクションまで下にスクロールし、 追加 (
) をクリックします。 -
次のフィールドに基づいてオプション値の情報を入力します。
項目 説明 日付 オプション値の日付を指定します。 デフォルト値は現在の日付です。 時間 オプション値の時間を指定します。 デフォルト値は UTC の現在の時刻です。 標準時 オプション値のタイムゾーンを指定します。 デフォルトのタイムゾーンは UTC です。 継続期間 期間の整数値を指定します。 期間タイプ 期間の種類を時間と日の間で指定します。 デフォルトの期間タイプは時間です。 ラベル オプション値のラベルを指定します。 このフィールドは編集できません。 日付、時刻(タイムゾーン)、期間期間タイプの形式で生成されます 配置 オプション値の優先順位を指定して、表示順序を決定します。 デフォルト値は 0です。
-
[送信]をクリックします。
値を追加した後は、オプションの種類を変更することはできません。 このタイプは SKU コントリビューターとして使用でき、製品を購入するときに選択できるオプションは 1 つだけです。 ストアフロントに表示される日付/時刻の値には、ユーザーのロケールが使用されます。 ユーザーにロケールがない場合は、サイトのロケールが使用されます。
この機能は、Liferay DXP 2024.Q2/Portal GA120 の リリース機能フラグ でリリースされました。 2024.Q3/Portal GA125 に一般公開 (GA) されました。
オプションテンプレートを商品に適用する
-
グローバル メニュー (
) を開き、 コマース → 製品に移動します。 -
製品を選択し、 オプション タブに移動します。
-
オプションの追加 フィールドに名前を入力し、 新規作成をクリックします。 オプション テンプレートがすでに作成されている場合は、 [選択]をクリックします。

オプションは製品にすぐに適用されます。 既存のオプション テンプレートを選択した場合は、テンプレートのすべての値が含まれます。 テンプレートの値に影響を与えずに、値を追加、削除、または編集することができます。
必要に応じて、同じ製品に複数のオプションを追加できます。 詳細については、「 製品バリアントのSKUの作成 」を参照してください。
SKU コントリビューター トグルを有効にすると、オプションの値を作成した後に、SKU を手動で生成する必要があります。 これを行うには、製品の SKU タブに移動し、 追加 (
) をクリックし、 すべての SKU の組み合わせを生成を選択します。 値ごとに一意の SKU が直ちに生成されます。 SKU が生成されない場合、オプションのフィールドにはその値が表示されません。

商品に適用されるオプションと値の設定
オプションを製品に適用すると、オプションとその値の追加構成設定にアクセスできるようになります。
製品のオプションに加えられた変更はオプション テンプレートには影響しません。また、その逆も同様です。
追加のオプション設定
追加の設定を表示するには、「オプション」セクションからオプションを選択します。

名前: オプションの名前を設定します。
説明: オプションの説明を設定します。
位置: オプションの表示順序を決定する優先順位を設定します。優先順位は 0.0から始まります。
フィールドタイプ: オプションのフィールドタイプを設定します。
価格タイプ: オプションの値に使用する価格タイプ ( 動的 または 静的) を設定します。
-
動的 - SKU に値をリンクする必要があり、値自体の価格にはリンクされた製品の価格を使用します。
-
静的 - オプションの値に固定価格を使用します。 値が製品にリンクされている場合、静的価格は製品の価格を上書きしますが、定価には影響しません。
価格タイプ属性は、単一選択およびリストから選択のフィールド タイプとのみ互換性があります。
追加の値の設定
デフォルト: トグルを使用して、オプション値をオプションのデフォルトとして設定します。
デルタ価格 (静的価格設定の場合のみ): 値に特定の価格を設定します。
商品: 既存のSKUを値にリンクし、その数量を指定します。
製品は、価格タイプ属性を持つオプションにのみリンクできます。
関連トピック
以前のバージョンの Commerce で製品オプションを使用する方法については、「 Commerce 2.1 以前のバージョンの製品オプションの使用 」を参照してください。