LPセット販売に対応したシナリオを作成したい。

こちらではLPセット販売に対応したシナリオを作成する方法を説明します。

本機能は ecforce のLPセット販売機能が設定されたLPに設置することを前提としています。
LPセット販売機能やecforce efoのプロファイルの基本設定に関しては以下をご確認ください。

・［オプション］LPのセット販売
・プロファイルを作成する

1. 既存プロファイルの編集画面にて、「product ( 商品 )」シナリオの「メッセージ」の「+」から「商品（product） > セット商品」を選択します。
2. 追加された「セット商品」を展開し、「フォーム」の「 セット商品_商品セレクト - product_set_variant」> 「オプション」を展開します。
3. 「オプション」配下の商品情報の「ラベル」（商品名）と「値」をLPに設定してある商品と同じ内容に編集します。
   ※「値」はecforceのセットの親商品の「商品管理 > 商品管理 > 該当商品」の「タブ：基本設定」の「ID」を「product_"ID"」の形式で入力します。
   
4. 「 セット商品_アイテム - product_set_item_xx」>「オプション」配下の商品情報の「ラベル」（商品名）と「値」をLPに設定してある商品と同じ内容に編集します。
   ※「値」はecforceのセット子商品のSKU ID: 「商品管理 > 商品管理 > 該当商品」の「タブ：SKU管理」のIDです。
   
5. 用途に応じて「セット商品_アイテム - product_set_item_xx」の「フォーム要素」と「フォーム要素タイプ」を設定してください。
6. また、「フォーム」の「＋」から「商品（product）> セット商品_アイテム」を選択することで、商品アイテム追加することができます。
   追加した「商品アイテム」フォームは適切な位置に調整してください。
7. 「チャット設定」の「スタイル設定 > CSS記述欄」にてボタンのレイアウト編集が可能です。以下を参考に必要に応じて設定をしてください。
   

   CSS記述例
   // ラジオボタン（ボタン型）のデザイン変更
   --chat-radio-button-height: 40px; /* 高さ */
   --chat-radio-button-bg-color: white; /* 背景色 */
   --chat-radio-button-hover-bg-color: whitesmoke; /* マウスオーバー時の背景色 */
   --chat-radio-button-checked-bg-color: orange; /* 選択中の背景色 */
   

8. 編集内容を保存して、ビルド実行を行ってください。

<表示イメージ>