---
title: "Account - View Order Schema"
description: "Schema for Bricks Account - View order element"
canonical: "https://academy.bricksbuilder.io/developer/schema/elements/woocommerce-account-view-order/"
markdownUrl: "https://academy.bricksbuilder.io/developer/schema/elements/woocommerce-account-view-order.md"
pageType: "article"
section: "developer"
category: "schema"
lastmod: "2026-05-21T13:58:32.000Z"
---
import SchemaJson from '../../../../../components/SchemaJson.astro'

| Property | Value |
|---|---|
| `name` | woocommerce-account-view-order |
| `category` | woocommerce |
| `tag` | div |
| `nestable` | false |

<SchemaJson path="elements/woocommerce-account-view-order.json" />

## Controls

| Key | Type | Label | CSS |
|---|---|---|---|
| `previewOrderId` | number | Preview order ID | — |
| `orderInfoHide` | checkbox | Hide | `display` on `> p:first-child` |
| `orderInfoTypography` | typography | Typography | `font` on `> p:first-child` |
| `orderMarkPadding` | spacing | Padding | `padding` on `mark` |
| `orderMarkBackgroundColor` | color | Background color | `background-color` on `mark` |
| `orderMarkTypography` | typography | Typography | `font` on `mark` |
| `notesTitleHide` | checkbox | Hide | `display` on `> h2` |
| `orderDetailsTfootHeadingTypography` | typography | Typography | `typography` on `.woocommerce-order-details tfoot th` |
| `orderAgainButtonWidth` | number | Width | `width` on `.order-again a.button` |
| `notesMargin` | spacing | Margin | `margin` on `.woocommerce-OrderUpdates` |
| `notesPadding` | spacing | Padding | `padding` on `.woocommerce-OrderUpdates` |
| `notesBackgroundColor` | color | Background color | `background-color` on `.woocommerce-OrderUpdates` |
| `notesBorder` | border | Border | `border` on `.woocommerce-OrderUpdates` |
| `notesBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-OrderUpdates` |
| `notesTypography` | typography | Typography | `font` on `.woocommerce-OrderUpdates` |
| `notesTitleMargin` | spacing | Margin | `margin` on `> h2` |
| `notesTitlePadding` | spacing | Padding | `padding` on `> h2` |
| `notesTitleBackgroundColor` | color | Background color | `background-color` on `> h2` |
| `notesTitleBorder` | border | Border | `border` on `> h2` |
| `notesTitleBoxShadow` | box-shadow | Box shadow | `box-shadow` on `> h2` |
| `notesTitleTypography` | typography | Typography | `font` on `> h2` |
| `notesMetaMargin` | spacing | Margin | `margin` on `.woocommerce-OrderUpdate-meta` |
| `notesMetaPadding` | spacing | Padding | `padding` on `.woocommerce-OrderUpdate-meta` |
| `notesMetaBackgroundColor` | color | Background color | `background-color` on `.woocommerce-OrderUpdate-meta` |
| `notesMetaBorder` | border | Border | `border` on `.woocommerce-OrderUpdate-meta` |
| `notesMetaBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-OrderUpdate-meta` |
| `notesMetaTypography` | typography | Typography | `font` on `.woocommerce-OrderUpdate-meta` |
| `notesDescriptionMargin` | spacing | Margin | `margin` on `.woocommerce-OrderUpdate-description` |
| `notesDescriptionPadding` | spacing | Padding | `padding` on `.woocommerce-OrderUpdate-description` |
| `notesDescriptionBackgroundColor` | color | Background color | `background-color` on `.woocommerce-OrderUpdate-description` |
| `notesDescriptionBorder` | border | Border | `border` on `.woocommerce-OrderUpdate-description` |
| `notesDescriptionBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-OrderUpdate-description` |
| `notesDescriptionTypography` | typography | Typography | `font` on `.woocommerce-OrderUpdate-description` |
| `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` |
| `orderDetailsMargin` | spacing | Margin | `margin` on `.woocommerce-order-details` |
| `orderDetailsPadding` | spacing | Padding | `padding` on `.woocommerce-order-details` |
| `orderDetailsBackgroundColor` | color | Background color | `background-color` on `.woocommerce-order-details` |
| `orderDetailsBorder` | border | Border | `border` on `.woocommerce-order-details` |
| `orderDetailsBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-order-details` |
| `orderDetailsTypography` | typography | Typography | `font` on `.woocommerce-order-details` |
| `orderDetailsTitleMargin` | spacing | Margin | `margin` on `.woocommerce-order-details__title` |
| `orderDetailsTitlePadding` | spacing | Padding | `padding` on `.woocommerce-order-details__title` |
| `orderDetailsTitleBackgroundColor` | color | Background color | `background-color` on `.woocommerce-order-details__title` |
| `orderDetailsTitleBorder` | border | Border | `border` on `.woocommerce-order-details__title` |
| `orderDetailsTitleBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-order-details__title` |
| `orderDetailsTitleTypography` | typography | Typography | `font` on `.woocommerce-order-details__title` |
| `orderDetailsTbodyPadding` | spacing | Padding | `padding` on `.woocommerce-order-details tbody td` |
| `orderDetailsTbodyBackgroundColor` | color | Background color | `background-color` on `.woocommerce-order-details tbody td` |
| `orderDetailsTbodyBorder` | border | Border | `border` on `.woocommerce-order-details tbody td` |
| `orderDetailsTbodyTypography` | typography | Typography | `font` on `.woocommerce-order-details tbody td` |
| `orderDetailsTfootPadding` | spacing | Padding | `padding` on `.woocommerce-order-details tfoot` |
| `orderDetailsTfootBackgroundColor` | color | Background color | `background-color` on `.woocommerce-order-details tfoot` |
| `orderDetailsTfootBorder` | border | Border | `border` on `.woocommerce-order-details tfoot` |
| `orderDetailsTfootTypography` | typography | Typography | `font` on `.woocommerce-order-details tfoot` |
| `orderAgainButtonMargin` | spacing | Margin | `margin` on `.order-again a.button` |
| `orderAgainButtonPadding` | spacing | Padding | `padding` on `.order-again a.button` |
| `orderAgainButtonBackgroundColor` | color | Background color | `background-color` on `.order-again a.button` |
| `orderAgainButtonBorder` | border | Border | `border` on `.order-again a.button` |
| `orderAgainButtonBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.order-again a.button` |
| `orderAgainButtonTypography` | typography | Typography | `font` on `.order-again a.button` |
| `customerDetailsMargin` | spacing | Margin | `margin` on `.woocommerce-customer-details` |
| `customerDetailsPadding` | spacing | Padding | `padding` on `.woocommerce-customer-details` |
| `customerDetailsBackgroundColor` | color | Background color | `background-color` on `.woocommerce-customer-details` |
| `customerDetailsBorder` | border | Border | `border` on `.woocommerce-customer-details` |
| `customerDetailsBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-customer-details` |
| `customerDetailsTypography` | typography | Typography | `font` on `.woocommerce-customer-details` |
| `customerDetailsTitleMargin` | spacing | Margin | `margin` on `.woocommerce-customer-details h2` |
| `customerDetailsTitlePadding` | spacing | Padding | `padding` on `.woocommerce-customer-details h2` |
| `customerDetailsTitleBackgroundColor` | color | Background color | `background-color` on `.woocommerce-customer-details h2` |
| `customerDetailsTitleBorder` | border | Border | `border` on `.woocommerce-customer-details h2` |
| `customerDetailsTitleBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-customer-details h2` |
| `customerDetailsTitleTypography` | typography | Typography | `font` on `.woocommerce-customer-details h2` |
| `customerDetailsAddressMargin` | spacing | Margin | `margin` on `.woocommerce-customer-details address` |
| `customerDetailsAddressPadding` | spacing | Padding | `padding` on `.woocommerce-customer-details address` |
| `customerDetailsAddressBackgroundColor` | color | Background color | `background-color` on `.woocommerce-customer-details address` |
| `customerDetailsAddressBorder` | border | Border | `border` on `.woocommerce-customer-details address` |
| `customerDetailsAddressBoxShadow` | box-shadow | Box shadow | `box-shadow` on `.woocommerce-customer-details address` |
| `customerDetailsAddressTypography` | typography | Typography | `font` on `.woocommerce-customer-details address` |

## 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` |