{"id":463,"date":"2020-01-15T11:26:17","date_gmt":"2020-01-15T11:26:17","guid":{"rendered":"https:\/\/getbowtied.com\/?post_type=helpkit&#038;p=463"},"modified":"2020-01-15T11:26:17","modified_gmt":"2020-01-15T11:26:17","slug":"how-to-use-the-navigation-button","status":"publish","type":"helpkit","link":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/","title":{"rendered":"How to use the Navigation Button"},"content":{"rendered":"\n<p>The\u00a0<strong>Navigation Button\u00a0\/ Categories Browser<\/strong>\u00a0is meant to provide better exposure of the product categories in your WooCommerce site.\u00a0The\u00a0<strong>Navigation\u00a0Button<\/strong>\u00a0can be used to display\u00a0<strong>product categories\u00a0<\/strong>and even a standard menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"443\" src=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg\" alt=\"\" class=\"wp-image-464\" srcset=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg 780w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-300x170.jpg 300w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-768x436.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p>To enable the\u00a0<strong>Navigation Button\u00a0<\/strong>go to<strong>\u00a0Appearance> Customize<\/strong><br>then open up<strong>\u00a0Header\u00a0<\/strong>><strong>\u00a0Mega Button\u00a0<\/strong>><strong>\u00a0Settings\u00a0<\/strong>to turn it on.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"413\" src=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-customizer.jpg\" alt=\"\" class=\"wp-image-465\" srcset=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-customizer.jpg 780w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-customizer-300x159.jpg 300w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-customizer-768x407.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p>You can choose which&nbsp;<strong>WooCommerce categories<\/strong>&nbsp;you wish to display, if any, and also arrange them in any order you prefer. Additionally you can enable the menu location for an extra menu slot which will show up in the&nbsp;<strong>Navigation Button<\/strong>&nbsp;location.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Once you&#8217;re done adding items to your\u00a0<strong>Navigation Button\u00a0<\/strong>you may also enable\u00a0<strong>Mega Menus\u00a0<\/strong>on any of the items by navigation to\u00a0<strong>Customize\u00a0<\/strong>><strong>\u00a0Header\u00a0<\/strong>><strong>\u00a0Mega Button\u00a0<\/strong>><strong>\u00a0Mega Menu\u00a0<\/strong>and choosing an item to enable\u00a0<strong>Mega Menu<\/strong>\u00a0on.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"405\" src=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-mmenus.jpg\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-mmenus.jpg 780w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-mmenus-300x156.jpg 300w, https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button-mmenus-768x399.jpg 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The\u00a0Navigation Button\u00a0\/ Categories Browser\u00a0is meant to provide better exposure of the product categories in your WooCommerce site.\u00a0The\u00a0Navigation\u00a0Button\u00a0can be used to display\u00a0product categories\u00a0and even a standard menu. To enable the\u00a0Navigation Button\u00a0go to\u00a0Appearance> Customizethen open up\u00a0Header\u00a0>\u00a0Mega Button\u00a0>\u00a0Settings\u00a0to turn it on. You can choose which&nbsp;WooCommerce categories&nbsp;you wish to display, if any, and also arrange them in any order\u2026<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","helpkit-category":[145],"helpkit-tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to use the Navigation Button - Get Bowtied<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the Navigation Button - Get Bowtied\" \/>\n<meta property=\"og:description\" content=\"The\u00a0Navigation Button\u00a0\/ Categories Browser\u00a0is meant to provide better exposure of the product categories in your WooCommerce site.\u00a0The\u00a0Navigation\u00a0Button\u00a0can be used to display\u00a0product categories\u00a0and even a standard menu. To enable the\u00a0Navigation Button\u00a0go to\u00a0Appearance&gt; Customizethen open up\u00a0Header\u00a0&gt;\u00a0Mega Button\u00a0&gt;\u00a0Settings\u00a0to turn it on. You can choose which&nbsp;WooCommerce categories&nbsp;you wish to display, if any, and also arrange them in any order\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Get Bowtied\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GetBowtied\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@getbowtied\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/\",\"url\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/\",\"name\":\"How to use the Navigation Button - Get Bowtied\",\"isPartOf\":{\"@id\":\"https:\/\/getbowtied.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg\",\"datePublished\":\"2020-01-15T11:26:17+00:00\",\"dateModified\":\"2020-01-15T11:26:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage\",\"url\":\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg\",\"contentUrl\":\"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getbowtied.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Articles\",\"item\":\"https:\/\/getbowtied.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to use the Navigation Button\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/getbowtied.com\/#website\",\"url\":\"https:\/\/getbowtied.com\/\",\"name\":\"Get Bowtied\",\"description\":\"Hassle-free themes, plugins &amp; support for WordPress and WooCommerce\",\"publisher\":{\"@id\":\"https:\/\/getbowtied.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/getbowtied.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/getbowtied.com\/#organization\",\"name\":\"Get Bowtied\",\"url\":\"https:\/\/getbowtied.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png\",\"contentUrl\":\"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png\",\"width\":512,\"height\":512,\"caption\":\"Get Bowtied\"},\"image\":{\"@id\":\"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GetBowtied\/\",\"https:\/\/x.com\/getbowtied\",\"https:\/\/www.instagram.com\/getbowtied\/\",\"https:\/\/www.linkedin.com\/company\/get-bowtied\",\"https:\/\/pinterest.com\/getbowtied\/\",\"https:\/\/www.youtube.com\/c\/Getbowtied\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use the Navigation Button - Get Bowtied","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":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/","og_locale":"en_US","og_type":"article","og_title":"How to use the Navigation Button - Get Bowtied","og_description":"The\u00a0Navigation Button\u00a0\/ Categories Browser\u00a0is meant to provide better exposure of the product categories in your WooCommerce site.\u00a0The\u00a0Navigation\u00a0Button\u00a0can be used to display\u00a0product categories\u00a0and even a standard menu. To enable the\u00a0Navigation Button\u00a0go to\u00a0Appearance> Customizethen open up\u00a0Header\u00a0>\u00a0Mega Button\u00a0>\u00a0Settings\u00a0to turn it on. You can choose which&nbsp;WooCommerce categories&nbsp;you wish to display, if any, and also arrange them in any order\u2026","og_url":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/","og_site_name":"Get Bowtied","article_publisher":"https:\/\/www.facebook.com\/GetBowtied\/","og_image":[{"url":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@getbowtied","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/","url":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/","name":"How to use the Navigation Button - Get Bowtied","isPartOf":{"@id":"https:\/\/getbowtied.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage"},"image":{"@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage"},"thumbnailUrl":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg","datePublished":"2020-01-15T11:26:17+00:00","dateModified":"2020-01-15T11:26:17+00:00","breadcrumb":{"@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#primaryimage","url":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg","contentUrl":"https:\/\/getbowtied.com\/wp-content\/uploads\/2020\/01\/nav-button.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/getbowtied.com\/documentation\/the-hanger\/customization-the-hanger\/how-to-use-the-navigation-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/getbowtied.com\/"},{"@type":"ListItem","position":2,"name":"Help Articles","item":"https:\/\/getbowtied.com\/documentation\/"},{"@type":"ListItem","position":3,"name":"How to use the Navigation Button"}]},{"@type":"WebSite","@id":"https:\/\/getbowtied.com\/#website","url":"https:\/\/getbowtied.com\/","name":"Get Bowtied","description":"Hassle-free themes, plugins &amp; support for WordPress and WooCommerce","publisher":{"@id":"https:\/\/getbowtied.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/getbowtied.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/getbowtied.com\/#organization","name":"Get Bowtied","url":"https:\/\/getbowtied.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png","contentUrl":"https:\/\/www.getbowtied.com\/wp-content\/uploads\/2020\/02\/getbowtied-logo-alt.png","width":512,"height":512,"caption":"Get Bowtied"},"image":{"@id":"https:\/\/getbowtied.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GetBowtied\/","https:\/\/x.com\/getbowtied","https:\/\/www.instagram.com\/getbowtied\/","https:\/\/www.linkedin.com\/company\/get-bowtied","https:\/\/pinterest.com\/getbowtied\/","https:\/\/www.youtube.com\/c\/Getbowtied"]}]}},"_links":{"self":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit\/463"}],"collection":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit"}],"about":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/types\/helpkit"}],"author":[{"embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":0,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit\/463\/revisions"}],"wp:attachment":[{"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"helpkit-category","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-category?post=463"},{"taxonomy":"helpkit-tag","embeddable":true,"href":"https:\/\/getbowtied.com\/wp-json\/wp\/v2\/helpkit-tag?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}