バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kuroryu
投稿日時: 2019/11/29 6:34
対応状況: −−−
新米
登録日: 2019/11/20
居住地:
投稿: 5
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
居住地: 東京日本橋
投稿: 1414
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-CUBE3系4系 カスタマイズ ECのプロがシステム特急案件承ります。
公式インテグレートパートナー エンジニア募集中U-Mebius

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


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は54,402名です
総投稿数は94,215件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
2015
4
468
1918
5
yuh
1610
6
umebius
1414
7
red
1376
8
h_tanaka
940
9
fukap
907
10
tsuji
856
11
shutta
835
12 ramrun 789
13
tao_s
781
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 437


ネットショップの壺

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

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