• 文字サイズ


解決済

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

  • 相談者:非公開
  • 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 ="">
キーワード:イベント告知君スマホ
投稿内容について報告する

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

  • 返信者:非公開
  • 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マスターズの伊藤です。

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

ご希望の箇所にうまく設置できないなどございましたら、ご相談くださいませ。………(省略)………
このフォーラムへの質問は終了しました