修正 ECPay for WooCommerce 外掛可能與 Redux 衝突的問題

如果你使用的是綠界提供的官方 WooCommerce 外掛(以下簡稱 ECPay 外掛),而你用的佈景主題又含有 Redux Framwork 一類的框架,那麼你可有可能會在安裝並啟用 ECPay 外掛後,發現你的佈景主題怪怪的,尤其是佈景主題的設置會跑不出來。

如果你使用瀏覽器內建的開發者工具檢查的話,應該會出現 $ is not a function 這樣的錯誤,這通常是因為 ECPay 外掛中的 class-wc-ecpay-apple-pay.php 這個檔案裡面使用了 jQuery.noConflict();,而 WordPress 本身在開發的時候又使用了許多 $ 符號來代表各種非 jQuery 中的意思,所以才會造成錯誤。

解決這個問題的方式,就是到你的 wp-content/plugins/ecpay-for-woocommerce/includes 底下,找到 class-wc-ecpay-apple-pay.php,並且把 "#apple_pay_ca_test" 上面一行的

$(document).ready(function() {

更改為

jQuery(document).ready(function($) {