Renders a full order detail: products, totals, billing/shipping addresses, payment and shipping methods, status and dates. Used on the order confirmation, tracking and account order pages.

Usage

<div data-v-component-order data-v-customer_order_id="url">
  <h1 data-v-order-customer_order_id></h1>
  <span data-v-order-order_status></span>
  <div data-v-order-product>
    <span data-v-order-product-name></span>
    <span data-v-order-product-quantity></span>
  </div>
</div>

Settings

  • data-v-order_id - load by internal id (url reads it from the page address)
  • data-v-customer_order_id - load by public customer-facing id (url supported)
  • data-v-email - additionally filter by customer email
  • data-v-language_id - language for product names and statuses, default to current
  • data-v-image_size - product image size, default thumb