Checkout Thank You Schema
| Property | Value |
|---|---|
name | woocommerce-checkout-thankyou |
category | woocommerce |
tag | div |
nestable | false |
Controls
Section titled “Controls”| Key | Type | Label | CSS |
|---|---|---|---|
previewOrderId | number | Preview order ID | — |
hideMessage | checkbox | Hide message | — |
message | text | message | — |
messageMargin | spacing | Margin | margin on .woocommerce-notice |
messagePadding | spacing | Padding | padding on .woocommerce-notice |
messageBackground | color | Background | background-color on .woocommerce-notice |
messageBorder | border | Border | border on .woocommerce-notice |
messageTypography | typography | Typography | font on .woocommerce-thankyou-order-received |
overviewMargin | spacing | Margin | margin on .woocommerce-order-overview.order_details |
overviewBackground | color | Background | background-color on .woocommerce-order-overview.order_details |
overviewBorder | border | Border | border on .woocommerce-order-overview.order_details |
overviewBorderItem | border | Border | border on .woocommerce-order-overview.order_details li |
overviewLabelTypography | typography | Label typography | font on .woocommerce-order-overview.order_details li |
overviewTextTypography | typography | Typography | font on .woocommerce-order-overview.order_details li strong |
detailsMargin | spacing | Margin | margin on .woocommerce-order-details |
detailsPadding | spacing | Padding | padding on .shop_table th, padding on .shop_table td |
detailsBackground | color | Background | background-color on .woocommerce-order-details table |
detailsBorder | border | Border | border on .woocommerce-order-details table |
detailsBackgroundFooter | color | Background | background-color on .shop_table tfoot |
detailsActionButtonGap | number | Gap | gap on th.order-actions--heading + td |
addressMargin | spacing | Margin | margin on .woocommerce-customer-details |
addressTypography | typography | Typography | font on .woocommerce-customer-details address |
detailsActionButtonMargin | spacing | Margin | margin on th.order-actions--heading + td > a |
detailsActionButtonPadding | spacing | Padding | padding on th.order-actions--heading + td > a |
detailsActionButtonBackgroundColor | color | Background color | background-color on th.order-actions--heading + td > a |
detailsActionButtonBorder | border | Border | border on th.order-actions--heading + td > a |
detailsActionButtonBoxShadow | box-shadow | Box shadow | box-shadow on th.order-actions--heading + td > a |
detailsActionButtonTypography | typography | Typography | font on th.order-actions--heading + td > a |
orderAgainButtonMargin | spacing | Margin | margin on .order-again .button |
orderAgainButtonPadding | spacing | Padding | padding on .order-again .button |
orderAgainButtonBackgroundColor | color | Background color | background-color on .order-again .button |
orderAgainButtonBorder | border | Border | border on .order-again .button |
orderAgainButtonBoxShadow | box-shadow | Box shadow | box-shadow on .order-again .button |
orderAgainButtonTypography | typography | Typography | font on .order-again .button |
downloadsMargin | spacing | Margin | margin on .woocommerce-table--order-downloads |
downloadsPadding | spacing | Padding | padding on .woocommerce-table--order-downloads |
downloadsBackgroundColor | color | Background color | background-color on .woocommerce-table--order-downloads |
downloadsBorder | border | Border | border on .woocommerce-table--order-downloads |
downloadsBoxShadow | box-shadow | Box shadow | box-shadow on .woocommerce-table--order-downloads |
downloadsTypography | typography | Typography | font on .woocommerce-table--order-downloads |
downloadsTitleMargin | spacing | Margin | margin on .woocommerce-order-downloads__title |
downloadsTitlePadding | spacing | Padding | padding on .woocommerce-order-downloads__title |
downloadsTitleBackgroundColor | color | Background color | background-color on .woocommerce-order-downloads__title |
downloadsTitleBorder | border | Border | border on .woocommerce-order-downloads__title |
downloadsTitleBoxShadow | box-shadow | Box shadow | box-shadow on .woocommerce-order-downloads__title |
downloadsTitleTypography | typography | Typography | font on .woocommerce-order-downloads__title |
downloadsTheadPadding | spacing | Padding | padding on .woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before |
downloadsTheadBackgroundColor | color | Background color | background-color on .woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before |
downloadsTheadBorder | border | Border | border on .woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before |
downloadsTheadTypography | typography | Typography | font on .woocommerce-order-downloads thead th, .woocommerce-order-downloads tbody td::before |
downloadsTbodyPadding | spacing | Padding | padding on .woocommerce-order-downloads tbody td |
downloadsTbodyBackgroundColor | color | Background color | background-color on .woocommerce-order-downloads tbody td |
downloadsTbodyBorder | border | Border | border on .woocommerce-order-downloads tbody td |
downloadsTbodyTypography | typography | Typography | font on .woocommerce-order-downloads tbody td |
downloadsButtonMargin | spacing | Margin | margin on .woocommerce-MyAccount-downloads-file.button |
downloadsButtonPadding | spacing | Padding | padding on .woocommerce-MyAccount-downloads-file.button |
downloadsButtonBackgroundColor | color | Background color | background-color on .woocommerce-MyAccount-downloads-file.button |
downloadsButtonBorder | border | Border | border on .woocommerce-MyAccount-downloads-file.button |
downloadsButtonBoxShadow | box-shadow | Box shadow | box-shadow on .woocommerce-MyAccount-downloads-file.button |
downloadsButtonTypography | typography | Typography | font on .woocommerce-MyAccount-downloads-file.button |
failedOrderButtonMargin | spacing | Margin | margin on .woocommerce-thankyou-order-failed-actions a |
failedOrderButtonPadding | spacing | Padding | padding on .woocommerce-thankyou-order-failed-actions a |
failedOrderButtonBackgroundColor | color | Background color | background-color on .woocommerce-thankyou-order-failed-actions a |
failedOrderButtonBorder | border | Border | border on .woocommerce-thankyou-order-failed-actions a |
failedOrderButtonBoxShadow | box-shadow | Box shadow | box-shadow on .woocommerce-thankyou-order-failed-actions a |
failedOrderButtonTypography | typography | Typography | font on .woocommerce-thankyou-order-failed-actions a |
Inherited CSS controls
Section titled “Inherited CSS controls”Shared CSS controls available on all elements. Keys are prefixed with _ and support responsive/pseudo-class variants via colon syntax (e.g. _typography:tablet_portrait:hover).
| Key | Type | Label | CSS |
|---|---|---|---|
_content | text | Content | content |
_margin | spacing | Margin | margin |
_padding | spacing | Padding | padding |
_width | number | Width | width |
_widthMin | number | Min. width | min-width |
_widthMax | number | Max. width | max-width |
_height | number | Height | height |
_heightMin | number | Min. height | min-height |
_heightMax | number | Max. height | max-height |
_aspectRatio | text | Aspect ratio | aspect-ratio |
_position | select | Position | position |
_top | number | Top | top |
_right | number | Right | right |
_bottom | number | Bottom | bottom |
_left | number | Left | left |
_zIndex | number | Z-index | z-index |
_order | number | Order | order |
_display | select | Display | display, align-items |
_visibility | select | Visibility | visibility |
_overflow | text | Overflow | overflow |
_opacity | number | Opacity | opacity |
_cursor | select | Cursor | cursor |
_isolation | select | Isolation | isolation |
_mixBlendMode | select | Mix blend mode | mix-blend-mode |
_pointerEvents | text | Pointer events | pointer-events |
_perspective | number | Perspective | perspective |
_perspectiveOrigin | text | Perspective origin | perspective-origin |
_gridItemJustifySelf | align-items | Justify self | justify-self |
_flexDirection | direction | Direction | flex-direction |
_alignSelf | align-items | Align self | align-self |
_justifyContent | justify-content | Align main axis | justify-content |
_alignItems | align-items | Align cross axis | align-items |
_gap | number | Gap | gap |
_flexGrow | number | Flex grow | flex-grow |
_flexShrink | number | Flex shrink | flex-shrink |
_flexBasis | text | Flex basis | flex-basis |
_useMasonry | checkbox | %s layout | — |
_masonryColumn | number | Columns | --columns |
_masonryGutter | number | Spacing | --gutter |
_masonryHorizontalOrder | checkbox | Horizontal order | — |
_masonryTransitionDuration | number | Transition | — |
_masonryTransitionMode | select | Reveal animation | — |
_typography | typography | _typography | font |
_background | background | _background | background |
_shapeDividers | repeater | Custom shape | — |
_gradient | gradient | _gradient | background-image |
_border | border | Border | border |
_boxShadow | box-shadow | Box shadow | box-shadow |
_transform | transform | Transform | transform |
_transformOrigin | text | Transform origin | transform-origin |
_motionElementParallax | checkbox | Element parallax | — |
_motionElementParallaxSpeedX | number | Horizontal speed | --brx-motion-parallax-speed-x |
_motionElementParallaxSpeedY | number | Vertical speed | --brx-motion-parallax-speed-y |
_motionBackgroundParallax | checkbox | Background parallax | — |
_motionBackgroundParallaxSpeed | number | Background speed | --brx-motion-background-speed |
_motionStartVisiblePercent | number | Parallax start point | — |
_cssCustom | code | Custom CSS | — |
_cssClasses | text | CSS classes | — |
_cssId | text | CSS ID | — |
_cssFilters | filters | CSS Filters | filter |
_cssTransition | text | Transition | transition |
_attributes | repeater | Name | — |
_scrollSnapType | select | Type | scroll-snap-type on html, scroll-snap-align on .brxe-section |
_scrollSnapAlign | select | Align | scroll-snap-align on .brxe-section |
_scrollSnapStop | select | Stop | scroll-snap-stop on .brxe-section |
Was this helpful?
A quick vote and short notes help us improve these docs faster.
Leave a note for us
Please do not include passwords, license keys, or personal data. We store submitted notes to improve the docs.
Thanks for sharing feedback. We're using it to improve these docs.