Nav With Order Status Strip
Standard navbar with a dismissible strip showing the active order, ship date, and tracking link.
Standard navbar with a dismissible strip showing the active order, ship date, and tracking link.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Nav With Order Status Strip adds a slim dismissible bar below the standard navbar: your order 31268 ships Friday, a tracking link, and an X to close it. The main bar carries the standard logo, nav links, account icon, and cart. The JSDoc states the intent plainly: the strip is meant to render only between dispatch and delivery, never as a permanent banner.
The component is static in the block preview; in production the strip renders conditionally on order state. No data arrays, the order number, ship date, and tracking href are wired from the order record.
Reach for this block as the site header whenever a logged in customer has an order between dispatch and delivery. The conditional render logic belongs in the layout, not the component. Once the delivery scan arrives, the strip should not appear.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the single active order strip. Other strip variants:
Tip: the strip earning its place depends entirely on disappearing when the delivery is done; a persistent banner that never clears teaches customers to ignore it.