ページビルダー Pro for EC-CUBE4.2 / 情報の入力(ECCUBEフォーム)

ステップ1 情報の入力
ステップ2 受付完了

demo2

{"display":"form","components":[{"label":"カスタム HTML","content":"<h3><strong>注文書</strong></h3>\n<p>\n下記のフォームにご注文内容をご記入ください。後日、弊社より折り返しご連絡差し上げます。ご注文の完了は、ご注文の詳細と在庫を確認させていただいてからとなります。迅速なご注文手続きをご希望の場合、または現在の在庫状況や価格の確認をご希望の場合は、（+81）000-0000 または no_reply@example.com までお問い合わせください。\n</p>","type":"htmlelement","input":false,"key":"カスタムHtml","tableView":false},{"label":"初めてのご注文ですか。","inline":false,"values":[{"label":"初めて","value":"初めて"},{"label":"以前に利用したことがある","value":"以前に利用したことがある"}],"type":"radio","input":true,"key":"radio","tableView":false},{"label":"どのアイテムをご希望ですか。","rows":2,"validate":{"required":true},"type":"textarea","input":true,"key":"textArea","tableView":true},{"label":"ご希望の色をお選びください","values":[{"label":"色 1","value":"色1"},{"label":"色 2","value":"色2"},{"label":"色 3","value":"色3"},{"label":"色 4","value":"色4"},{"label":"色 5","value":"色5"}],"type":"selectboxes","input":true,"key":"selectBoxes","tableView":false,"inputType":"checkbox"},{"label":"商品オプション","description":"各色のサイズと数量をお選びください","type":"textarea","input":true,"key":"textArea1","tableView":true},{"label":"ご連絡先情報","type":"textfield","input":true,"key":"textField","tableView":true},{"label":"お名前","validate":{"required":true},"type":"textfield","input":true,"key":"textField1","tableView":true},{"label":"電話番号","validate":{"required":true},"type":"phoneNumber","input":true,"key":"phoneNumber","tableView":true},{"label":"メールアドレス","type":"email","input":true,"key":"email","tableView":true},{"label":"ご希望の連絡方法","values":[{"label":"電話","value":"電話"},{"label":"メール","value":"メール"}],"validate":{"required":true},"type":"selectboxes","input":true,"key":"selectBoxes1","tableView":false,"inputType":"checkbox"},{"label":"ご質問とコメント","rows":5,"type":"textarea","input":true,"key":"textArea2","tableView":true},{"label":"送信する","type":"button","input":true,"key":"submit","tableView":false}]}