Renders the customer's order history (My Account → Orders): one block per order with its number, date, status and totals, linking to the order detail page.

Usage

<div data-v-component-orders data-v-limit="4">
  <div data-v-order>
    <a href="" data-v-order-url><span data-v-order-customer_order_id></span></a>
    <span data-v-order-created_at></span>
    <span data-v-order-order_status></span>
  </div>
</div>

Settings

  • data-v-start - starting offset, default 0
  • data-v-limit - orders per page (page address can override), default 4
  • data-v-user_id - orders of this customer (defaults to the logged-in user)
  • data-v-order_status / data-v-order_status_id - filter by order status
  • data-v-payment_status / data-v-shipping_status - filter by payment/shipping status
  • data-v-search - search by customer name
  • data-v-order_by / data-v-direction - sorting, default newest first