自定义结帐字段在 Woocommerce 3 中启用或禁用付款方式

Question

所以我正在研究 http://www.lichtunie.nl 我们有一个功能齐全的结帐页面，其中包含所需的字段。问题是这样的：在荷兰（我们所在的地方），我们有一个叫做 KvK 的东西，如果你创办一家公司，你需要在那里注册并获得一个 KvK 号码。我们可以通过网站检查这些号码，看看它们是否合法以及它们的付款历史记录如何。

现在我们有 "paying with cheque" 选项，您可以在收到发票后的 30 天内订购并付款。我们现在想要的是，当有人在结账时没有填写他们的 KvK 号码字段时，他们就不能使用这种付款方式。

一旦他们填写了 "KvK number" 字段，他们就应该可以了。

我已经找了一段时间了，就是不知道该怎么做。有人有任何提示吗？

提前致谢，

莱克斯

Answer 1

试试这个代码你的活动主题自定义 js 文件

    $( "#KvK_number" ).change(function() { //Here assign the KvK number ID 
        if (this.val() == "") {
            $('#paying_with_cheque').hide(); /// Here give the Check payment div id
        }
        else
        {
        $('#paying_with_cheque').show();
        }
    });

Answer 2

如果结算 KVK 号码结帐字段已填写或存在，以下代码将仅保留 "cheque" 付款方式：

add_filter( 'woocommerce_available_payment_gateways', 'kvk_field_cheque_payment_method', 20, 1);
function kvk_field_cheque_payment_method( $gateways ){
    foreach( $gateways as $gateway_id => $gateway ) {
    // Not in backend (admin)
    if( is_admin() ) 
        return $gateways;

        if( WC()->session->get( 'is_kvk_nummer' ) && $gateway_id != 'cheque' ){
            unset( $gateways[$gateway_id] );
        }
    }
    return $gateways;
}

// The Wordpress Ajax PHP receiver
add_action( 'wp_ajax_kvk_nummer', 'get_ajax_kvk_nummer' );
add_action( 'wp_ajax_nopriv_kvk_nummer', 'get_ajax_kvk_nummer' );
function get_ajax_kvk_nummer() {
    if ( $_POST['bkvkn'] == '1' ){
        WC()->session->set('is_kvk_nummer', '1');
    } else {
        WC()->session->set('is_kvk_nummer', '0');
    }
    die();
}

// The jQuery Ajax request
add_action( 'wp_footer', 'checkout_kvk_fields_script' );
function checkout_kvk_fields_script() {
    // Only checkout page
    if( is_checkout() && ! is_wc_endpoint_url() ):

    // Remove "is_kvk_nummer" custom WC session on load
    if( WC()->session->get('is_kvk_nummer') ){
        WC()->session->__unset('is_kvk_nummer');
    }
    ?>
    <script type="text/javascript">
        jQuery( function($){
            var a = 'input#billing_kvk_nummer';

            // Ajax function
            function checkKvkNummer( value ){
                 $.ajax({
                    type: 'POST',
                    url: wc_checkout_params.ajax_url,
                    data: {
                        'action': 'kvk_nummer',
                        'bkvkn': value != '' ? 1 : 0,
                    },
                    success: function (result) {
                        $('body').trigger('update_checkout');
                    }
                });
            }

            // On start
            checkKvkNummer($(a).val());

            // On change event
            $(a).change( function () {
                checkKvkNummer($(this).val());
            });
        });
    </script>
    <?php
    endif;
};

代码进入您的活动子主题（或活动主题）的 functions.php 文件。已测试并有效。

Addition
Also to hide "cheque" payment method if billing KVK number checkout field is not filled, replace the first function with this one:

add_filter( 'woocommerce_available_payment_gateways', 'kvk_field_cheque_payment_method', 20, 1);
function kvk_field_cheque_payment_method( $gateways ){
    // Not in backend (admin)
    if( is_admin() ) 
        return $gateways;

    foreach( $gateways as $gateway_id => $gateway ) {

        if( $gateway_id != 'cheque' && WC()->session->get( 'is_kvk_nummer' ) ){
            unset( $gateways[$gateway_id] );
        } elseif( $gateway_id == 'cheque' && ! WC()->session->get( 'is_kvk_nummer' ) ){
            unset( $gateways[$gateway_id] );
        }
    }
    return $gateways;
}

它应该可以工作 （未测试）。

自定义结帐字段在 Woocommerce 3 中启用或禁用付款方式

Custom checkout field enable or disable payment methods in Woocommerce 3

php

jquery

wordpress

woocommerce

payment-method