スマホページのキャンペーンバナーについて

Question

こんにちは。いつもお世話になっております。

ケンコーコムが現在クーポンを配布イベントをおこなっていますが
スマホページで
楽天が無理矢理つけたカートに入れるという部分を消して独自バナーを掲載しています。

http://item.rakuten.co.jp/kenkocom/e418031h/
（スマホでみてください）

これをやるにはどうしたらよいか、教えて頂けたらと思います
お忙しい中申し訳ありませんが宜しくお願い致します。

Answer

ECマスターズの田中です。

※以下の内容でご紹介するHTMLソースは、
　楽天RMSの、禁止タグを入力できるバグを利用しておりますので、
　今後、RMSの改修により、使用できなくなる可能性があります。

「買い物かごに追加」「ご購入手続きへ」のボタンは
消すことは可能ですが、
全ショップ共通で楽天が提供している機能を消すことで、お客様に対して、
商品を買い物かごに入れられない、購入手続きへ移動できない、といった
ご不便をおかけする可能性がありますので、
オススメいたしません。

それでも「買い物かごに追加」「ご購入手続きへ」ボタンを消して
画面下部に独自バナーを掲載させる場合は、

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.css」にして
外部CSSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
.spFixedBanner{
	width: 100%;
	position: fixed;
	bottom: 0;
	left:0;
	z-index: 100;
	text-align: center;
}
.spFixedBanner img{
	width: 100%;
	vertical-align: bottom;
}
@media only screen and (orientation : landscape) {
.spFixedBanner img{
	max-width: 360px; /* 画面を横にした時のバナーの横幅 */
}
}

body #floatingCartContainer { display: none !important; }
= この上の行まで ====================

次に、下記HTMLソースを
共通説明文内に記載することで、
独自バナーの設置が完了します。

= この下の行から ====================




= この上の行まで ====================
※外部CSSファイルのURLは、先の手順でアップロードしたファイルのURLにご変更ください。
※リンク先URL、バナー用画像URLは、実際のURLにご変更ください。

Answer

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