バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > TOPページにカートを設置した後、更新しないとカートが開かない

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kuroryu
投稿日時: 2019/11/29 6:34
対応状況: −−−
新米
登録日: 2019/11/20
居住地:
投稿: 10
TOPページにカートを設置した後、更新しないとカートが開かない
▼テンプレート
[EC-CUBE] EC-CUBEの3.0.17、新規インストール
[レンタルサーバ] Xサーバ
[OS] Windows7
[PHP] 使用しているPHPのバージョン
[データベース] 使用しているDB名、バージョン
[WEBサーバ] 使用しているWEBサーバ名、バージョン
[ブラウザ] Firefox70.0.1
[導入プラグインの有無] あれば導入プラグインを記載
[カスタマイズの有無] あればカスタマイズ内容を記載(できるだけ具体的に)
[現象]
https://tsubo.ec-cube.net/2017/08/02/7149
↑こちらのサイトを見て、トップページにカートボタンを追加したのですが、商品をカートに追加した後、カートページに移動しようとクリックすると何も起こらず、一度ページを更新してから、カートページに移動しようとすると正常にカートページが開きます。
これを、ページ更新しなくてもカートページに移動できるようにするにはどうすればよいのでしょうか?
umebius
投稿日時: 2019/11/29 9:25
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: TOPページにカートを設置した後、更新しないとカートが開かたい
確かに記事のままだとそうですね。
カートに追加後、個数は更新されるがカートに入っている商品一覧のポップアップが開かないのでカートに移動できないということですよね?

ポップアップを開く部分がjavascriptなので、後から変更したHTMLはクリックイベントを登録してやらないと開かないです。

おそらく、$('#cart_area').html(html);の後で下の処理をしてやると開くと思います。

$('.cart-trigger').on('click', function (event) {
        event.preventDefault();
        toggleCart();
        $('#wrapper').removeClass('drawer-open');

    });


    function toggleCart(type) {
        if (type == "close") {
            //close cart
            $('.cart').removeClass('is-visible');
            $('.cart-trigger').removeClass('cart-is-visible');
            $('.overlay').removeClass('cart-is-visible');
        } else {
            //toggle cart visibility
            $('.cart').toggleClass('is-visible');
            $('.cart-trigger').toggleClass('cart-is-visible');
            $('.overlay').toggleClass('cart-is-visible');
            ($('.cart').hasClass('is-visible')) ? $('.overlay').addClass('is-visible') : $('.overlay').removeClass('is-visible');
        }
    }



---------------
あるいは、弊社ではだいたい
html/template/default/js/function.jsを修正してしまってます。

$('.cart-trigger').on('click', function (event) {を
$('body').on('click','.cart-trigger', function (event) {

に変えてしまいますが、これだけでも動くと思います。


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

kuroryu
投稿日時: 2019/11/29 19:44
対応状況: 解決済
新米
登録日: 2019/11/20
居住地:
投稿: 10
Re: TOPページにカートを設置した後、更新しないとカートが開かたい
2種類の方法を教えてくださりありがとうございます!
上の方法で追記したところ、希望の挙動ができました。
ありがとうございました!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.