スマホの共通バナー

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

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

スマホの共通バナー

カテゴリーから探す