【问题标题】:Woocommerce place order button state once clicked一旦点击 Woocommerce 下订单按钮状态
【发布时间】:2021-10-18 15:36:57
【问题描述】:

当在我的 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;
    
}

【问题讨论】:

    标签: button woocommerce checkout


    【解决方案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;
    }
    

    【讨论】:

      猜你喜欢
      • 2018-04-27
      • 1970-01-01
      • 2016-12-12
      • 2017-05-24
      • 1970-01-01
      • 2017-12-25
      • 1970-01-01
      • 1970-01-01
      • 2018-03-04
      相关资源
      最近更新 更多