バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > PCカート画面で追従する右カラムが永遠にスクロールされる

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ho-jo
投稿日時: 2023/11/8 16:20
対応状況: −−−
新米
登録日: 2020/9/15
居住地:
投稿: 5
PCカート画面で追従する右カラムが永遠にスクロールされる
▼テンプレート
[EC-CUBE] EC-CUBE4系
[OS] macOS Monterey
[ブラウザ] chrome
[現象] 標準機能でPC画面の右側に表示されるカートボタンエリアについて、「ご注文手続き(/shopping)」や「ご注文内容確認(/shopping/confirm)」画面で確認できますが、追従するのはいいのですが、なぜか永遠にスクロール可能になっております。
追従で使い勝手がいいはずなのに、なぜか止まらない仕様が気になります。
これには「スクロール最大値ここまで」みたいな設定が必要になるかと思いますが何かいい方法があれば教えてください。
mcontact
投稿日時: 2023/11/9 8:17
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1295
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
ec-cube4.1.2および4.2.2を初期インストール環境にて、windowsのchromeブラウザで確認しましたが、特に永遠にスクロールする事はありませんでした。
なんらかのカスタマイズやデザイン変更等を行っていませんか?
また、ブラウザキャッシュ等の削除をしても改善しませんか?


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

ho-jo
投稿日時: 2023/11/9 9:20
対応状況: 確認中
新米
登録日: 2020/9/15
居住地:
投稿: 5
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
mcontact様

ありがとうございます。初期状態での確認で永遠にスクロールされませんでした。大変失礼しました。

bootstrapか何か影響しているのかもしれません。
なぜか毎回同じ現象になるので初期状態だと思い込んでいました。
ho-jo
投稿日時: 2023/11/10 17:25
対応状況: 解決済
新米
登録日: 2020/9/15
居住地:
投稿: 5
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
node_module配下にbootstrapを配置しており、推測ですが何かが影響してしまうようです。どのファイルか特定はできませんでした。

上書きする形なので最善策ではないかもしれませんが、以下対応で標準に近い挙動になりましたので残します。

・function.jsにあるec-orderRole__summaryの記述を編集し、高さを計測&heightを適用させる
・ec-orderRole__summaryはCSSで高さ分stickyにする

もしnode_module配下にbootstrapを置かなくてもSCSSのコンパイルがエラーにならない方法があればご教示ください。
mcontact
投稿日時: 2023/11/17 14:49
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1295
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
> もしnode_module配下にbootstrapを置かなくてもSCSSのコンパイルがエラーにならない方法があればご教示ください。
どういう内容のSassファイルにしているのか分かりませんし、エラー時のメッセージにエラー内容を記載していないのでお答えしようがありません。


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

ho-jo
投稿日時: 2023/11/17 15:15
対応状況: −−−
新米
登録日: 2020/9/15
居住地:
投稿: 5
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
ありがとうございます。
ディレクトリnode_modulesが生成されますが、空なので以下のようなbootstrapがないよというエラーになります。
そのため都度bootstrapを配下に入れるようにしています。このエラーを回避しないとコンパイルしてくれないためです。
(コマンドではなくPreprosというツールを使っています)
みなさんはnode_modules空のまま構築されるのでしょうか。

Can't find stylesheet to import.
style.scss
@import "../../../../../node_modules/bootstrap/scss/bootstrap";
on line 3, column 9 of style.scss
mcontact
投稿日時: 2023/11/17 15:57
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1295
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
> (コマンドではなくPreprosというツールを使っています)
EC-CUBE公式では、下記のドキュメントにてScssの利用については記載していますので、公式外のツールなどを使用した場合は各自で調べてくださいというスタンスかと思います。
https://doc4.ec-cube.net/design_sass

Can't find stylesheet to import.
style.scss
@import "../../../../../node_modules/bootstrap/scss/bootstrap";
on line 3, column 9 of style.scss

エラー内容に記載されている通り、
@import "../../../../../node_modules/bootstrap/scss/bootstrap";

にインポートしているファイルがエラーを返している為かと思います。


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

ho-jo
投稿日時: 2023/11/20 13:14
対応状況: −−−
新米
登録日: 2020/9/15
居住地:
投稿: 5
Re: PCカート画面で追従する右カラムが永遠にスクロールされる
ご教示ありがとうございます。
ツール等含め検討したいと思います。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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
1295
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.