单击后，Woocommerce 下订单按钮状态

Question

当在我的 woocommerce 网站上单击“下订单”按钮时，需要几秒钟才能完成订单，但是用户看不到轮子转动以显示脚本正在运行，因为它位于页面顶部。有没有办法将按钮上的文本更改为“请稍候”，或者至少更改访问后的颜色。

我尝试使用以下 css 更改访问状态的颜色，但它不起作用

.woocommerce #respond input#submit, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited {
    color: #ffffff;
    background-color: #262a2b;
      border-radius: 0px;
    
}

Answer 1

使用这个：

add_action( 'wp_footer', 'custom_checkout_jquery_script' );
function custom_checkout_jquery_script() {
  if ( is_checkout() && ! is_wc_endpoint_url() ) :
?>
  <script type="text/javascript">
  jQuery( function($){
      jQuery('form.checkout').on('submit', function(event) {
        jQuery('button#place_order').text('Please Wait');
        event.preventDefault();
      });
  });
</script>
 <?php
  endif;
}

Answer 2

我目前正在寻找如何解决与第一个问题相同的问题。我尝试将 Sapna 中的代码作为挂钩添加到“代码片段”插件中，但它对我不起作用。我正在寻找一种解决方案，在旋转轮下添加文本“请稍候”。

感谢您提前提供帮助。 我相信它会帮助其他人...