| title |
|---|
PurchaseDetailsPage component |
| Description | Reference image |
|---|---|
| Purchase details page | ![Purchase details page]{:width="300px"} |
| Order details block | ![Order details]{:width="300px"} |
| Shipment details block | ![Shipment details]{:width="300px"} |
| Payment details block | ![Payment details]{:width="300px"} |
| Order summary block | ![Order summary]{:width="300px"} |
| Order items list | ![Order items list]{:width="300px"} |
| Order item | ![Order item]{:width="300px"} |
| Button group | ![Button group]{:width="300px"} |
| {:style="table-layout:auto"} |
[Purchase details page]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-page.png %} [Order details]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-order-details.png %} [Shipment details]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-shipment-details.png %} [Payment details]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-payment-details.png %} [Order summary]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-order-summary.png %} [Order items list]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-order-items-list.png %} [Order item]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-order-item.png %} [Button group]: {{site.baseurl}}{% link venia-pwa-concept/images/purchase-details-button-group.png %}
- Tap BuyAgain - Adds item to the cart.
- Tap ShareItem - Opens product details page.