2016-08-22 138 views
8

在一个WordPress网站运行WooCommerce,用户可以在他(默认)登录个人区域并显示类似的信息:WooCommerce客户订单详细

  • 历史订单
  • 下载
  • 地址
  • 编辑信息
  • 注销

orders选项卡中,默认情况下会显示一个表格,其中显示所有订单的列表,其中包含重定向到该订单的完整详细信息页面的View按钮。

我想要做的是在模态窗口中显示该表格视图。

我没有任何问题显示与目标网址加载模式。 真正的问题是,目标网址是整个页面的显示内容,如所示,并不是我想要的。

我认为有一些shortcode允许加载该表,或者可能是load_order_content_by_id($id)这样的woocommerce功能?

任何人都可以指向正确的方向吗?

感谢

===解决===

感谢Raunak古普塔指着我正确的函数。 我重写orders.php模板,添加模态窗口的HTML和编辑:

'view' => array(
    'url' => 'javascript:;', 
    'data' => [ 
     'order-number' => $order->get_order_number() 
    ], 
    'name' => __('View', 'woocommerce') 
), 

并在同一个文件:

foreach ($actions as $key => $action) { 
    echo '<a href="' . esc_url($action['url']) . '" class="button ' . sanitize_html_class($key) . '"'; 
    if(isset($action['data']) && is_array($action['data'])){ 
     foreach($action['data'] AS $data_attr=>$data_value){ 
      echo 'data-' . sanitize_html_class($data_attr) .'="' .esc_html($data_value) . '" '; 
     } 
    } 
    echo '>' . esc_html($action['name']) . '</a>'; 
} 

小JS

$('.woocommerce-MyAccount-orders .button.view').on('click', function(e){ 
    e.preventDefault(); 
    var data = {}; 
    data.action = 'modal_order'; 
    data.order_number = $(this).data('order-number'); 

    $.get(ajax_script.ajax_url, data, function(response) { 
     $('#modalOrderDetail').modal('show').find('.modal-body').html(response); 
    }); 
}); 

和钩到WordPress通过function.php

function modal_order() { 
    if(is_user_logged_in()) { 
     $order_number = $_GET['order_number']; 
     woocommerce_order_details_table($order_number); 
    } 
} 

add_action('wp_ajax_modal_order', 'modal_order'); 
add_action('wp_ajax_nopriv_modal_order', 'modal_order'); 
+0

我不知道woocommerce,但你的问题似乎很模糊。尝试添加更多的细节(可能是[https://jsfiddle.net/](https://jsfiddle.net/)),你可能会得到更多的回应。 –

+0

我会做一个小提琴,如果只有可能加载wordpress在它:)我会尝试澄清我的帖子 – Yuri

+0

如果有人觉得需要downvoting,至少,为其添加说明 – Yuri

回答

4

woocommerce_order_details_table($order_id)

这WooCommerce功能由$order_id

+0

尼斯:)而且我推测如果结构不是所需的,那么它使用的模板“order/order-details.php”在主题中是可覆盖的。 +1 –

+1

是的,您可以根据需要覆盖'order/order-details.php','order/order-details-item.php'和'order/order-details-customer.php'文件。 –

+0

重写原始模板的一部分,我应该包含哪些全局变量才能使用它? – Yuri

2

我没有注意到可以一次性获得您需要的所有订单详细信息,但您可以拨打WC_Order类来获得所需的信息。制作一些类似于这些方法的调用方法会为您提供所需的信息。根据您需要的确切信息,您可能需要拨打电话的方式不仅仅是get_items()方法。一般而言,它们返回的结构与发布对象类似。

$order = new WC_Order($post->ID); 
$_order = $order->get_items(); 

在'继承的方法'部分下面找到您可能需要调用以获取所需信息的方法。https://docs.woocommerce.com/wc-apidocs/class-WC_Order.html

4

返回HTML形式的全部订单的详细信息下面是完整代码模式窗口显示CURENT客户订单。它基于经典的查询来获取当前用户的订单,并且模板my-account/orders.php(轻度定制) ...

<?php 

if(is_user_logged_in()): 

    // The query 
    $args = array(
     // WC orders post type 
     'post_type' => 'shop_order', 
     'numberposts' => -1, 
     // for current user id 
     'meta_key' => '_customer_user', 
     'meta_value' => get_current_user_id(), 
     // get orders statuses 
     'post_status' => array_keys(wc_get_order_statuses()), 
    ); 

    // Get all customer orders 
    $customer_orders = get_posts($args); 
    $count_ord = 0; 
    if (!empty($customer_orders)) 
     foreach ($customer_orders as $custo_order) 
      $count_ord++; 

    if ($count_ord > 0) 
     $has_orders = true; 
    else 
     $has_orders = false; 

    // the template my-account/orders.php ?> 

    <?php do_action('woocommerce_before_account_orders', $has_orders); ?> 

    <?php if ($has_orders) : ?> 

    <table class="woocommerce-MyAccount-orders shop_table shop_table_responsive my_account_orders account-orders-table"> 
     <thead> 
      <tr> 
       <?php foreach (wc_get_account_orders_columns() as $column_id => $column_name) : ?> 
        <th class="<?php echo esc_attr($column_id); ?>"><span class="nobr"><?php echo esc_html($column_name); ?></span></th> 
       <?php endforeach; ?> 
      </tr> 
     </thead> 

     <tbody> 
      <?php foreach ($customer_orders as $customer_order) : 
       $order  = wc_get_order($customer_order); 
       $item_count = $order->get_item_count(); 
       ?> 
       <tr class="order"> 
        <?php foreach (wc_get_account_orders_columns() as $column_id => $column_name) : ?> 
         <td class="<?php echo esc_attr($column_id); ?>" data-title="<?php echo esc_attr($column_name); ?>"> 
          <?php if (has_action('woocommerce_my_account_my_orders_column_' . $column_id)) : ?> 
           <?php do_action('woocommerce_my_account_my_orders_column_' . $column_id, $order); ?> 

          <?php elseif ('order-number' === $column_id) : ?> 
           <a href="<?php echo esc_url($order->get_view_order_url()); ?>"> 
            <?php echo _x('#', 'hash before order number', 'woocommerce') . $order->get_order_number(); ?> 
           </a> 

          <?php elseif ('order-date' === $column_id) : ?> 
           <time datetime="<?php echo date('Y-m-d', strtotime($order->order_date)); ?>" title="<?php echo esc_attr(strtotime($order->order_date)); ?>"><?php echo date_i18n(get_option('date_format'), strtotime($order->order_date)); ?></time> 

          <?php elseif ('order-status' === $column_id) : ?> 
           <?php echo wc_get_order_status_name($order->get_status()); ?> 

          <?php elseif ('order-total' === $column_id) : ?> 
           <?php echo sprintf(_n('%s for %s item', '%s for %s items', $item_count, 'woocommerce'), $order->get_formatted_order_total(), $item_count); ?> 

          <?php elseif ('order-actions' === $column_id) : ?> 
           <?php 
            $actions = array(
             'pay' => array(
              'url' => $order->get_checkout_payment_url(), 
              'name' => __('Pay', 'woocommerce') 
             ), 
             'view' => array(
              'url' => $order->get_view_order_url(), 
              'name' => __('View', 'woocommerce') 
             ), 
             'cancel' => array(
              'url' => $order->get_cancel_order_url(wc_get_page_permalink('myaccount')), 
              'name' => __('Cancel', 'woocommerce') 
             ) 
            ); 

            if (! $order->needs_payment()) { 
             unset($actions['pay']); 
            } 

            if (! in_array($order->get_status(), apply_filters('woocommerce_valid_order_statuses_for_cancel', array('pending', 'failed'), $order))) { 
             unset($actions['cancel']); 
            } 

            if ($actions = apply_filters('woocommerce_my_account_my_orders_actions', $actions, $order)) { 
             foreach ($actions as $key => $action) { 
              echo '<a href="' . esc_url($action['url']) . '" class="button ' . sanitize_html_class($key) . '">' . esc_html($action['name']) . '</a>'; 
             } 
            } 
           ?> 
          <?php endif; ?> 
         </td> 
        <?php endforeach; ?> 
       </tr> 
      <?php endforeach; ?> 
     </tbody> 
    </table> 

    <?php do_action('woocommerce_before_account_orders_pagination'); ?> 

    <?php if (1 < $customer_orders->max_num_pages) : ?> 
     <div class="woocommerce-Pagination"> 
      <?php if (1 !== $current_page) : ?> 
       <a class="woocommerce-Button woocommerce-Button--previous button" href="<?php echo esc_url(wc_get_endpoint_url('orders', $current_page - 1)); ?>"><?php _e('Previous', 'woocommerce'); ?></a> 
      <?php endif; ?> 

      <?php if ($current_page !== intval($customer_orders->max_num_pages)) : ?> 
       <a class="woocommerce-Button woocommerce-Button--next button" href="<?php echo esc_url(wc_get_endpoint_url('orders', $current_page + 1)); ?>"><?php _e('Next', 'woocommerce'); ?></a> 
      <?php endif; ?> 
     </div> 
    <?php endif; ?> 

<?php else : ?> 
    <div class="woocommerce-Message woocommerce-Message--info woocommerce-info"> 
     <a class="woocommerce-Button button" href="<?php echo esc_url(apply_filters('woocommerce_return_to_shop_redirect', wc_get_page_permalink('shop'))); ?>"> 
      <?php _e('Go Shop', 'woocommerce') ?> 
     </a> 
<?php endif; ?> 
     <?php _e('No order has been made yet.', 'woocommerce'); ?> 
    </div> 

<?php do_action('woocommerce_after_account_orders', $has_orders); ?> 

<?php endif; ?> 

你将不得不对现有的CSS规则添加到您的模态窗口和/或定制该CSS规则。

此代码已经过测试并且功能完整。

+0

谢谢你的回答,但是使用'woocommerce_order_details_table($ order_id)''我能够用几行代码获得所需的结果。 – Yuri

+0

@Yuri你没有提到它,我有这方面的工作,那就是当前客户订单的woocommerce模板,分页和一切,就像“我的账户”=>“订单”(但没有导航,菜单和你不想要的一切)...这是一个完整的关键转向解决方案(替代方案)。 – LoicTheAztec

+0

我只是想要在模态窗口上显示单个订单表格,而不是完整的订单列表。 – Yuri

相关问题