楽天の買いものカゴの表示崩れについて

Question

お世話になっております。

フローティング買い物かごボタンのリリースのせいか、
IE１１でのCSSを利用した買い物かご回りの表示の崩れが起こっています。
また、フローティング買いものカゴも表示されておりません。

FireFox・Chromでは問題ないです。

恐れ入りますが、対応方法を教えてください。
以下が使用しているタグです。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

実際の商品ページを確認したところ、
PC用商品説明文の先頭に（一括で？）挿入されている
https://www.rakuten.ne.jp/gold/ショップURL/rakuraku/shopreview11194/index.html
において、フォントを外部読み込みするためのURLが「http://」から始まっており、
セキュリティ上の警告を引き起こした結果、
かご周りやフローティング買い物かごの表示崩れを起こしておりました。
（IE11以外のブラウザでは、URLを問答無用で読み込み停止しているため、他への影響がありませんでした）

外部サービスを利用して更新されているツールであれば
サービスの設定画面より、HTMLの内容を（http://からhttps://に）修正していただくか、
このを削除していただく必要があります。

Answer

ありがとうございました。
表示崩れについては解決いたしました。

ただ、IEではフローティングの買いものカゴがページの上に固定されたままになってしまいます。
スクロールと一緒についてこないです。

FireFox・Chromではフローティング買いものカゴ自体が表示されません。

解決方法はありますでしょうか。

Answer

ECマスターズの田中です。

＞IEではフローティングの買いものカゴがページの上に固定されたままになってしまいます。
＞スクロールと一緒についてこないです。

私にて、Windows10上のIE11で確認したところ、
フローティング買い物かごは問題なくスクロールと一緒についてきましたが、
互換表示をオンにしたところ、
仰るとおりページの上に固定されたままになってしまいました。

11以前のIEをご利用されているか、互換表示がオンになってはおりませんでしょうか。
IE11をご利用の際は、下記ページをご参照いただき、
https://121ware.com/qasearch/1007/app/servlet/relatedqa?QID=015454
Microsoft 互換性リストの利用のチェックを解除、
およびリストに「rakuten.co.jp」がありましたら削除をしていただき、
再度、表示をご確認いただきますようお願いします。

＞FireFox・Chromではフローティング買いものカゴ自体が表示されません。

私にて確認したところ、問題なく表示することができました。
フローティング買い物かごは、本来の買い物かごボタンの周辺までスクロールすると
非表示になる仕様になっているのですが、
読み込みに時間がかかっている間に、買い物かごまでスクロールされてはおりませんでしょうか。

一度、商品ページを読み込んだ後、少しだけスクロールした状態で待機していただき、
フローティング買い物かごが表示されないかどうか、ご確認をお願いいたします。

Answer

ご返答ありがとうございました。

IEは解決いたしました。

FireFox・Chromでは表示確認できませんが
PCの読み込みの時間の問題理解いたしました。

ありがとうございます。