Reorder menu items in Woocommerce My Account section

北战南征 提交于 2019-12-01 10:38:04

问题


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 "Langgan" part inside my theme function.php file:

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


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


来源:https://stackoverflow.com/questions/47889365/reorder-menu-items-in-woocommerce-my-account-section

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!