Woocommerce Checkout 自動提示錯誤訊息

最近做一個Wordpress及Woocommerce的專案用了個付費的Theme
大部份沒什麼太大問題的,但是這個版本的Theme與Woocommerce有一個Checkout相容的問題

當一般使用Woocommerce時,在Checkout的地方如果欄位有沒填寫的必填欄位面會自動移至上面提示哪些欄位是沒填到的,像下面這個操作。

但是裝了這個Theme,再匯入Demo資料後,就失效了

經過一番Debug後,確認是Jqury的套件相容性問題。
小弟對Wordpress並不會沒那麼熟悉,還沒辦法自己寫外掛修正,只好土法煉鋼直接改原始碼。
修正的原始碼路徑在這個檔案裡,由於是壓縮過的檔案,修改要特別的小心。

1
/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js

將這段程式碼

1
o[0].scrollIntoView({behavior:"smooth",block:"center"})

取代為這段

1
i("html, body").animate({scrollTop:o.offset().top-100},1e3)

這樣就可解決這個Bug了。