スマホヘッダーの設置方法2

Question

過去の質問の「スマホヘッダーの設置方法」を元にECステーションのまるごとスマホで作ったページを商品ページ共通説明文へタグ貼りしたら、ヘッダーではなくショップ人気商品ランキングの下に表示されてしまいました。
ヘッダーへ表示したいのですが解決できますでしょうか？

Answer

ECマスターズの田辺です。

こちらのフォーラムを参考にしていただいた
ということでお間違いないでしょうか。
https://forum.ec-masters.net/post_view.php?id=6251

上記の内容を参考にclassの指定をしていただいているようですので、
そちらの記述に合わせて改善方法をご案内させていただきます。


まずは、
スマートフォン用の共通説明文については通常ですと下の位置に表示されますので、
上部に表示させたい場合はJavaScriptでの記述が必要になります。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

設置方法は、

下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});
= この上の行まで ====================


次に、下記内容をスマートフォン用の商品ページ共通説明文に追記します。

= この下の行から ====================

= この上の行まで ====================


上記の設定は、
itemImageSlider（商品画像）の上に
.iframeBefore（まるごとスマホで作ったページ）を置くという内容ですので、
別の位置に置きたい場合は再度ご教示くださいませ。



また、挿入されているに高さを設定されておらず
例えばAndroid端末にて中身を全て表示できない状態になっておりますので
height属性を利用して高さをご指定ください。