小さな会社のためのECサイトプロデュース|ブレイントラスト
  • Yahoo!コマースパートナーBest Store Awards 2020特別賞
  • Yahoo!コマースパートナー認定

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

2017年3月に楽天では「フローティング買い物かごボタン」機能が追加されました。

その際に、買い物かごの横幅が広がってしまったためにレイアウトが崩れてしまっているので、cssを記載して横幅を狭めてみましょう。

狭め方は色々ありますが、下記コードをいれてカートを縦に並べる方法だと、機能性も損なわないのでお勧めです。



<style>
.cart-button-container { float: left !important;}
.floatingCartSplitButtons{ width: 400px; overflow: hidden; zoom: 1;}
</style>


こちらのタグをヘッダー、または共通説明文(大)などに読み込んで利用して下さい。