バージョン選択

フォーラム

メニュー

オンライン状況

55 人のユーザが現在オンラインです。 (48 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 54
marmarass もっと...

サイト内検索

 > フロント機能 > 支払方法を変更させた際に、オーバーレイを表示させたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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);

});
-----------------------


お騒がせ致しました・・・。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,711名です
総投稿数は109,948件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1638
8
red
1570
9
mcontact
1285
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.