Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Account Page

Account Page

Account Page displays WooCommerce's customer account interface, including its account navigation and endpoint content. WooCommerce must be installed and active.

Add and configure Account Page

  1. Click Add, choose Account Page, and place it in the container.
  2. Place the element on the page assigned as WooCommerce's My account page.
  3. Configure Design > Tabs, Content, Spacing, and Typography.
  4. Review Advanced for local global-style overrides.
  5. Save your changes.
Account Page controls in the Breakdance editor
Account Page controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Design > Tabs

Setting Purpose and options Behavior
Layout Vertical, Horizontal. Shared
Vertical Tabs Position Left, Right. When: Layout = Vertical. Shared
Horizontal Tabs Position Left, Center, Right. When: Layout = Horizontal. Shared
Vertical At Breakpoint. When: Layout = Horizontal. Shared
Space Between Space between and unit. Responsive
Sticky Tabs On/off. When: Layout = Vertical. Shared
Sticky Offset Sticky offset and unit. When: Sticky Tabs is set. Shared
Tab > Background Color or supported fill. Shared
Tab > Padding spacing controls. See linked controls
Tab > Typography typography controls. See linked controls
Tab > Borders borders controls. See linked controls
Tab > Hover > Background Color or supported fill. Shared
Tab > Hover > Border Color or supported fill. Shared
Tab > Hover > Text Visible text. Shared
Tab > Hover > Shadow Shadow offset, blur, spread, color. Shared
Tab > Active > Background Color or supported fill. Shared
Tab > Active > Border Color or supported fill. Shared
Tab > Active > Text Visible text. Shared
Tab > Active > Shadow Shadow offset, blur, spread, color. Shared
Tab > Shadow Shadow offset, blur, spread, color. Shared
Override Global Styles woocommerce global styles. See linked controls

Design > Content

Setting Purpose and options Behavior
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls
Override Global Styles woocommerce global styles. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Container spacing controls. See linked controls
Gap Space between items. Responsive

Design > Typography

Setting Purpose and options Behavior
Headings typography controls. See linked controls
Text typography controls. See linked controls
Links typography controls. See linked controls
Tables > Titles typography controls. See linked controls
Tables > Links typography controls. See linked controls
Tables > Text typography controls. See linked controls
Tables > Labels typography controls. See linked controls
Tables > Values typography controls. See linked controls
Tables > Total Label typography controls. See linked controls
Tables > Total Value typography controls. See linked controls

Design > Advanced

Setting Purpose and options Behavior
Override Global Styles woocommerce global styles. See linked controls

Troubleshooting

Check WooCommerce's My account page assignment and account endpoint settings.

Some account sections are absent

The available account content depends on the customer state and WooCommerce configuration.