楽天フローティングバナーを入れる方法

Question

お世話になります！こちらの店舗さんのような検索フローティングバナーを入れる方法を教えていただけますでしょうか。

https://item.rakuten.co.jp/kyuzo-shop/ac-gf000664_c/

Answer

ECマスターズの清水です。

拝見しましたところ



というHTMLの記述に対して、
外部ファイルのスタイルシートにて、

.クラス名 {
    position: fixed !important;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: ●px;
    width: 100%;
    z-index: 99999;
}

というように設置されているようです。

RMSにてヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に、
HTMLファイルを作成して、クラス名を指定して、以下のタグにて設置すれば、
すべての商品ページに反映されますが、
テストで設置される場合は、ヘッダー・フッター・レフトナビ、
もしくは共通説明文（大）テスト用のテンプレートを作成するなどして、
お試しくださいませ。



.クラス名 {
    position: fixed !important;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: ●px;
    width: 100%;
    z-index: 99999;
}

Answer

ご返答ありがとうございます！早速やってみます。