想要在确认后在结帐页面上检查付款方式

时间:2018-08-21 05:56:14

标签: wordpress woocommerce payment-gateway payment-method

我从事Woocommerce项目,我的客户问我两件事:

  1. 不想取消选中结帐页面上所有可用的付款方式。
  2. 想要在选择“鳕鱼”作为付款方式时显示确认弹出窗口( <script>confirm("Are you sure?")</script> ),在确认弹出窗口中单击“否”或“取消”后,更改付款方式在线付款或其他人接受“鳕鱼”。

请提供任何帮助。

2 个答案:

答案 0 :(得分:0)

我设法实现了您的需求。我不知道这是不是正确的方法。

add_action( 'woocommerce_review_order_before_payment', 'refresh_payment_methods' );

function refresh_payment_methods(){
    ?>
    <script type="text/javascript">
        (function($){
            $( 'form.checkout' ).on( 'change', 'input[name^="payment_method"]', function(event) {
                var payment_method = $('form.checkout').find('input[name^="payment_method"]:checked').val();
                if(payment_method == 'cod'){
                    var method_select = confirm('Are you sure ?');
                    if(!method_select){
                        $('form.checkout').find('input[name^="payment_method"]').each(function(index, el) {
                            if($(this).val() == 'cod'){
                                $(this).prop('checked',false);
                            }else{
                                $(this).prop('checked',true);
                            }
                        });

                    }else{
                        $('body').trigger('update_checkout');   
                    }
                }else{
                    $('body').trigger('update_checkout');
                }
            });
        })(jQuery);
    </script>
    <?php
}

在更改名称为payment_method的表单输入时,将采用已检查的值并将其与可用的付款方式进行比较。如果付款方式为cod,则未选中相应的复选框。 (由于代码对您来说太紧急了,我无法使else部分变得完美)

答案 1 :(得分:0)

上面的代码对我来说不能正常工作!

在下面的代码中,如果取消按钮被选中,单选按钮将返回到之前的状态。

以下代码已正确执行:

add_action( 'woocommerce_review_order_before_payment', 'refresh_payment_methods' );

function refresh_payment_methods(){
    $chosen_payment_method = WC()->session->get('chosen_payment_method');
    ?>
    <script type="text/javascript">
     var j_method = <?='"'. $chosen_payment_method .'"'?>;
        (function($){
        $( 'form.checkout' ).on( 'change', 'input[name^="payment_method"]', function(event) {
            var payment_method = $('form.checkout').find('input[name^="payment_method"]:checked').val();
            if(payment_method == 'cod')
            {
              var method_select = confirm( 'Are you sure ?' );
                
                if( method_select )//OK:
                 setTimeout(function(){$('body').trigger('update_checkout'); }, 250 );     
                else//Cancel:
                 $( '#payment_method_' + j_method ).prop('checked',true);

            }else{
              setTimeout(function(){$('body').trigger('update_checkout'); }, 250 );
            }
            //set new value
            j_method = $('form.checkout').find('input[name^="payment_method"]:checked').val();
        });
    })(jQuery);
</script>
<?php
}