• 文字サイズ
解決済

スマホページのファーストビューにバナーを設置する方法(デザインレシピ)

  • 相談者:非公開
  • 2019/12/16 22:15
いつもお世話になります

デザインレシピ

スマホページのファーストビューにバナーを設置する方法

こちらではスライドバナーの設置が書かれていますが
クーポン・看板など画像を挿入したいと思ってます。
手順を教えてくださいませ。
よろしくお願いします


メモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードは済ませました。

jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});


次は、どのようにすればいいでしょうか?
此方の記述されれいる、スライドバナー用HTMLファイルのURLは

キャビネットに保存した画像をメモ帳などでhtmlで保存してGOLDにアップしないといけないでしょうか?


<script ="" src="外部JSファイルのURL"></script ="">
<iframe ="" src="スライドバナー用HTMLファイルのURL" class="iframeBefore" width="横幅" height="縦幅">
</iframe ="">


考えているのは、商品画像1番上に固定看板・2番目にイベント毎のクーポンバナーです。
また、バナー大きさは楽天推薦バナーサイズ横616×縦120ピクセルぐらいがいいのでしょうか?
投稿内容について報告する



  • 返信者:非公開
  • 2019/12/17 12:31
ECマスターズの伊藤です。

> 次は、どのようにすればいいでしょうか?
> 此方の記述されれいる、スライドバナー用HTMLファイルのURLは
>
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/17 15:14
伊藤さま

お世話になります
設置したところ、画像写真の上ではなく、添付のように下の方にきました?
何故でしょう・・他のcssが邪魔しているのでしょうか………(省略)………
  • 返信者:非公開
  • 2019/12/17 15:47
ECマスターズの伊藤です。

> 設置したところ、画像写真の上ではなく、添付のように下の方にきました?
> 何故でしょう・・他のcssが邪魔しているのでし………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/17 16:03
伊藤さん

お世話になります。jsをやり直しましたが改善されませんでした。
引き続きお願いいたします

<!--看板-->
<script ="" ………(省略)………
  • 返信者:非公開
  • 2019/12/17 16:13
ECマスターズの伊藤です。

> お世話になります。jsをやり直しましたが改善されませんでした。

失礼いたしました。
ご案内しておりましたタグが、一………(省略)………
  • 返信者:非公開(質問者)
  • 2019/12/17 17:25
伊藤さん

ありがとうございます。無事はいりました(添付)
ちなみに、スマホのショップ名の位置は、仕方ないんでしょうか?
明日は、感謝祭のバナーいれてみ………(省略)………
  • 返信者:非公開
  • 2019/12/17 17:37
ECマスターズの伊藤です。

> ありがとうございます。無事はいりました(添付)

無事表示されたようで良かったです。
お手数煩わせてしまい、申し訳ご………(省略)………