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

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

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

カテゴリーから探す