Menüelemente im Bereich „Mein Konto“ von Woocommerce neu anordnen

Ich möchte die Menübezeichnung “Langgan” verschieben (für Abonnementschlüssel) oben auf “Dashboard” und fett das “Langgan”.

Derzeit verwende ich den folgenden Code für den Teil “Langgan” in meinem Thema function.php Datei:

add_filter( 'woocommerce_account_menu_items', 'rename_my_account_menu_items', 0, 15 );
function rename_my_account_menu_items( $items ) {

    // HERE set your new label name for subscriptions
    $items['subscriptions'] = __( 'Custom label', 'woocommerce' );

    return $items;
}

So legen Sie ein benutzerdefiniertes Etikett fest für 'subscriptions' Schlüssel und ordnen Sie Menüelemente neu an, um es am Anfang zu erhalten, versuchen Sie stattdessen dies (dies wird Ihre Funktion ersetzen):

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;
}

Dieser Code geht in die function.php-Datei Ihres aktiven Child-Themes (oder Themes) oder auch in jede Plugin-Datei.

Getestet und funktioniert

Um “Langgan” Bold zu machen, sollten Sie in Ihrer styles.css-Datei, die sich in Ihrem aktiven Design befindet, die folgende CSS-Regel hinzufügen:

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

ODER

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