スマホの商品画像の上にバナーを貼りたい

Question

いつもお世話になっております。

お買い物マラソンのマルチクーポンのバナーをスマホに貼りたいと思っています。
デザインレシピを参考に商品画像の上にバナーを貼ってみました。

デザインレシピではスライドバナーを配置するようになっていますが
バナー１枚だけですので、以下のように設定してみました。

------------------


------------------
JSファイルはデザインレシピにあるファイルです。


バナーは期待通りに表示されるのですが
リンクが反応しません。。。

リンクを使用するためにはJSに何か追加する必要がありますでしょうか？


また、デザインレシピの通りにスライドバナーも設置してみたのですが
スマホを縦横動かしてみると
横にしたときに、スライドバナーが大きくなったまま
動かなくなってしまう現象が起きます
動作確認はiPhone6Sです。

どうぞよろしくお願いいたします。

Answer

ECマスターズの田辺です。

img に class="iframeBefore" を設定していただくと、
imgだけ上部に移動してしまいますので、
リンクを設定する場合は、
a に class="iframeBefore" を
入れていただきますようお願いいたします。

------------------


------------------

また、スライドバナーを確認させていただきたいのですが、
特定のページのみに表示されておりますでしょうか。

その場合は、実際のページのURLか商品管理番号を教えていただけますと幸いです。

Answer

ありがとうございます！！
リンクできるようになりました。

スライドバナーですが、うまく表示されないため使用しておりません。
一時的にスマホトップページに設置いたしました。
スマホを縦向きにして読み込んだ時は正常に表示されますが
下に空間が大きく開いてしまいます。
いったん横向きにすると、私の環境では元に戻らない状態です。

よろしくお願いいたします。

Answer

ECマスターズの田辺です。

設置していただきありがとうございます。
縦横動かすと動かなくなる現象が確認とれました。

こちらに関しましては
ECステーションに改善要望として問い合わせますので
今しばらくお待ちいただいてもよろしいでしょうか。

また、下の空間につきましては
の高さを低くいていただくことで縮まりますので、
heightの調整をお願いいたします。


　↓

Answer

ありがとうございます！

高さを縮めますと、画面を横にしたときに表示が切れてしまいますよね。。。
縦で見る人の方が多いと思いますので
このまましばらく置いておきます。

どうぞよろしくお願いいたします！

Answer

ECマスターズの田辺です。

早速、ECステーションより回答をいただきまして、
横に倒して閲覧される方が少ないことから、
縦横切替を想定していない仕様になっているということでした。

そのため、横にしたときに表示が切れることも含めて、
誠に恐れ入りますが、
そのような仕様であることをご理解いただきたく存じます。

Answer

お手数をおかけいたしました！
ありがとうございます。

承知いたしました。
今後ともどうぞよろしくお願いいたします。