• 文字サイズ


解決済

スマホ商品画像の上にバナー表示、リンクについて

  • 相談者:非公開
  • 2019/06/28 18:04
スマホ商品画像の上にクーポンのバナーを表示させて、クーポンを獲得するページにリンクさせたいです。

次の点が分からず質問させていただきたいです。
1.画像がスマホ画面横幅100%になっていない。
2.クーポン獲得画面へのリンク方法が分からない。

GOLDに「sp_fastview.js」を置きました。
jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});

商品ページ共通説明文に以下を入れました。
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/eventbanner/fastview_off/sp_fastview.js"></script ="">
<iframe ="" src="https://image.rakuten.co.jp/SHOP-URL/cabinet/event/haihu3.jpg" class="iframeBefore" width="100%" height="60">
</iframe ="">

よろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2019/06/30 10:57
ECマスターズの星です。

明日、担当の者よりご連絡さしあげますので、
もう少々お時間いただければと存じます。
お待たせしており申し訳ございませんが、 ………(省略)………
  • 返信者:非公開
  • 2019/07/01 12:19
ECマスターズの田中です。

> 1.画像がスマホ画面横幅100%になっていない。

iframeタグは、HTMLで作成した別のページを埋め込むためのタ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/07/01 15:30
田中様

早々のご回答、ありがとうございます。

> 1.画像がスマホ画面横幅100%になっていない。
これは解決いたしました。
商品画像前に表示さ………(省略)………
  • 返信者:非公開
  • 2019/07/01 15:40
ECマスターズの田中です。

失礼しました、
いただいたソースの場合、<a>タグの中身の<img>タグだけが
商品画像上に移動してしまい、リンクが無くな………(省略)………
  • 返信者:非公開(質問者)
  • 2019/07/01 16:50
田中様

早々のご対応、ありがとうございます。

> 2.クーポン獲得画面へのリンク方法が分からない。
これも解決いたしました。

入会して良かっ………(省略)………
このフォーラムへの質問は終了しました