スマホの共通バナー

Question

いつもお世話になっております。

SS中に、目立つ共通バナーを貼りたいのですが
http://item.rakuten.co.jp/soukai/4906156500677/

ソウカイドラッグのこのページのように、丈夫に共通でクーポンやセールのナバーを出すのは
どういう風にすればいいのでしょうか。
サムネイルの下にも、クーポンリンク画像が貼られています。

宜しくお願い致します。

Answer

ECマスターズの田中です。

楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。
また、JavaScriptを利用して、
楽天の想定しない場所に要素を挿入いたしますので、
ページの仕様変更により表示されなくなったり、
スタイルシートの規則が適用されずに表示が乱れる可能性がありますので
予めご承知おきください。

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').append($('.bnrAfter'));
$('#itemImageSlider').before($('.bnrBefore'));
});
= この上の行まで ====================

次に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで、
上部の共通バナーを挿入することができます。

= この下の行から ====================


商品画像の前に入れるバナー用HTML


商品画像の後に入れるバナー用HTML

= この上の行まで ====================
※商品画像の前（後）に入れるバナー用HTMLや、
　外部JSファイルのURLは、実際の内容に置き換えてご利用ください。
※バナー用HTMLの中にスマートフォン向け禁止タグが含まれる場合は、
　タグ名の直後に「 =""」を追記して、禁止タグのチェックを回避してください。
例）　→

Answer

田中さん

いつもありがとうございます。
無事設置出来ました。