iframeResizerについて

Question

お世話になります。

https://forum.ec-masters.net/post_view.php?id=5740

を参考にiframeResizerを楽天のスマホに設置してみたのですが


 jQuery(function($){ $('iframe').iFrameResize(); }); 

を商品ページに記述すると商品画像とフッターに固定されている買い物かごへの
ボタンが消えてしまいます。

何か干渉してしまっているようでしょうか？

それとも設置の仕方が悪いのでしょうか？

よろしくお願い致します。

Answer

ECマスターズの田中です。

iframeResizer.contentWindow.min.jsを設置していない
（楽天のシステムによって自動的に挿入されたものなど）に対して
リサイズを行おうとして、JavaScriptエラーを起こした結果
表示が乱れている可能性がございます。

対象のタグを絞って、リサイズを行っていただけますでしょうか。

具体的な方法ですが、
リサイズ対象のタグに対して
class="autoresize"
のようにclass属性を追加していただき、

共通説明文に挿入する
 jQuery(function($){ $('iframe').iFrameResize(); }); 
上記タグを、
 jQuery(function($){ $('.autoresize').iFrameResize(); }); 
のように、追加したclass属性を対象とするように修正してくいただき、
動作をご確認ください。

ダミー商品などをご用意いただき、
スマートフォン用商品説明文を利用してご確認いただくと、
他の商品の見た目に影響が出ないので安全です。

Answer

出来ました！

早急なご返信ありがとうございます！

助かりました！