• 文字サイズ


解決済

ベント告知君(楽天)のスマホ商品ページでの表示位置

  • 相談者:非公開
  • 2019/06/19 08:52
イベント告知君(楽天)をスマホ商品ページの最上部に設置したところ、動画と被って表示されました。
動画を表示していない商品ページに設置してみたところ、商品説明の最上部でなく、少し下の、商品説明にかぶる位置に表示されてしまいました。
どのように書けば、かぶらないでしょうか。

<iframe ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/rpoint_box/rpoint_box_sp.html" width="510" height="75" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0" style="width:100%;height:calc( 9.5vw + 60px );"></iframe ="">
キーワード:イベント告知君スマホ
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2019/06/19 10:39
ECマスターズの伊藤です。

> 動画を表示していない商品ページに設置してみたところ、商品説明の最上部でなく、少し下の、商品説明にかぶる位置に表示されてしま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 20:14
動画あり
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

動画なし
https://item.rakute………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 20:29
別スレッドで投稿した質問に、以下の回答をいただきました。
https://forum.ec-masters.net/post_view.php?id=1116………(省略)………
  • 返信者:非公開
  • 2019/06/19 21:43
ECマスターズの田中です。

確認したところ、
https//www.rakuten.ne.jp/gold/SHOP-URL/smartphone/css………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/20 20:51
=====
検索窓にだけ反映されるように、10行目の
iframe {

.float_header {
にご変更いただきますようお願いします。
………(省略)………
  • 返信者:非公開
  • 2019/06/21 12:34
ECマスターズの伊藤です。

内容が長くなってしまいましたので、先に結論をご案内いたします。

商品画像の上にイベント告知と、検索窓を
重なって表示さ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/21 14:31
伊藤様
丁寧に解説していただきありがとうございます。
あまりわかってないので(すみません)、まずは、冒頭に書いていただいたとおりにやってみました。

R………(省略)………
  • 返信者:非公開
  • 2019/06/21 14:40
ECマスターズの伊藤です。

ご案内不足でご迷惑おかけしてしまい、申し訳ありません。

> RMSのスマホ共通パーツ設定に以下を入力したところ、エラーが………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/21 21:02
お世話になります。

<div ="" class="iframeBefore">

<!-- イベント告知君 -->
<script ="" src………(省略)………
  • 返信者:非公開
  • 2019/06/22 12:11
ECマスターズの田中です。

いただいたソースには、確かにscriptの開始タグは含まれており、
弊社のテスト用店舗にて、
実際にいただいたソースをその………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/22 13:07
すみません、あらためてやってみたらできました。なにかの勘違いだったと思います。

そして、現状以下の記述になっていますが、検索窓とバナーの表示が重なってしま………(省略)………
  • 返信者:非公開
  • 2019/06/22 13:27
ECマスターズの田中です。

私のiPhone8にて、
実際のきよさんのショップの商品ページを確認したところ、
添付ファイルのように、想定しない形での重………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/22 23:04
お世話になります。
御社のスマホビューで確認すると重なっています、キャッシュですね。
自分のスマホでアプリで見るとやはり重なっているので、ブラウザで確認した………(省略)………
  • 返信者:非公開
  • 2019/06/24 12:50
ECマスターズの伊藤です。

無事、ご希望どおりの表示となったようで安心いたしました。

> ただ、余白を修正しても、最初に商品ページを開けた時に、商品………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/24 16:10
ありがとうございます。
あと一点、教えてください。
この「イベント告知君」は、PC、スマホ、それぞれに、多くの店舗さんはどの場所に設置されておられますか。ま………(省略)………
  • 返信者:非公開
  • 2019/06/24 16:56
ECマスターズの伊藤です。

 > この「イベント告知君」は、PC、スマホ、それぞれに、多くの店舗さんはどの場所に設置されておられますか。また、その理由をお………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/24 17:29
アプリは仕様上、上記の箇所に設置することができないため、商品説明の一番上
となります。

====
というのは、お客さんが見る楽天アプリですか

設………(省略)………
  • 返信者:非公開
  • 2019/06/24 17:43
ECマスターズの伊藤です。

> というのは、お客さんが見る楽天アプリですか

言葉が足りず、申し訳ございません。
お客様がご利用される楽天アプリでお………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/24 17:54
わかりました。ありがとうございました。
参考にさせていただいて、検討します。………(省略)………
  • 返信者:非公開
  • 2019/06/24 19:54
ECマスターズの伊藤です。

ご検討、どうぞよろしくお願いいたします。

ご希望の箇所にうまく設置できないなどございましたら、ご相談くださいませ。………(省略)………