HOT
22bulbjungle
No Result
View All Result
22bulbjungle
No Result
View All Result
Home Web Development

How to add WooCommerce product categories to the WordPress menu?

in Web Development, Woocommerce, Wordpress
Reading Time: 2 mins read
409 8
0
How to add WooCommerce product categories to the WordPress menu?
573
SHARES
2.6k
VIEWS
Share on FacebookShare on Twitter

By default, WordPress doesn’t show you the product categories to be added to the menu. You might only see the options like -Posts- or the Posts categories.

You’ll wonder how can you can your custom product categories from Woocommerce dynamically without using the custom link in WordPress menus.

RelatedPosts

How To Create a Beating Heart Shape Animation Using CSS

How To Transition a Height of Zero to a Height of Auto?

How To Apply CSS to Half of a Character

So, how to add product categories to the WordPress menu?

Here are the steps:

  • Go to Appearance > Menus
  • Look for the Screen Options at the upper right corner of the dashboard. Expand through clicking on it.
  • In the boxes, you’ll see a list of checkboxes. We want “Product Categories” to show so we make sure that is checked. It will automatically show it on the edit menu options below.

Also, read:  Woocommerce Change Text on Checkout Page | Quick Tutorial

  • Now you can add the categories you want on your menu. Make sure to check what menu you are editing. To do that, check your menu name and the display location.
  • If you’re not editing the right one, look for Select a menu to edit: option then choose your menu and click on select.
  • On the product categories at the left side, select the categories you want to add and then click on the Add to the menu button. These will appear to your selected menu.
  • From there you can rearrange your menu depending on your liking by drag and drop.
  • You can also make the menu as a dropdown by dragging the menu to the right and drop – this will look indented. The menu above will automatically be the parent menu which shows the indented menu as a drop-down
  • Once done, save your menu by clicking on Save Menu button.
Tags: Video TutorialWoocommerceWordpress
Share229Tweet143Share57

Related Posts

How To Create a Beating Heart Shape Animation Using CSS
CSS

How To Create a Beating Heart Shape Animation Using CSS

by 22bulbjungle
December 28, 2022
0

Create the HTML structure Create the HTML structure for the heart shape. We'll use a div element with the class "heart": <div...

Read more
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
Electronics, Smartphone, Computer & Tablet Repair Kit
How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
How To Prevent or Disable Copy and Paste in an Input Field

How To Prevent or Disable Copy and Paste in an Input Field

December 21, 2022
How To Turn Image Into Vintage With CSS

How To Turn Image Into Vintage With CSS

December 21, 2022

Free Do it yourself tutorials on CSS, HTML, Photoshop, Wordpress, and Woocommerce to help you learn web development and graphic design.

Follow Us

Affiliate Disclosure: 22bulbjungle is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Recent Tutorials

How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022

Categories

  • CSS
  • Duda Builder
  • Ecommerce
  • Elementor
  • Graphic Design
  • htaccess
  • Javascript
  • jQuery
  • PC Tips
  • Photoshop
  • PHP
  • Responsive design
  • Shopify
  • Video
  • Web Design
  • Web Development
  • Webdev Tips
  • Woocommerce
  • Wordpress
  • Home
  • Blog
  • Web Development
  • Graphic Design

© 2022 22BulbJungle.

No Result
View All Result
  • Home
  • Blog
  • Web Development
    • CSS
    • Javascript
    • WordPress
  • Graphic Design
    • Photoshop

© 2022 22BulbJungle.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.