Data AttributesCheckout ReviewReference
| Attribute | Required | Description |
|---|
data-next-enhancer="checkout-review" | yes | Marks the container. All review fields inside it are activated by the same enhancer instance |
| Attribute | Required | Description |
|---|
data-next-checkout-review="<fieldName>" | yes | Display the value of <fieldName> from the checkout store |
data-next-format | no | Format the value. See format types below |
data-next-fallback | no | Text to display when the field is empty. Adds the next-review-empty CSS class |
| Field | Description |
|---|
email | Customer email |
fname | First name |
lname | Last name |
phone | Phone number (raw digits) |
address1 | Street address |
address2 | Apartment / suite / unit |
city | City |
province | State / province |
postal | ZIP / postal code |
country | Country code (e.g. US) |
Nested fields can be accessed with dot notation, e.g. data-next-checkout-review="shippingMethod.price".
| Format | Field used | What it does | Example output |
|---|
| (default) | Any | Renders the raw value as text | [email protected] |
text | Any | Same as default | [email protected] |
name | fname | Combines fname + lname | John Doe |
address | address1 | Combines address1, address2, city, province, postal, and the country (code converted to full name) | 123 Main St, Apt 4B, Springfield IL 62701, United States |
phone | phone | Formats raw digits as (NNN) NNN-NNNN | (555) 123-4567 |
currency | Any numeric | Formats as currency | $9.99 |
For name and address, point the field at the anchor (fname or address1) — the enhancer pulls the related fields automatically.
| Class | Applied when |
|---|
next-review-empty | The field is empty or rendering its data-next-fallback value |
.next-review-empty {
color: #999;
font-style: italic;
}
- The enhancer subscribes to
checkoutStore. Review fields update live when the underlying data changes.
- Country codes are auto-converted to full country names in the
address format (e.g. US → United States).
- The
address2 line is omitted from the address format when empty.
