楽天商品ページ　スクロールバナー

Question

いつもお世話になっております。
下記URLのようなスマートフォン商品ページをスクロールしてもバナーが付いて来るような仕様にしたいのですが、ｃｓｓ等で付けることは可能でしょうか？

宜しくお願い致します。

参考URL
http://item.rakuten.co.jp/queenhead/5039-1/

Answer

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

Answer

早速のご回答ありがとうございます。

早速手順の通り設置したのですが、商品ページ共通説明文のHTMLで
linkとdivが許可されないHTMLタグとのエラーが出てしまいます。

この場合はどのようにしたら宜しいでしょうか？

Answer

ECマスターズの田中です。

HTMLタグには、行の末尾に半角・全角スペースが入っているのですが、
スペースも含めて、そのままコピー＆ペーストしてご利用ください。
行末尾のスペースを入れることで、禁止タグのチェックを回避しております。

楽天商品ページ スクロールバナー

楽天商品ページ　スクロールバナー