イベント告知くんをスマホの商品画像の上に設置したい。

Question

お世話になります。
またまた、初歩的なことですみません。
イベント告知くんのPCへの設置は出来たのですが、スマホで商品画像の上に設置したいと思い試みたのですが、マニュアルを読んでもちんぷんかんぷんで上手くできません。
とくに、説明の、
[JavaScriptをつかった設定が必要です。
JavaScriptファイルを作成しアップロード
下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。
jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});

これを含め、ここから先が、私にはさっぱりわかりません。

私のような、初心者にもわかるような操作手順の説明をしていただけるでしょうか？
「これで、できるよ！」のご返答を、首を長くして、待っております。
よろしくお願いします。

Answer

ECマスターズの伊藤です。

> イベント告知くんのPCへの設置は出来たのですが、スマホで商品画像の上に設置したいと思い試みたのですが、マニュアルを読んでもちんぷんかんぷんで上手くできません。

下記のコードに
イベント告知君を追加していただき

店舗設定 ＞ デザイン設定 ＞ スマートフォン デザイン設定 ＞ 商品ページ共通パーツ設定
・商品ページ共通説明文

にご登録いただくことで、設置いただくことができます。


＝＝＝＝＝以下を編集して貼り付け＝＝＝＝＝

ここにイベント告知君を記入



jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});

＝＝＝＝＝以上を編集して貼り付け＝＝＝＝＝

なお、楽天RMSのバグを利用した方法となりますので
仕様変更の際に、表示されなくなるなどの
影響が考えられますので、予めご了承くださいませ。

Answer

伊藤様
お世話になります。
なんどやっても、下記（添付写真）のようになります。

＝＝＝＝＝以下を編集して貼り付け＝＝＝＝＝

ここにイベント告知君を記入



jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});

＝＝＝＝＝以上を編集して貼り付け＝＝＝＝＝

この部分、編集して貼り付けとありますが、何をどのように編集したらいいのか？
良くわかりません。
よろしくお願いします。###HR######IMG0ac28338477a81474ce110a365bf52a4c.jpegIMG0######BR###

Answer

ECマスターズの伊藤です。

> この部分、編集して貼り付けとありますが、何をどのように編集したらいいのか？
> 良くわかりません。
> よろしくお願いします。

表示されているエラーの通り、
iframeが問題となっております。

イベント告知君や、その他のiframeが
スマートフォンに対応したコードを
ご利用頂いているか、ご確認をお願いいたします。