バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > 画面をスクロールすると追従するカートを止めたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ken.ranger
投稿日時: 2020/4/17 3:37
対応状況: −−−
新米
登録日: 2020/4/17
居住地:
投稿: 7
画面をスクロールすると追従するカートを止めたい
[EC-CUBE] 4.0.3 新規インストール
[レンタルサーバ] CPI
[OS] FreeBSD 12.0
[PHP] PHP 7.3.12
[データベース] MySQL 5.7.25
[WEBサーバ] Apache 2.4.41
[ブラウザ] Google Chrome
[導入プラグインの有無] 有
[カスタマイズの有無] 無
[現象]
デフォルトのテンプレートの
ご注文手続き画面やご注文内容のご確認画面にある
画面をスクロールすると追従してくる右側にあるカート(フローティングカート?)の追従を止めたいのですが、どのようにしたら止めることができるでしょうか?
お分かりになる方は、教えて頂けると助かります。宜しくお願いいたします。
kss
投稿日時: 2020/4/17 7:18
対応状況: −−−
半人前
登録日: 2020/2/12
居住地:
投稿: 18
Re: 画面をスクロールすると追従するカートを止めたい
html/template/default/assets/js/function.js にある


        // PC表示の時のみに適用
        if (window.innerWidth > 767) {

            if ($('#shopping-form').length) {

                var side = $(".ec-orderRole__summary"),
                    wrap = $("#shopping-form"),
                    min_move = wrap.offset().top,
                    max_move = wrap.height(),
                    margin_bottom = max_move - min_move;

                var scrollTop = $(window).scrollTop();
                if (scrollTop > min_move && scrollTop < max_move) {
                    var margin_top = scrollTop - min_move;
                    side.css({"margin-top": margin_top});
                } else if (scrollTop < min_move) {
                    side.css({"margin-top": 0});
                } else if (scrollTop > max_move) {
                    side.css({"margin-top": margin_bottom});
                }

            }
        }


という部分が該当する処理です。
この範囲を削除するか、 /* ～ */ で括ってコメント化することで無効にできます。


/*
        // PC表示の時のみに適用
        if (window.innerWidth > 767) {

            if ($('#shopping-form').length) {

                var side = $(".ec-orderRole__summary"),
                    wrap = $("#shopping-form"),
                    min_move = wrap.offset().top,
                    max_move = wrap.height(),
                    margin_bottom = max_move - min_move;

                var scrollTop = $(window).scrollTop();
                if (scrollTop > min_move && scrollTop < max_move) {
                    var margin_top = scrollTop - min_move;
                    side.css({"margin-top": margin_top});
                } else if (scrollTop < min_move) {
                    side.css({"margin-top": 0});
                } else if (scrollTop > max_move) {
                    side.css({"margin-top": margin_bottom});
                }

            }
        }
*/


ファイルを変更してもブラウザのキャッシュの影響で反映されない場合もありますので、その場合はスーパーリロードなどを行なってキャッシュをクリアしてください。
ken.ranger
投稿日時: 2020/4/17 12:16
対応状況: −−−
新米
登録日: 2020/4/17
居住地:
投稿: 7
Re: 画面をスクロールすると追従するカートを止めたい
kss様、早速のご回答ありがとうございました。
出来ました!
自分で色々と調べてみたりはしたのですが。。
このようなコミュニティがあってとても助かりました。
そしてご回答いただきましたkss様本当にありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft 		7367
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2313
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1646
8
red 		1570
9
mcontact 		1294
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.