makeshopの商品画像の不具合に関して

Question

お世話になります。
スマホのmakeshopの商品画像の2枚目以降が表示されなくなってしまい、makeshopに連絡したところ「makeshop側のエラーではなく、ページ内に使っているbxsliderがエラーが出ているためそれが原因ではないか」と言われたのですが、bxslider含め自社ページの基礎部分は長いこと修正を加えていません。

2枚目以降を元通りに表示するために、どのように対応したらよいか教えていただけますと幸いです。
ちなみにpcは問題なく画像が表示されます。不具合はスマホのみです。

URL以下になります。

https://www.japannail.net/smartphone/

宜しくお願い致します。

Answer

ECマスターズの田中です。

以下、フォーラム上の表示崩れを防ぐために、scriptタグ・linkタグを省いてご案内いたします。

ページの構造を確認したところ、

タグ内で
/js/jquery/3.3.1/jquery.min.js
/js/jqueryplugin/migrate/3.0.0/jquery-migrate-3.0.0.min.js
/js/jqueryplugin/makeshop_bxslider/4.1.1/jquery.bxslider.min.js
/js/jqueryplugin/makeshop_bxslider/4.1.1/jquery.bxslider.css

検索窓とパンくずリストの間で
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js

以上２箇所で、それぞれ
jQueryとbxSliderの読み込みが行われておりました。

たとえば、スマートフォン向けのテンプレートやHTMLの変更などの原因で、
jQueryとbxSliderが重複してしまった可能性がございます。

ジーテンさんにて記載されているのはおそらく後者かと思いますが、
まずは
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
用のscriptタグを削除（もしくはコメントアウト）して動作をご確認いただき、
改善されないようであれば、残りの
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css
https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js
用のlinkタグ・scriptタグを削除（もしくはコメントアウト）して、動作をご確認いただきますようお願いします。

Answer

解決しました。ありがとうございました。