Orders
View and manage customer orders with an overview list and detailed tracking timeline using Flowbite Blade e-commerce block components.
Default Orders Overview
Blade code
<x-fwb.blocks.ecommerce.orders-overview />Custom Orders Overview
Order History
Blade code
<x-fwb.blocks.ecommerce.orders-overview title="Order History" />Default Order Tracking
Product ID: BJ8364850
x1
$1,499
Product ID: BJ8364850
x2
$598
- Original price
- $6,592.00
- Savings
- -$299.00
- Store Pickup
- $99
- Tax
- $799
- Total
- $7,191.00
Order history
-
Estimated delivery in 24 Nov 2023
Products delivered
-
Today
Products being delivered
-
23 Nov 2023, 15:15
Products in the courier's warehouse
-
22 Nov 2023, 12:27
Products delivered to the courier - DHL Express
-
19 Nov 2023, 10:47
Payment accepted - VISA Credit Card
-
19 Nov 2023, 10:45
Order placed - Receipt #647563
Blade code
<x-fwb.blocks.ecommerce.order-tracking />Custom Order Tracking
Tracking order #ORD-20240215
Product ID: BJ8364850
x1
$1,499
Product ID: BJ8364850
x2
$598
- Original price
- $6,592.00
- Savings
- -$299.00
- Store Pickup
- $99
- Tax
- $799
- Total
- $7,191.00
Order history
-
Estimated delivery in 24 Nov 2023
Products delivered
-
Today
Products being delivered
-
23 Nov 2023, 15:15
Products in the courier's warehouse
-
22 Nov 2023, 12:27
Products delivered to the courier - DHL Express
-
19 Nov 2023, 10:47
Payment accepted - VISA Credit Card
-
19 Nov 2023, 10:45
Order placed - Receipt #647563
Blade code
<x-fwb.blocks.ecommerce.order-tracking
title="Tracking order"
orderId="#ORD-20240215"
/>Component Properties
Orders Overview x-fwb.blocks.ecommerce.orders-overview
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | My orders |
Section heading for the orders list. |
| filters | slot | - | Named slot to replace the default order type and duration filter dropdowns. |
| pagination | slot | - | Named slot for pagination controls below the order list. |
| slot | slot | - | Default slot to replace the order rows list. |
Order Tracking x-fwb.blocks.ecommerce.order-tracking
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Track the delivery of order |
Page heading before the order ID. |
| orderId | string | #957684673 |
Order ID displayed next to the heading. |
| timeline | slot | - | Named slot to replace the default order history timeline. |
| actions | slot | - | Named slot to replace the default "Cancel" and "Order details" buttons. |
| slot | slot | - | Default slot to replace the product items and order summary panel. |