質問: スマホの商品ページのレイアウトが崩れてしまいました。 スマホの商品画像の上のバナーを入れ替えたところ、商品ページの全ページのレイアウトが崩れてしまいました。スマホから見た場合、商品画像やバナーが、商品説明より下になってしまい、画像も半分しかうつりません。例)https://item.rakuten.co.jp/mathilda/10001162/〉商品ページ 共通パーツ設定は以下となっています。 ・・・・・・・・・・https://www.rakuten.ne.jp/gold/mathilda/sptop.js は以下を入れています。jquery(function($){$('.iframebefore').before($('#itemimageslider'));});・・・・・・・・・・崩れる前に行ったことは、一番上の画像の入れ替えと、sptop.js ファイルを間違ってアップしたことです。(中身はさわっていません)お手数をおかけしますが、宜しくお願い致します。
回答: ecマスターズの田中です。sptop.js の内容を確認したところ、記述が逆になっており、iframeの前に商品画像を移動させる命令になっておりました。下記のように、1行分修正をお願いします。$('.iframebefore').before($('#itemimageslider'));↓$('#itemimageslider').before($('.iframebefore'));