Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library:

Order Status Bars

Placed Order

Order Placed

Tue, Feb 2, 2016

We’re currently working on your order and will email you when your packages have shipped.

Shipped Order - 1

Shipment #1

In Progress

UPS Tracking Number: 1ZXA33310335296379 Last updated : Feb 2 at 12:46PM

Shipped Order - 2

Shipment #2

On It’s Way

UPS Tracking Number: 1ZXA33310335296379 Last updated : Feb 2 at 12:46PM

Shipped Order - 3

Shipment #3

Delivered Tuesday Feb. 8

UPS Tracking Number: 1ZXA33310335296379 Last updated : Feb 2 at 12:46PM

Returned Order

Return Refunded

Received Fri, Feb 7, 2016

We received the following returned items from you and are currently processing your refund.

Exchanged Order

Exchange Processed

Received Fri, Feb 7, 2016

We received the following returned items from you and have credited your credit card for $178.76.

Any status bar can have a divider before or after it by specifiying so

Placed Order

Order Placed

Tue, Feb 2, 2016

We’re currently working on your order and will email you when your packages have shipped.

Gift order status bar

This is a gift

Gift reciept included (no prices listed)

Gift Message

“Happy birthday, we love you very much. We hope you enjoy this sweater this winter. - Love Mom”