spz-order-detail

In the following example, it consists of two parts:

• role="order": This part is related to the order detail.
• role="fulfill": This part is related to logistics information.

<spz-order-detail layout="container" order-id="712691206723623785" locale="order-locale-json">
  <spz-render manual layout="container" role="order">
    <template>
      <!-- ... -->
    </template>
  </spz-render>

  <spz-render manual layout="container" role="fulfill">
    <template>
      <div>
        <!-- ... -->
      </div>
    </template>
  </spz-render>

  <spz-render manual layout="container" role="order">
    <template>
      <!-- ... -->
    </template>
  </spz-render>
</spz-order-detail>

Specifies the current order id. For example 712691206723623785.

Specify the multiple languages required for the order. It contains the following data:

<script id="order-locale-json" type="application/json">
  {
    "order_status": {
      // ...
    },
    "order_modal": {
      // ...
    },
    "statusLangs": {
      // ...
    },
    "summaryLangs": {
      // ...
    }
  }
</script>