Account - View Order Schema

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

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

Leave a note for us