複数商品選択方式のフォーム一体型LPで、<a>タグなどの要素クリックで選択商品を切り替える方法

※この機能は【2017年12月18日】に正式リリースしました

選択商品を切り替えるhtmlタグサンプル

<a href="javascript:;" onclick="doSetProduct(1, 1)">購入商品1に切り替え</a>
<a href="javascript:;" onclick="doSetProduct(2, 1)">購入商品2に切り替え</a>

<p onclick="doSetProduct(1, 1)">購入商品1に切り替え</p>

<div onclick="doSetProduct(1, 1)">購入商品1に切り替え</div>

解説

doSetProduct(1, 1)

onclick属性に上記コードが設定されている場合に、商品が切り替わります。

※<a></a>タグで使用する場合は、href属性に「javascript:;」を設定してください

商品の指定方法

最初の数字が購入商品に紐付きます。
（フォーム一体型LPの登録画面にて登録した購入商品1～5）

購入商品１：doSetProduct(1, 1)
購入商品２：doSetProduct(2, 1)

入力フォームへの移動有無

カンマ区切りで「1」が設定されている場合は、入力フォームまで移動します。
doSetProduct(1,1)

逆に以下のような設定では移動しません。
doSetProduct(1)
doSetProduct(1,0)