スマホの商品ページの画像表示について

Question

お世話になっています。
（画像1）は当店の商品ページですが、（画像2）のように【キーワードから探す】の上部分に画像を入れるには、どこへ入れたらいいのでしょうか？

初歩的な質問だと思いますが、何卒ご教授よろしくお願い致します。

Answer

ECマスターズの田中です。

検索窓の部分は、通常では編集できない部分なのですが、
RMSの不具合を利用して、本来記入が禁止されているJavaScriptを実行させることで、
バナーを検索窓の上に挿入しております。

実際に（画像2）の店舗が導入している方法を分析してご案内いたしますので、
（画像2）の店舗のショップURLをお知らせいただけますでしょうか。

Answer

回答ありがとうございます。
URLは下記の通りです。
http://item.rakuten.co.jp/devirockstore/j42b549/

よろしくお願い致します。

Answer

ECマスターズの田中です。

いただいた商品ページを確認したところ、
JavaScriptではなく、スタイルシートによって動作を実現しておりました。
スタイルシートの場合も、同様にRMSの禁止タグチェックを回避する不具合を利用しますので、
今後、RMSの改修により、今回ご案内する方法が使えなくなる可能性がありますので
ご承知おきください。

この店舗のスタイルシートでは、
楽天のヘッダー（Rのロゴ、買い物かご他ボタンのある行）の真下に空間を作り、
その位置にバナーを移動させることで実現させております。

最初に、楽天GOLD内に、
下記の内容で外部スタイルシートファイル(※)をご用意ください。

===== この下の行から ================
#coupon_wrap{ width:100%; overflow:hidden; position:absolute; top:56px; left:0px;}
#ipnsh-header{ padding-bottom:バナーの高さpx !important;}
===== この上の行まで ================
※バナーの高さ は、半角数字に置き換えてご利用ください。

ご用意ができましたら、
スマートフォン用の共通説明文に、下記内容を追記していただくことで
検索窓の上にバナーを設置することができます。

===== この下の行から ================


クーポンバナー表示用のHTMLソース

===== この上の行まで ================
※(※)のURL、クーポンバナー表示用のHTMLソースは、
　実際の内容に置き換えてご利用ください。

Answer

やってみます。
ありがとうございました。