The default WooCommerce “My Account” tabs are many. Sometimes, they’re too many. In this post, we will see how to “merge” two tabs into a single one.

For example, how can we move the content of the “Edit Address” tab into the “Edit Account” tab – and save users some navigation time?

WooCommerce: merge two “My Account” tabs

PHP Snippet: Merge Two “My Account” Tabs @ WooCommerce Account

Merging two tabs means hiding a tab, and after that moving its content to another tab. Super easy, and you can apply this to any tab, as long as you change the snippet below with the correct name of the tabs (or endpoints, like WooCommerce calls them).


/**
 * @snippet       Merge Two "My Account" Tabs @ WooCommerce Account
 * @how-to        Get CustomizeWoo.com FREE
 * @source        https://businessbloomer.com/?p=73601
 * @author        Rodolfo Melogli
 * @compatible    Woo 3.5.3
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

// -------------------------------
// 1. First, hide the tab that needs to be merged/moved (edit-address in this case)

add_filter( 'woocommerce_account_menu_items', 'bbloomer_remove_address_my_account', 999 );
 
function bbloomer_remove_address_my_account( $items ) {
unset($items['edit-address']);
return $items;
}

// -------------------------------
// 2. Second, print the ex tab content into an existing tab (edit-account in this case)

add_action( 'woocommerce_account_edit-account_endpoint', 'woocommerce_account_edit_address' );

Share:

Leave a Reply