- 文字サイズ変更
- 小
- 中
- 大
解決済
【緊急】iframeの高さ自動取得・調整
- 相談者：非公開
- 2019/02/15 15:32
お世話になっております。
過去ログを見て、試してみたのですが、
同じような症状が出ていて、
高さが短くなってしまいます。
助けてください＞＜
ためそうとしている商品ページ
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
ちなみに私はiPhone利用者ですが、
iPhoneではきれいに表示できました＞＜
ゴールドで作成している埋め込まれるURLに下記を
<script src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.contentWindow.min.js"></script>
呼び出す方のRMSのスマホ商品ページ共通設定に
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.min.js"></script ="">
<script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame, ').iFrameResize(); }); </script ="">
スマホ商品説明文に
<iframe frameborder="0" scrolling="no" name="itemIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/item/24u_1812168.html" width="100%" height="100%" =""></iframe ="">
<iframe frameborder="0" scrolling="no" name="sp_coIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/sp_co.html" width="100%" height="100%" =""></iframe ="">
それぞれURLを変更して挿入してみました。
スクロールはしなくなったのですが、読み込みのフレームが途中で切れてしまいました。
どこか、heightの指定が必要になるのでしょうか？
お手数をおかけしますがご回答をお願い致します。
過去ログを見て、試してみたのですが、
同じような症状が出ていて、
高さが短くなってしまいます。
助けてください＞＜
ためそうとしている商品ページ
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
ちなみに私はiPhone利用者ですが、
iPhoneではきれいに表示できました＞＜
ゴールドで作成している埋め込まれるURLに下記を
<script src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.contentWindow.min.js"></script>
呼び出す方のRMSのスマホ商品ページ共通設定に
<script ="" src="https//www.rakuten.ne.jp/gold/SHOP-URL/js/iframeResizer.min.js"></script ="">
<script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame, ').iFrameResize(); }); </script ="">
スマホ商品説明文に
<iframe frameborder="0" scrolling="no" name="itemIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/item/24u_1812168.html" width="100%" height="100%" =""></iframe ="">
<iframe frameborder="0" scrolling="no" name="sp_coIFrame" src="https//www.rakuten.ne.jp/gold/SHOP-URL/sp_co.html" width="100%" height="100%" =""></iframe ="">
それぞれURLを変更して挿入してみました。
スクロールはしなくなったのですが、読み込みのフレームが途中で切れてしまいました。
どこか、heightの指定が必要になるのでしょうか？
お手数をおかけしますがご回答をお願い致します。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2019/02/15 20:44
ECマスターズの田中です。
> <script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame,………（省略）………
> <script ="">jQuery(function($){ $('#itemIFrame, #sp_coIFrame,………（省略）………
- 返信者：非公開（質問者）
- 2019/02/19 10:15
おはようございます。
ページを修正させて頂き、表示されたと思います！
ありがとうございました！
ただ、アンドロイドのユーザーにおいて、
白く表示され………（省略）………
ページを修正させて頂き、表示されたと思います！
ありがとうございました！
ただ、アンドロイドのユーザーにおいて、
白く表示され………（省略）………
- 返信者：非公開
- 2019/02/19 21:48
ECマスターズの田中です。
弊社所有のAndroid機上のChromeにて確認したところ、
商品画像直上のiframeについては、
添付画像の通り、問………（省略）………
弊社所有のAndroid機上のChromeにて確認したところ、
商品画像直上のiframeについては、
添付画像の通り、問………（省略）………
- 返信者：非公開（質問者）
- 2019/02/20 10:05
下記の通りとのことです。
Galaxy Note8
モデル番号SCV37
アンドロイドバージョン8.0.0
ブラウザGoogleChrome
………（省略）………
Galaxy Note8
モデル番号SCV37
アンドロイドバージョン8.0.0
ブラウザGoogleChrome
………（省略）………
- 返信者：非公開（質問者）
- 2019/02/20 10:19
画像で見ると以下のように表示されているようです。
………（省略）………
………（省略）………
- 返信者：非公開
- 2019/02/20 10:34
ECマスターズの田中です。
状況をお知らせいただきありがとうございます。
どの部分に原因があるのか、確認を行わせていただきますので
今しばらくお待ちい………（省略）………
状況をお知らせいただきありがとうございます。
どの部分に原因があるのか、確認を行わせていただきますので
今しばらくお待ちい………（省略）………
- 返信者：非公開（質問者）
- 2019/02/20 10:37
ありがとうございます＞＜
お手数ですがよろしくお願いいたします。………（省略）………
お手数ですがよろしくお願いいたします。………（省略）………
- 返信者：非公開
- 2019/02/20 18:50
ECマスターズの田中です。
確認を進めているのですが、
未だ明確な原因が判明しておりません。
原因究明のため、
Galaxy Note8をお持ち………（省略）………
確認を進めているのですが、
未だ明確な原因が判明しておりません。
原因究明のため、
Galaxy Note8をお持ち………（省略）………
- 返信者：非公開（質問者）
- 2019/02/21 11:49
お世話になります。
下記のように表示されたとのことでした。
動作的には正常のように感じます。
………（省略）………
下記のように表示されたとのことでした。
動作的には正常のように感じます。
………（省略）………
- 返信者：非公開
- 2019/02/21 18:07
ECマスターズの田中です。
> 下記のように表示されたとのことでした。
ご確認いただき、ありがとうございました。
2019/02/20 10:19………（省略）………
> 下記のように表示されたとのことでした。
ご確認いただき、ありがとうございました。
2019/02/20 10:19………（省略）………
- 返信者：非公開（質問者）
- 2019/02/22 09:23
おはようございます。
アプリでは表示されなかったようですが、
クロームでは正常表示されたようです。
多くの画像を表示させたい場合、
縦長の複数画………（省略）………
アプリでは表示されなかったようですが、
クロームでは正常表示されたようです。
多くの画像を表示させたい場合、
縦長の複数画………（省略）………
- 返信者：非公開
- 2019/02/22 10:52
ECマスターズの田中です。
> アプリでは表示されなかったようですが、
> クロームでは正常表示されたようです。
Chromeでの表示をご確認いた………（省略）………
> アプリでは表示されなかったようですが、
> クロームでは正常表示されたようです。
Chromeでの表示をご確認いた………（省略）………
- 返信者：非公開（質問者）
- 2019/02/22 13:37
ありがとうございます！
そんな方法があったのですね＞＜
勉強になります！
そちらを実践してみます＾＾………（省略）………
そんな方法があったのですね＞＜
勉強になります！
そちらを実践してみます＾＾………（省略）………
このフォーラムへの質問は終了しました
質問を検索する