Reorder menu items in Woocommerce My Account section

Question

I want to move the \"Langgan\" menu label (for subscriptions key) on top of \"Dashboard\" and bold the \"Langgan\".

Currently I\'m using the code below for

Answer 1

To set a custom label for 'subscriptions' key and reorder menu items to get it at the beginning, try this instead (this will replace your function):

add_filter( 'woocommerce_account_menu_items', 'rename_my_account_menu_items', 100, 1 );
function rename_my_account_menu_items( $items ) {
    $ordered_items = array();

    // HERE set your custom label name for 'subscriptions' key in this array
    $subscription_item = array( 'subscriptions' => __( 'Langgan', 'woocommerce' ) );

    // Remove 'subscriptions' key / label pair from original $items array
    unset( $items['subscriptions'] );

    // merging arrays
    $items = array_merge( $subscription_item, $items );

    return $items;
}

This code goes in function.php file of your active child theme (or theme) or also in any plugin file.

Tested and works

---

To make "Langgan" Bold you should need to add in your styles.css file located in your active theme, the following CSS rule:

li.woocommerce-MyAccount-navigation-link--subscriptions {
    font-weight: bold !important;
}

OR

nav.woocommerce-MyAccount-navigation > ul > li:first-child {
    font-weight: bold !important;
}