スマホの商品ページのレイアウトが崩れてしまいました。

Question

スマホの商品画像の上のバナーを入れ替えたところ、
商品ページの全ページのレイアウトが崩れてしまいました。
スマホから見た場合、商品画像やバナーが、
商品説明より下になってしまい、
画像も半分しかうつりません。
例）https://item.rakuten.co.jp/mathilda/10001162/〉

商品ページ　共通パーツ設定は以下となっています。







































 



 

































・・・・・・・・・・

https://www.rakuten.ne.jp/gold/mathilda/sptop.js　　は以下を入れています。

jQuery(function($){
$('.iframeBefore').before($('#itemImageSlider'));
});

・・・・・・・・・・

崩れる前に行ったことは、
一番上の画像の入れ替えと、
sptop.js　ファイルを間違ってアップしたことです。
（中身はさわっていません）

お手数をおかけしますが、
宜しくお願い致します。

Answer

ECマスターズの田中です。

sptop.js の内容を確認したところ、
記述が逆になっており、
iframeの前に商品画像を移動させる命令になっておりました。

下記のように、１行分修正をお願いします。

$('.iframeBefore').before($('#itemImageSlider'));
↓
$('#itemImageSlider').before($('.iframeBefore'));

Answer

ありがとうございます！
ちゃんと直りました。