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