If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

WooCommerce. How to add/remove menu badges

This tutorial is going to show you how to add/remove menu badges in WooCommerce templates.

WooCommerce. How to add/remove menu badges

In WooCommerce templates you have an option of assigning menu badges New, Hot, and Sale to header menu items. They are of purple, orange and green color by default.

In order to add a badge to a menu item, you need to perform the following:

  1. In your WordPress dashboard go to Appearance -> Menus, select the menu item to edit and click on an arrow next to it. This will display a menu with a number of options:

    woocommerce_how_to_add_remove_menu_badges_1

  2. In the field “Menu badge text” enter the badge text you need:

    woocommerce_how_to_add_remove_menu_badges_2

    In case “Menu badge text” filed is not available, you might need to enable it.

  3. In the field “Menu badge type” select the menu type you need:

    woocommerce_how_to_add_remove_menu_badges_3

  4. After you are done, click on “Save menu” button on the right:

    woocommerce_how_to_add_remove_menu_badges_4

  5. Refresh your website. You will see that the menu badge appeared:

    woocommerce_how_to_add_remove_menu_badges_5

To remove a menu badge, you need to delete badge name, unselect the type of menu badge in “Menu badge type” field and click on “Save menu” button:

woocommerce_how_to_add_remove_menu_badges_6

Now you know how to add/remove menu badges in WooCommerce templates.

Feel free to check the detailed video tutorial below:

WooCommerce. How to add/remove menu badges

 
Live Chat
We help you to choose the right product.
Start chat