質問: スマホ商品ページ共通説明文におけるiframeの高さ自動調整 お世話になっております。デザインレシピを参考にスマホ商品ページのファーストビューにバナーを設置しているのですが、同時に設定したiframe resizerが上手く動作しません。それぞれ以下のように記述しています。iframeで読み込むページ商品ページ共通説明文お手数おかけしますが、解決策をご教示くださいますようお願いいたします。
回答: ecマスターズの田中です。2点、ご確認いただきますようお願いします。・1点目いたただいたソースの3行目に含まれる#itemdescription iframe, #shopcommontext iframeは、iframe resizerを適用する対象を選ぶ部分となっております。無差別に適用させると、楽天市場本来のiframeに反応してエラーを起こし、全体の動作が止まりますので、スマートフォン商品説明文と商品ページ共通説明文の中にあるiframeタグ、という指示を行っているのですが、iframebeforeの仕組みで商品画像上に移動したiframeは上記の指定から外れてしまうため、iframe resizerの対象外となってしまいます。この部分を、.iframebeforeにご変更いただき、商品画像上のiframeタグを正しくご指定いただきますようお願いたします。スマートフォン商品説明文と商品ページ共通説明文の中にある他のiframeタグにも適用させたい場合は、#itemdescription iframe, #shopcommontext iframe, .iframebeforeのように、カンマ区切りで追記していただければ結構です。・2点目「iframeresizer.contentwindow.min.js」「iframeresizer.min.js」各jsファイルの内容が、正しくありませんでしたので、https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeresizer.jshttps://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeresizer.contentwindow.min.js上記2つのurlを直接開いて、パソコンに「保存」していただいた上で楽天goldに上書きアップロードしていただきますようお願いします。もし、過去のフォーラムの手順に従ってjsファイルをご用意いただいておりましたら、ご参照いただいた手順が記載されているurlをお知らせいただけますでしょうか。正しく伝わるよう、修正を検討させていただきます。