ブレイントラスト EC LEARNING(ec・ラーニング)

ビギナーにも使えるヒントが満載。 ネットショップコンサルのプロがノウハウをお届け。

開店構築費5万円、最短5	営業日で完成! ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング ECサイトの更新、コンサルティング
楽天で買い物かごの表示が変わって、商品ページのレイアウトが崩れてしまいました。何かいい対応方法はありますか?

楽天で買い物かごの表示が変わって、商品ページのレイアウトが崩れてしまいました。何かいい対応方法はありますか?

2017年3月に楽天では「フローティング買い物かごボタン」機能が追加されました。
その際に、買い物かごの横幅が広がってしまったためにレイアウトが崩れてしまっているので、cssを記載して横幅を狭めてみましょう。
狭め方は色々ありますが、下記コードをいれてカートを縦に並べる方法だと、機能性も損なわないのでお勧めです。

<style> .cart-button-container { float: left !important;} .floatingCartSplitButtons{ width: 400px; overflow: hidden; zoom: 1;} </style>
こちらのタグをヘッダー、または共通説明文(大)などに読み込んで利用して下さい。