楽天スマホ　商品ページ　フローティングバナー

Question

たびたびすみません。
質問中の件とは別件です。

2017年7月31日以降楽天のヘッダーを隠すことが違反になるようなので、
RMSのURLのフローティングヘッダーを削除しました。

カテゴリーページは、スマートフォン用カテゴリ説明文に、ゴールドで作ったカテゴリ一覧へのリンクなどを追加し回遊性を高めたのですが、商品ページは青い矢印の箇所にテキストや画像を挿入できますでしょうか。

例えば、青い矢印以下のコンテンツを下げて、フローティングバナーを楽天のヘッダーを隠さないように入れるというのは現実的でしょうか？

他のお店でインラインフレームが入っている所も見かけますが、RMSのどこに挿入しているのでしょうか。

［例］
http://item.rakuten.co.jp/dondon/ds-103-1/
http://item.rakuten.co.jp/e-goods/kaden_greenfan/

どうぞよろしくお願いします。###HR######IMG084ce5dc66112b6d11671c49f54531a1c.pngIMG0###

Answer

ECマスターズの田中です。

楽天RMSの、禁止タグを入力できるバグを利用する方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。
また、JavaScriptを利用して、
楽天の想定しない場所に要素を挿入いたしますので、
ページの仕様変更により表示されなくなったり、
スタイルシートの規則が適用されずに表示が乱れる可能性がありますので
予めご承知おきください。

＞他のお店でインラインフレームが入っている所も見かけますが、RMSのどこに挿入しているのでしょうか。
他の店舗では、基本的にJavaScriptを利用して
HTMLソースの作成から目的の位置への設置まで、全ての処理を行っております。
下記内容では、JavaScriptとHTMLソースによる
比較的簡単な方法をご案内いたします。

最初に、インラインフレームとして表示させたいページの内容を
楽天GOLDにて作成してください。

次に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});
= この上の行まで ====================

最後に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで、
青矢印の位置にインラインフレームを挿入することができます。

= この下の行から ====================



= この上の行まで ====================
※外部JSファイルのURL・インラインフレーム用ページのURL、
　表示横幅（高さ）は、実際のURL・半角数字に置き換えてご利用ください。

Answer

ありがとうございます。
とても簡単にできました。
この方法ならキャンペンの更新も便利です。

またどうぞよろしくお願いいたします。

楽天スマホ 商品ページ フローティングバナー

楽天スマホ　商品ページ　フローティングバナー