Question

我使用WooCommerce出售分阶段的设计服务（草稿，批准，客户审查，第2阶段，最终交付...）。我正在使用订单状态管理器来自定义状态，并在每次状态更新时向客户发送电子邮件。我需要为每个订单的每个阶段设置一个到期日期。

基本上结果是：

Order: #100 - Status: Pending Payment Confirmation - Due Date: None
Order: #100 - Status: Send initial draft - Due Date: June 22, 2018
Order: #100 - Status: Send review - Due Date: June 24, 2018
Order: #100 - Status: Send final version - Due Date: June 26, 2018

基本上：在WooCommerce订单页面上的新自定义列中自行设置日期。

客户不应该看到这些日期。截止日期是我们自己控制的。

Here's the image of what the result should be

Answer 1

所以基本上你想要两件事。

向每个订单添加自定义字段“到期日”。
在更改订单状态时，相应地设置截止日期。

更新，OP更改了问题。

创建一个自定义列以显示自定义订单元数据非常简单。如果要直接在列中设置（保存）数据，则必须决定如何执行此操作，IMHO Ajax是最佳解决方案。

简而言之，下面的代码执行以下操作：

在wc订单页面上创建自定义到期日列。
使用输入填充自定义列。
处理wp ajax呼叫服务器端。
加载设置了日期选择器并保存新到期日期的JS页脚脚本使用Ajax。

将此代码放在您的孩子-主题functions.php中。使用子主题，这样您仍然可以更新主题！

经过WOO 3.4.2测试

请参阅代码注释以获取更多信息。

/**
 * Load jQuery datepicker on WC orders page
**/
add_action( 'admin_enqueue_scripts', 'wc_orders_page_enqueue_datepicker' );
function wc_orders_page_enqueue_datepicker() {
  global $pagenow;
  if ( $pagenow == 'edit.php' && $_GET['post_type'] == 'shop_order' ) {
    wp_enqueue_script('jquery-ui-datepicker');
  }
}

/**
 * Add due date column to WC orders page before the order_total column
**/
add_filter( 'manage_edit-shop_order_columns', 'wc_due_date_order_column' );
function wc_due_date_order_column( $columns ) {
  $new_columns = array();
  foreach ( $columns as $column_name => $column_info ) {
    if ( $column_name == 'order_total' ) {
      $new_columns['order_due_date'] = 'Due Date';
    }
    $new_columns[ $column_name ] = $column_info;
  }
  return $new_columns;
}

/**
 * Set due date column content
**/
add_action( 'manage_shop_order_posts_custom_column', 'wc_due_date_column_content' );
function wc_due_date_column_content( $column ) {
  global $post;
  if ( $column == 'order_due_date' ) {
    $order = wc_get_order( $post->ID );
    $due_date = $order->get_meta( '_order_due_date', true );
    error_log('due date: '.$due_date);

    // a tag is needed to break default wc 'go to order on tr click' behaviour
    echo '<a id="'.$post->ID.'" href="#"><input type="text" class="order_due_date" name="order_due_date" style="width:65%" value="'.$due_date.'"/><div class="ajax_due_date_notice" style="display:inline-block; width:32%; margin-left:2%;"></div></a>';
  }
}

/**
 * Handle save due date ajax call
**/
add_action( 'wp_ajax_save_due_date', 'ajax_save_due_date' );
function ajax_save_due_date() {
  check_ajax_referer( 'dgfdgDFSKF32', 'security' ); // if check failed, this method will run wp_die()
  $order_id = intval( $_POST['order_id'] );
  $new_due_date = $_POST['new_due_date'];

  if($order_id && $new_due_date) {
    $order = wc_get_order( $order_id );
    if($order) {
      $order->update_meta_data( '_order_due_date', $new_due_date );
      $order->save();
      echo '1';
    } else {
      echo '0';
    }
  } else {
    echo '0';
  }
  wp_die(); // this is required to return a proper result
}

/**
 * Admin footer script that sets the datepicker and handles due date input changes
**/
add_action( 'admin_footer', 'wc_due_date_footer_script' );
function wc_due_date_footer_script() {
  global $pagenow;
  $ajax_nonce = wp_create_nonce( "dgfdgDFSKF32" );

  if (( $pagenow == 'edit.php' ) && ($_GET['post_type'] == 'shop_order')) :
  ?>
  <script type="text/javascript">
    jQuery(document).ready(function($) {

      $('.order_due_date').datepicker({
        dateFormat : 'dd-mm-yy'
      });

      $( "input[name='order_due_date']" ).change(function() {
        var order_id = $(this).closest('a').attr('id');
        var new_due_date = $(this).val();
        var ajax_notice = $(this).closest('a').find('.ajax_due_date_notice');
        if(order_id && new_due_date) {
          ajax_notice.html('Saving...');
          ajax_save_order_due_date(order_id, new_due_date);
        }
      });

      // save due date with ajax
      var ajax_save_order_due_date = function(order_id, new_due_date) {
        var data = {
          action: 'save_due_date',
          security: '<?php echo $ajax_nonce; ?>',
          order_id: order_id,
          new_due_date: new_due_date
        };
        $.post( ajaxurl, data, function( response ) {
          console.log('response: ',response);
          if(response === '1') {
            $('a#'+order_id).find('.ajax_due_date_notice').html('<span style="color:green;">Saved!</span>');
            setTimeout(function(){ $('a#'+order_id).find('.ajax_due_date_notice').html(''); }, 3000);
          } else {
            $('a#'+order_id).find('.ajax_due_date_notice').html('<span style="color:red;">Saving failed!</span>');
          }
        });
      }

    });
  </script>
  <?php
  endif;
}

Woocommerce订单到期日

1 个答案: