{"id":3973,"date":"2017-01-17T02:41:50","date_gmt":"2017-01-17T07:41:50","guid":{"rendered":"http:\/\/local.brightwhiz\/?p=3973"},"modified":"2024-02-22T14:19:32","modified_gmt":"2024-02-22T11:19:32","slug":"woocommerce-product-categories-menu","status":"publish","type":"post","link":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/","title":{"rendered":"How to Add WooCommerce Product Categories to a Menu"},"content":{"rendered":"\n

As with most WordPress Themes when you add products to your shopping cart their categories will not appear in the menu automatically. Therefore you would need to take one or two extra steps to show them in a structured manner. With that, today’s quick tip will cover the process of adding the WooCommerce <\/a>product categories to the WordPress<\/a> menu.<\/p>\n\n\n\n

WordPress is open-source software that allows you to create websites, blogs, or web applications with minimal effort and without reinventing the wheel.<\/p>\n\n\n\n

It supports eCommerce applications as well and one of the most popular plugins that allow you to run your eCommerce website is WooCommerce.<\/p>\n\n\n\n

Tips to Adding the WooCommerce Product Categories to the Menu<\/h2>\n\n\n\n

WordPress comes with a built-in interface to manage your navigation menus. It can be accessed by:<\/p>\n\n\n\n

  1. Going to the admin menu and then selecting Appearance > Menus<\/strong>.

    \"\"<\/a>
    <\/li>
  2. You then need to either create a new menu by clicking on “create a new menu<\/strong>” or select one from the Select menu marked “Select a menu to edit:<\/strong>“
    <\/a><\/li>
  3. Under the type of menu items to add a section, you should be able to see “Product Categories<\/strong>” listed. Select it. and choose the “View All<\/strong>” tab just above it. You now have access to all the Product categories.<\/li>
  4. Select the categories you wish to add to the menu and click the “Add to Menu<\/strong>” button. You should then see the “Menu Structure<\/strong>” updated on the right-hand side. You can drag each item up and down to sort them to your liking.
    The menu Structure also allows you to change items such as the Label, the link target, the
    CSS<\/a> styling and more. These are beyond the scope of this guide so we will not go into them right now.<\/li>
  5. When you are done Click on the blue “Save Menu<\/strong>” button to make your changes active.<\/li><\/ol>\n\n\n\n

    Bonus:<\/strong> There may be cases where the “Product Categories<\/strong>” do not appear under the menu items selection panel. To get it to show up you simply need to scroll to the top of the page and click the “Screen Options<\/strong>” link.<\/p>\n\n\n\n

    This will slide the box panel with options that can be activated by checking. Find the “Product Categories<\/strong>” checkbox and check it to make it appear below.<\/p>\n","protected":false},"excerpt":{"rendered":"

    As with most WordPress Themes when you add products to your shopping cart their categories will not appear in the menu automatically. Therefore you would need to take one or…<\/p>\n","protected":false},"author":1,"featured_media":3974,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,23,17,20],"tags":[136,213,319,320,424,433,452,543,544,591,635,636,637,650,651],"yoast_head":"\nHow to Add WordPress WooCommerce Product Categories to a Menu<\/title>\n<meta name=\"description\" content=\"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add WordPress WooCommerce Product Categories to a Menu\" \/>\n<meta property=\"og:description\" content=\"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features\" \/>\n<meta property=\"og:url\" content=\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightwhiz.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightwhiz\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-17T07:41:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-22T11:19:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Bright\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:site\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Bright\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\"},\"author\":{\"name\":\"Michael Bright\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\"},\"headline\":\"How to Add WooCommerce Product Categories to a Menu\",\"datePublished\":\"2017-01-17T07:41:50+00:00\",\"dateModified\":\"2024-02-22T11:19:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\"},\"wordCount\":384,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg\",\"keywords\":[\"CMS\",\"Ecommerce\",\"Interactive Technics\",\"Internet\",\"Open Source\",\"Optimization\",\"PHP\",\"Software Design\",\"Software development\",\"Tools\",\"Web\",\"Web Applications\",\"Web Design\",\"WooCommerce\",\"WordPress\"],\"articleSection\":[\"Articles\",\"Guides\",\"Tips\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\",\"url\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\",\"name\":\"How to Add WordPress WooCommerce Product Categories to a Menu\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg\",\"datePublished\":\"2017-01-17T07:41:50+00:00\",\"dateModified\":\"2024-02-22T11:19:32+00:00\",\"description\":\"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features\",\"breadcrumb\":{\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg\",\"width\":1200,\"height\":630,\"caption\":\"WooCommerce Product Categories\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/local.brightwhiz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add WooCommerce Product Categories to a Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/local.brightwhiz\/#website\",\"url\":\"http:\/\/local.brightwhiz\/\",\"name\":\"Brightwhiz.com\",\"description\":\"Best Tech guides, Tutorials, and News\",\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/local.brightwhiz\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/local.brightwhiz\/#organization\",\"name\":\"Brightwhiz\",\"url\":\"http:\/\/local.brightwhiz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"width\":706,\"height\":135,\"caption\":\"Brightwhiz\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/brightwhiz\/\",\"https:\/\/twitter.com\/brightwhizmag\",\"https:\/\/instagram.com\/bright_whiz\/\",\"https:\/\/www.pinterest.com\/sobbayi\/\",\"https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\",\"name\":\"Michael Bright\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"caption\":\"Michael Bright\"},\"sameAs\":[\"https:\/\/sobbayi.com\"],\"url\":\"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add WordPress WooCommerce Product Categories to a Menu","description":"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/","og_locale":"en_US","og_type":"article","og_title":"How to Add WordPress WooCommerce Product Categories to a Menu","og_description":"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features","og_url":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/","og_site_name":"Brightwhiz.com","article_publisher":"https:\/\/www.facebook.com\/brightwhiz\/","article_published_time":"2017-01-17T07:41:50+00:00","article_modified_time":"2024-02-22T11:19:32+00:00","og_image":[{"width":1200,"height":630,"url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg","type":"image\/jpeg"}],"author":"Michael Bright","twitter_card":"summary_large_image","twitter_creator":"@brightwhizmag","twitter_site":"@brightwhizmag","twitter_misc":{"Written by":"Michael Bright","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#article","isPartOf":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/"},"author":{"name":"Michael Bright","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32"},"headline":"How to Add WooCommerce Product Categories to a Menu","datePublished":"2017-01-17T07:41:50+00:00","dateModified":"2024-02-22T11:19:32+00:00","mainEntityOfPage":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/"},"wordCount":384,"commentCount":0,"publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"image":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg","keywords":["CMS","Ecommerce","Interactive Technics","Internet","Open Source","Optimization","PHP","Software Design","Software development","Tools","Web","Web Applications","Web Design","WooCommerce","WordPress"],"articleSection":["Articles","Guides","Tips","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/","url":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/","name":"How to Add WordPress WooCommerce Product Categories to a Menu","isPartOf":{"@id":"http:\/\/local.brightwhiz\/#website"},"primaryImageOfPage":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage"},"image":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg","datePublished":"2017-01-17T07:41:50+00:00","dateModified":"2024-02-22T11:19:32+00:00","description":"Here is a quick tip that shows you how to add WooCommerce Product Categories to a WordPress Menu using the inbuilt features","breadcrumb":{"@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#primaryimage","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2017\/01\/WooCommerce-Product-Categor.jpg","width":1200,"height":630,"caption":"WooCommerce Product Categories"},{"@type":"BreadcrumbList","@id":"http:\/\/local.brightwhiz\/woocommerce-product-categories-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/local.brightwhiz\/"},{"@type":"ListItem","position":2,"name":"How to Add WooCommerce Product Categories to a Menu"}]},{"@type":"WebSite","@id":"http:\/\/local.brightwhiz\/#website","url":"http:\/\/local.brightwhiz\/","name":"Brightwhiz.com","description":"Best Tech guides, Tutorials, and News","publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/local.brightwhiz\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/local.brightwhiz\/#organization","name":"Brightwhiz","url":"http:\/\/local.brightwhiz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","width":706,"height":135,"caption":"Brightwhiz"},"image":{"@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightwhiz\/","https:\/\/twitter.com\/brightwhizmag","https:\/\/instagram.com\/bright_whiz\/","https:\/\/www.pinterest.com\/sobbayi\/","https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ"]},{"@type":"Person","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32","name":"Michael Bright","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/","url":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","contentUrl":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","caption":"Michael Bright"},"sameAs":["https:\/\/sobbayi.com"],"url":"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/"}]}},"_links":{"self":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/3973"}],"collection":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/comments?post=3973"}],"version-history":[{"count":2,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/3973\/revisions"}],"predecessor-version":[{"id":13745,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/3973\/revisions\/13745"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media\/3974"}],"wp:attachment":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media?parent=3973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/categories?post=3973"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/tags?post=3973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}