Add new menu item in my account navigation - WooCommerce
In a recent WooCommerce project, my client suggest to add a new menu item in the WooCommerce user’s My Account navigation.
When we add a menu item, we have to also create a new page with some content for that new menu link.
Below you can find the simple code snippet to create a new menu item & page to add content for this new menu item.
/*
* Step 1. Add new menu item to My Account menu - on the 3rd position.
*/
add_filter ( 'woocommerce_account_menu_items', 'xrgty37_new_menu_link', 40 );
function xrgty37_new_menu_link( $menu_links ){
$menu_links = array_slice( $menu_links, 0, 2, true )
+ array( 'new-menu' => 'New Menu' )
+ array_slice( $menu_links, 2, NULL, true );
return $menu_links;
}
/*
* Step 2. Register Permalink Endpoint
*/
add_action( 'init', 'xrgty37_add_endpoint' );
function xrgty37_add_endpoint() {
// Check WP_Rewrite
add_rewrite_endpoint( 'new-menu', EP_PAGES );
}
/*
* Step 3. Content for the new page in My Account, woocommerce_account_{ENDPOINT NAME}_endpoint
*/
add_action( 'woocommerce_account_new-menu_endpoint', 'xrgty37_my_account_endpoint_content' );
function xrgty37_my_account_endpoint_content() {
// Content for new page
echo 'This is content for newly created menu item.';
}
Recent Posts
- Automating Release Generation with GitHub Actions
- WP CLI Commands to Bulk Delete Entries in WordPress Database
- Split a Single CSV File into Multiple Files Using the Split Command - Bash
- Migrating code repo from BitBucket to GitHub
- Streamlining Development - Our Journey with Git, Bitbucket, and Jira
Your Questions / Comments
If you found this article interesting, found errors, or just want to discuss about it, please get in touch.