Order details
Bootstrap 5 Order details component
Responsive Order Details page built with the latest Bootstrap 5. eCommerce examples of shop pages with order summary, receipts, invoices, purchase lists & more.Basic example
Order details displayed inside of a popup. Check out the modal documentation to customize it further.
Order details #2
Order details card with detailed payment information and delivery status presented with a stepper.
Purchase Reciept
Date
10 April 2021
Order No.
012j1gvs356c
BEATS Solo 3 Wireless Headphones
£299.99
Shipping
£33.00
£262.99
Tracking Order
-
Ordered
-
Shipped
-
On the way
-
Delivered
Want any help? Please contact us
Order details #3
Order details page with product cards and delivery status presented with a progress bar.
Thanks for your Order, Anna!
Receipt
Receipt Voucher : 1KAU9-84UIL

Samsung Galaxy
White
Capacity: 64GB
Qty: 1
$499
Track Order
Out for delivary
Delivered

iPad
Pink rose
Capacity: 32GB
Qty: 1
$399
Track Order
Out for delivary
Delivered
Order Details
Total $898.00
Invoice Number : 788152
Discount $19.00
Invoice Date : 22 Dec,2019
GST 18% 123
Recepits Voucher : 18KU-62IIK
Delivery Charges Free
Order details #4
Order status popup with detailed shipper and address information.
Order details #5
A detailed product card with simple delivery status. Ideal for replacing item cards after purchase on shopping cart pages.
Order ID 1222528743
Place On 12,March 2019
Headphones Bose 35 II
Qt: 1 item
$ 299 via (COD)
Tracking Status on: 11:30pm, Today

- PLACED
- SHIPPED
- DELIVERED
Order details #6
Product delivery status card with invoice number and simple status tracking with slick icons.
INVOICE #Y34XDHR
Expected Arrival 01/12/19
USPS 234094567242423422898
Order
Processed
Order
Shipped
Order
En Route
Order
Arrived
Order details #7
Compact status card with a horizontal timeline.