スマホカテゴリページのiframeの高さ調整について

Question

いつもお世話になります。

楽天のスマホカテゴリページにiframeを表示させたまではいいのですがスマホの幅によって
高さが変わってしまい。大きな空白ができたりまたは、ページが途中で途切れてしまったりしています。
そこで、楽天のスマホカテゴリページで幅に合わせて高さを自動調整する良い方法などは無いでしょうか？

よろしくお願いいたします。

Answer

ECマスターズの田辺です。

＞楽天のスマホカテゴリページで幅に合わせて高さを自動調整する良い方法などは無いでしょうか？

の高さを内容に合わせて自動調整する、
下記jQueryプラグインをお試しください。

iFrame Resizer
http://davidjbradshaw.github.io/iframe-resizer/

導入方法ですが、たとえば、

上記サイトの「Download ZIP」よりダウンロードしていただいた
zipファイルを解凍し、「js」フォルダの中にある
「iframeResizer.min.js」「iframeResizer.contentWindow.min.js」を
楽天GOLDにアップロードしていただき、

iframeとして埋め込まれる側のHTMLファイルに



を、iframeを呼び出す側のページ（今回の場合はカテゴリページ共通パーツ設定）に


 jQuery(function($){ $('iframe').iFrameResize(); }); 

を、それぞれご記載いただく、といった形になります。
（各jsファイルのURLは、実際のURLに変更してご利用ください）