Swiperの挙動がおかしい

2021年09月03日(金)

Category: IT関係, こだわり, 磨く

先週末くらいに、お店のホームページの表示崩れが起きているのに気が付きました。

トップページの上部の画像のスライドと、商品画面の写真のスライドが左右にはみ出ていました。

数日前は大丈夫だったような気がしますが、CMSのバージョンのせいなのか?とか、いきなり見つけると焦りますね。
どうやら、Swiper.jsがうまく作動していないようです。

こういう時は、ググりましょう。とググってみたものの新しい情報を見つけることは出来ず、Twitterでも検索。
同じようになっている人いました!!

そして、CDNで使用している場合、最近アップデートがあったようで、

「.swiper-container」が「.swiper」に変更になったみたいです。

早速、書き換えてみると、無事元通りに戻りました。
自分で直せない人はどうするんでしょうか。書き換えるだけで解決するのに、業者に頼んだら料金が発生するんでしょうなぁ。