1. 【フォーム】商品選択ごとにバナーを出し分ける

【フォーム】商品選択ごとにバナーを出し分ける

2022.11.11 更新
Text=kintsuba
■目的
商品選択ごとにバナーを出し分ける設定

■セット所有時間
30分

下記フォームサンプルページを元に説明します。
サンプルページをブラウザ上でソースコードをご確認いただくか、ファイルをダウンロードして内容をご確認ください。
フォームサンプルページ>
フォームサンプルダウンロード>

※ソースコード確認方法
対象ページをChromeブラウザで開いて下記操作を行ってください。
windows:Ctrl + U
mac:option + command + U


■セットの流れ
編集ファイル:display.js

サンプルページを例に説明をしていきます。
仕様は商品1を選択時はバナーを表示させ、商品2を選択時はバナーを表示させません。

質問3を選択時にどちらの商品が選ばれているかの分岐処理をいれて、バナーの表示を調整します。
66~116行目
if($('.item :radio:eq(0)').prop('checked')){

//商品1選択の処理
}

else {

//商品2選択の処理
}


注意点としては、質問3でバナーを表示後に、質問1の商品選択に戻ったときにバナー以降を非表示にする処理を忘れずに入れてください。
これをしないとバナーの表示が残ってします場合があります。


ガイドの内容はあくまでもサンプルになります。
そのまま使用できない場合は対応するフォームにあわせての編集をお願いします。 
表示設定が正常にできない場合、ソースチェックの有償サポートも行っております。
ご希望の場合は設定代行バナー、もしくはお問い合わせLINE、チャットワークよりご依頼をお願いします。
ご希望通りのセッティングができましたか?

0人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

フリープランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら