> フロント機能 > 支払方法を変更させた際に、オーバーレイを表示させたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
MBA |
投稿日時: 2016/5/31 20:11
対応状況: −−−
|
半人前 登録日: 2011/12/23 居住地: 投稿: 15 |
支払方法を変更させた際に、オーバーレイを表示させたい EC-CUBE 3.0.8 を使用して構築しております。
とある会社のカード決済プラグインを導入したところ、 支払方法の変更のラジオボタンをクリックするとページ読み込みに時間がかかるようになりました。 カートに入れるボタンをクリックした時のように、 半透明のオーバーレイを表示させたいと思い、 ラジオボタンの li の class に prevention-mask を追加してみましたが、 クリックすると、</body>の上に、 <div class="prevention-masked"></div>が2つ出力されてしまい、 透明度がかなり暗くなってしまいます。 prevention-mask と prevention-btn のclassを追加した時には、 <div class="prevention-masked"></div>が1つのみ出力され、 透明度は良い感じですが、送信まで勝手にされてしまいます。 勝手に送信されずに、<div class="prevention-masked"></div>が1つのみ出力される方法を ご存知の方はいらっしゃいませんでしょうか。 何卒、よろしくお願い致します。 |
MBA |
投稿日時: 2016/6/7 12:09
対応状況: 解決済
|
半人前 登録日: 2011/12/23 居住地: 投稿: 15 |
自己解決しました 色々と試していたところ、無事自己解決しましたのでご報告いたします。
Shopping/index.twig の script記述エリアに、 下記のスクリプトを追記する事で、支払方法選択時にマスクが表示されるようになりました。 ----------------------- $('.payment_list label').addClass('prevention-mask2'); $('.prevention-mask2').change( function() { $overlay = $('<div class="prevention-masked">'); $('body').append($overlay); }); ----------------------- お騒がせ致しました・・・。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |