WooCommerce Themes Global - Documentation

Add user menu with popup login form

  1. From WordPress Admin, click on Appearance -> Menus

    global click appearance menu

  2. Click on create a new menu

    global click create menu


  3. Enter menu name Account (you can use any name) and click on Create Menu button

    global create account menu


  4. Create Account menu and sub menu items with Login menu item and as well as other necessary menu items like below screenshot

    global demo user menu structure

  5. Click on Screen Options from top right corner

    login menu screen options


  6. Check on CSS Classes

    login menu css classes


  7. Expand the My Account menu and under the CSS Classes (optional) add wt-account-menu
  8. Expand the Login menu and under the CSS Classes (optional) add wt-open-login
  9. Expand the Logout menu and under the CSS Classes (optional) add hide-for-guest
  10. If you want to hide some menu items to guest (not logged in) user, add CSS Class to the menu item: hide-for-guest
  11. If you need to hide some menu items to logged in users (show guest users only), add CSS Class to the menu item: show-for-guest
  12. Click on Save Menu