Ensure that the My Account page is using the correct template: #
- Navigate to your Dashboard > Pages and locate the My Account page.
- If you don’t have a My Account page, create a new page and name it, for example: My Account. Then, add the following shortcode to the page content:
[woocommerce_my_account]
- If you don’t have a My Account page, create a new page and name it, for example: My Account. Then, add the following shortcode to the page content:
- If you already have the My Account page or have just created it, edit the page and set the Template to WooCommerce – My Account like the image below.
- Go to WordPress Dashboard > WooCommerce > Settings > Advanced tab. Under Page setup, navigate to My account page and make sure that a My Account page is selected and Save changes .
Custom header Dropdown and Account Sidebar: #
Disable the default WooCommerce Account links in the Dropdown and Account Sidebar #
- Go to your WordPress Dashboard > Appearance > Customize.
- In the Customize panel, navigate to WooCommerce > My Account.
- Ensure that the checkbox is unchecked (as shown in step 2 on the image below) for “Enable default WooCommerce Account links in Dropdown and Account Sidebar. You can create a custom my account menu instead if you want.” and save changes .
Create a custom my account menu #
- Go to your WordPress Dashboard > Appearance > Menus.
- If you already have a My Account Menu, select it.
- If you don’t have a My Account Menu, create a new menu and name it, for example, My Account Menu.
- If you’ve chosen the My Account Menu, in Menu Settings, enable only the My Account Menu (as indicated in step 5 below).
Add custom menu items #
- Make sure you are still on the menus page.
- Under Add menu items, toggle on WooCommerce Endpoints and select the pages you want to display in your menu
- If you can’t find WooCommerce Endpoints at the top-right of the page, look for Screen Options in the top corner. Click on it, and you will see Screen Elements. If WooCommerce Endpoints is disabled, make sure to enable it.
- Additionally, add the My Account page to the menu, and name the menu item as Sample Dashboard. Set this menu item as the first item in your menu.
Make icons visible in custom menu items #
To make icons visible in your custom menu, I recommend checking out this article: Use Remixicon in menu items. This article contains instructions on how to add Remixicon icons to menu items.