WooCommerce My Account
WooCommerce “My Account” page customization
Description
WooCommerce My Account module lets you customize WooCommerce “My Account” page.
General Options
- Add Order Status Actions
- Let your customers change order status manually. Possible values: Pending payment; Processing; On hold; Completed; Cancelled; Refunded; Failed; Custom order statuses.
- Default: None
- Add User Role Selection to Registration Form
- Let your customers choose their user role manually.
- Default:
no
- Default:
- Add User Role Selection to Registration Form: Default user role
- Possible values: Guest; Administrator; Editor; Author; Contributor; Subscriber; Customer; Shop manager; Exempt Customer; Pending Vendor; Vendor; Custom user roles.
- Default:
Customer
- Default:
- Add User Role Selection to Registration Form: User roles options
- Possible values: Guest; Administrator; Editor; Author; Contributor; Subscriber; Customer; Shop manager; Exempt Customer; Pending Vendor; Vendor; Custom user roles.
- Default:
Customer
- Default:
Custom Info Blocks
- Custom Info Blocks
- Enables/disables section.
- Default:
no
- Default:
- Total Blocks
- Sets number of total info blocks. Press Save changes to see new options.
- Default:
- Default:
Info Block #X
- Content
- Info block #X content. You can use HTML and/or shortcodes here.
- Default: None
- Position
- Info block #X position. Possible values: Account content; Account dashboard; Account navigation; After account downloads; After account navigation; After account orders; After account payment methods; After available downloads; After customer login form; After edit account address form; After edit account form; After my account; Available download end; Available download start; Available downloads; Before account downloads; Before account navigation; Before account orders; Before account orders pagination; Before account payment methods; Before Available downloads; Before customer login form; Before edit account address form; Before edit account form; Before my account; Edit account form; Edit account form end; Edit account form start; Login form; Login form end; Login form start; Lost password form; Register form; Register form end; Register form start; Reset password form; View order.
- Default:
Account dashboard
- Default:
- Position Order (i.e. Priority)
- Info block #X position priority.
- Default:
10
- Default:
Tips & Tricks
If you need to change menu color, size, icon etc., you can use CSS for that. Here are a couple of examples of what can be done. CSS can be added to Booster’s “Custom CSS” module, or to any other custom CSS tool or plugin.
/* Menu link customization */li.woocommerce-MyAccount-navigation-link {font-size: large !important;}/* Menu customization */.woocommerce-MyAccount-navigation {width: 100% !important;}/* Icon customization ("Dashboard") */.woocommerce-MyAccount-navigation-link--dashboard a::before {font-size: xx-small !important;float: left !important;margin-right: 15px !important;color: red !important;content: "f3fa" !important;}/* Icon customization - hover ("Dashboard") */.woocommerce-MyAccount-navigation-link--dashboard a:hover::before {color: #8bc34a !important;}/* Icon customization - hover ("Downloads") */.woocommerce-MyAccount-navigation-link--downloads a:hover::before {color: #3256bf !important;}
You can get codes for the icons (content: "f3fa" !important;
in the example above) here – https://fontawesome.com/cheatsheet
Accessible through:
- WooCommerce > Settings > Booster > Emails & Misc. > My Account
Tested on WooCommerce 4.0.0 and WordPress 5.3.2Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.