禁用 Woocommerce“继续结帐”按钮并在未达到最低订单时更改 CSS

Question

我有一个插件 - WooCommerce 的订单最低/最高金额 - 这是一个非常好的插件，除了它只是在“继续结帐”上重定向以重新加载购物车，直到客户添加了足够的金额以满足最低金额. 这是一个糟糕的用户体验。

我发现以下负责禁用按钮，但修复 css 使按钮显示为灰色是我缺少的部分。

jQuery(document).ready(function(){
    jQuery('body.woocommerce-cart').on('click', '.wc-proceed-to-checkout', function(event){
        if (jQuery('.woocommerce-error').length > 0) {
            event.preventDefault();
        
    }

我想放弃这个 jQUEry 并使用函数进行禁用和 css 更改。 进行重定向的插件部分是这样的：

function block_checkout( $wp ) {
    if ( ! is_checkout() || ! apply_filters( 'alg_wc_oma_block_checkout', true ) ) {
        return;
    }
    $result = $this->messages->get_notices( 'cart' );
    if ( ! empty( $result ) ) {
        wp_safe_redirect( version_compare( get_option( 'woocommerce_version', null ), '2.5.0', '<' ) ? WC()->cart->get_cart_url() : wc_get_cart_url() );
        exit;
    }
}

谢谢大家！