Support » Plugin: WooCommerce » Change “Action” label in my orders page

  • Resolved maxchentrens

    (@maxchentrens)


    Hi Guys.

    I have gone through all the templates in myaccount, and i cant find the file that contains the table headings for the my order page.

    I have also tried every permeatation of css, but just cant seem to target it.

    Basically, i want to remove the label for the actions column.

    Could you pont me to the file that contaisn this? Or do you have a snippet i can {display: none} with in css.

    The selectors i have tried are…

    .nobr {display: none}

    th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions span {display: none}

    Many thanks
    Max

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there Max,

    This CSS appeared to work on my site for hiding the header for the Actions column:

    
    th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions span {
      display: none;
    }
    

    As for the template, it appears the /woocommerce/templates/myaccount/orders.php file calls a wc_get_account_orders_columns() function in /woocommerce/includes/wc-account-functions.php to get the column names.

    There’s a woocommerce_account_orders_columns filter that you could use to customize it there.

    Hiding it with the CSS would probably be easier though! : )

    Thread Starter maxchentrens

    (@maxchentrens)

    Hi. Thanks very much for your help.

    It worked perfectly.

    Best
    Max

    Thread Starter maxchentrens

    (@maxchentrens)

    Hi. Just a quick follow up question if i may.

    The “Actions” heading stays visible at 600px width.

    I have tried this css, but it isnt working.

    @media screen and (max-width: 600px) {
    .woocommerce table.shop_table_responsive tr {
    display: none
    }
    }

    Thanks again
    Max

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there Max,

    Just to confirm, you are referring to the “Actions” heading when the screen has a width of less than 600px (i.e. mobile), correct?

    If so, please try this CSS to target that (it appears to be a different element from the one in desktop mode):

    
    table.shop_table_responsive tr td[data-title="Actions"]::before {
      display: none;
    }
    

    I hope that helps!

    Thread Starter maxchentrens

    (@maxchentrens)

    That’s fantastic! I really appreciate it. It worked perfectly.

    Best
    Max

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there Max,

    Glad to hear it worked!! 🙂

    I’m going to mark this thread as resolved.
    If you have any further questions, please start a new thread.

    Have a wonderful day!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change “Action” label in my orders page’ is closed to new replies.