楽天スマホ用商品ページで固定のバナー設置について

Question

お世話になります、
楽天のスマホ用商品ページで
・スクロールしても横に固定で貼り付いてるバナー
・スクロールしても下に固定で貼り付いてるバナー

は楽天RMSでどこの設定でできるか教えてください。
またその２つはHTMLでどういったソースになるか教えてください。

よろしくお願いします。

Answer

ECマスターズの田中です。

固定バナーを追加される際は、
下記の方法をご利用ください。

※注：
楽天RMSの、禁止タグを入力できるバグを利用した方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。

最初に、下記の内容をメモ帳に貼り付け、
ファイル名の末尾を「.css」にして保存したCSSファイルを、
GOLDサーバ内に設置してください。
===== この下の行から ============
/* 右に固定するバナー */
.spFixedSideBanner img{ 
display: block;
position: fixed;
right: 0px; /* ←左に固定する場合は left: 0px; に変更 */
bottom: 画面下からの距離px;
z-index: 999;
}
/* 下に固定するバナー */
.spFixedBottomBanner img{
display: block;
position: fixed;
left: 0px;
bottom: 0px; /* ←上に固定する場合は top: 0px; に変更 */
z-index: 999;
width: 100%;
}
===== この上の行まで ============
※画面下からの距離は、実際の値（半角数字）にご変更ください。

続いて、スマートフォン用共通説明文に
下記のHTMLタグを貼り付けることで、
固定バナーを設置することができます。
===== この下の行から ============







===== この上の行まで ============

Answer

ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公開前に、当質問への返信として、
先行してお知らせさせていただきます。

HTMLやスタイルシートを書くことなく、
完成したHTMLをヘッダー・フッター・レフトナビに貼り付けるだけで
固定バナーを簡単に設置することができます。

オプションを詳しく設定することで、
マウスを乗せると動いたり、半透明になったり、
IDを変えることで複数設置することも可能です。

もし、新しいバナーに入れ替える機会などありましたら、
ぜひ、下記URLより「バナー設置君」をお試しいただき、
わかりづらい点やご希望などございましたら
お知らせいただければと思います。
https://ec-masters.club/fwd3/fixedbannerkun