質問: スマホ フローティングバナー いつもお世話になっております。スマホ下方に添付画像のような横並びのフローティングバナーを入れたいと思っているのですが、どのようなタグで入れることができるのでしょうか。三枚並べたいと思っています。よろしくお願い致します。
回答: ecマスターズの田中です。方法をご案内差し上げる前に、2点ほどご注意いただきたい内容がございます。下記でご案内差し上げる方法はrmsの、禁止タグを入力できるバグを利用しておりますので、今後、rmsの改修により、使用できなくなる可能性があります。また、画面下部のバナーを、既存の「商品をかごに追加」「ご購入手続きへ」ボタンを覆い隠す形で設置された場合、ガイドラインにて定められた、下記の共通コンテンツを隠すという禁止行為に該当する可能性があり、違反点数の加算措置を受ける可能性がございます。----[重要]取扱禁止商材・禁止行為ガイドライン改定についてhttp://rd.rakuten.co.jp/rn/support_n/1702/02/32245233/?shops2-(9)-31当社が全店舗に提供している共通コンテンツを隠す行為を禁止行為に新規指定 [禁止行為] 以下のような、当社が全店舗に提供している共通コンテンツの一部もしくは全部を隠す、または変更する行為 ・「http://www.rakuten.co.jp/」または「http://item.rakuten.co.jp/」で始まるページにおける共通ヘッダ部分 (※goldページはこれに該当しません)----下記でご案内差し上げる方法は既存の「商品をかごに追加」「ご購入手続きへ」ボタンの裏側に配置する形となりますので、上記ボタンが表示されている間は隠れますことを、予めお含みおきください。最初に、楽天goldにて、バナーを表示するためのhtmlファイルをご用意ください。次に、下記の内容をメモ帳に貼り付けていただき、ファイル名の末尾を「.css」にして外部cssファイルとして保存し、楽天goldにアップロードしてください。= この下の行から ====================#spfixedbanner { position: fixed; bottom: 0; left: 0; width: 100%;}= この上の行まで ====================最後に、下記htmlソースをスマートフォン用共通説明文にご記載いただくことで、画面下部にバナーを固定表示させることができます。= この下の行から ===================== この上の行まで ====================※外部cssファイルのurl、バナー表示用htmlのurlは、実際のurlにご変更ください。