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.__ALG_REMOVE__
- Default: None
- Add User Role Selection to Registration Form
- Let your customers choose their user role manually.__ALG_REMOVE__
- 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.__ALG_REMOVE__
- 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.__ALG_REMOVE__
- Default:
Customer
- Default:
Custom Info Blocks
- Custom Info Blocks
- Enables/disables section.__ALG_REMOVE__
- Default:
no
- Default:
- Total Blocks
- Sets number of total info blocks. Press Save changes to see new options.__ALG_REMOVE__
- Default:
1
- Default:
Info Block #X
- Content
- Info block #X content. You can use HTML and/or shortcodes here.__ALG_REMOVE__
- 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.__ALG_REMOVE__
- Default:
Account dashboard
- Default:
- Position Order (i.e. Priority)
- Info block #X position priority.__ALG_REMOVE__
- 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.
<br /> /* Menu link customization */<br /> li.woocommerce-MyAccount-navigation-link {<br /> font-size: large !important;<br /> }</p> <p>/* Menu customization */<br /> .woocommerce-MyAccount-navigation {<br /> width: 100% !important;<br /> }</p> <p>/* Icon customization (“Dashboard”) */<br /> .woocommerce-MyAccount-navigation-link–dashboard a::before {<br /> font-size: xx-small !important;<br /> float: left !important;<br /> margin-right: 15px !important;<br /> color: red !important;<br /> content: “\f3fa” !important;<br /> }</p> <p>/* Icon customization – hover (“Dashboard”) */<br /> .woocommerce-MyAccount-navigation-link–dashboard a:hover::before {<br /> color: #8bc34a !important;<br /> }</p> <p>/* Icon customization – hover (“Downloads”) */<br /> .woocommerce-MyAccount-navigation-link–downloads a:hover::before {<br /> color: #3256bf !important;<br /> }<br />
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