{"id":3690,"date":"2019-10-11T02:14:19","date_gmt":"2019-10-11T02:14:19","guid":{"rendered":"https:\/\/litextension.com\/faq\/docs\/shopping-cart-questions\/woocommerce\/how-can-create-menu-on-woocommerce-after-migration\/"},"modified":"2026-08-31T04:23:23","modified_gmt":"2026-08-31T04:23:23","slug":"how-can-create-menu-on-woocommerce-after-migration","status":"publish","type":"docs","link":"https:\/\/litextension.com\/faq\/docs\/shopping-cart-questions\/woocommerce-migration\/how-can-create-menu-on-woocommerce-after-migration\/","title":{"rendered":"How can I create menu on WooCommerce after migration?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After <a href=\"https:\/\/litextension.com\/woocommerce-migration-tool.html\">WooCommerce migration<\/a>, you can use WordPress\u2019s built-in navigation settings to create a menu containing your WooCommerce pages, product categories, and product tags. The steps depend on whether your store uses a classic theme or a block theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"267\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/1.png\" alt=\"create menu on WooCommerce\" class=\"wp-image-3692\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/1.png 950w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/1-300x84.png 300w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/1-768x216.png 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress menu&#8217;s functionality is well documented on the WordPress codex, but we\u2019ve set up a summary here to get you started.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note<\/strong>: This doc covers standard WordPress menus. We offer the Storefront Mega Menu and <a href=\"https:\/\/woocommerce.com\/products\/storefront-hamburger-menu\/?_ga=2.17168121.1192559547.1570760128-522224495.1569215639\" target=\"_blank\" rel=\"nofollow noopener\">Storefront Hamburger Menu plugins<\/a> if you\u2019d like to have different menus with <a href=\"https:\/\/woocommerce.com\/storefront\/?_ga=2.17168121.1192559547.1570760128-522224495.1569215639\" target=\"_blank\" rel=\"nofollow noopener\">Storefront<\/a> or one of Storefront\u2019s child themes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Finding the Menu Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize your menu by going to <strong>Appearance &gt; Menus.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"219\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/2WordPress-Menus-Location1.png\" alt=\"\" class=\"wp-image-3693\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alternatively, you can use the Customizer and choose <strong>Menus<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"737\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/3.png\" alt=\"\" class=\"wp-image-3694\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/3.png 702w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/3-286x300.png 286w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Adding Links<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">By default, WordPress will start by adding all of your pages to the default navigation menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s a menu created for a sample WooCommerce shop, using&nbsp;<a href=\"https:\/\/woocommerce.com\/storefront\/?_ga=2.203314641.1192559547.1570760128-522224495.1569215639\" target=\"_blank\" rel=\"nofollow noopener\">Storefront<\/a> theme.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"267\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/4.png\" alt=\"\" class=\"wp-image-3695\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/4.png 950w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/4-300x84.png 300w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/4-768x216.png 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your first step will be to create a menu (if you haven\u2019t already) and then add things to it. You can create as many menus as you\u2019d like, but you\u2019ll only be able to assign them to existing locations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s what the same menu looks like via <strong>Appearances &gt; Menus.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1106\" height=\"918\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/5WordPress-Menus.png\" alt=\"\" class=\"wp-image-3696\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/5WordPress-Menus.png 1106w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/5WordPress-Menus-300x249.png 300w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/5WordPress-Menus-768x637.png 768w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/5WordPress-Menus-1024x850.png 1024w\" sizes=\"auto, (max-width: 1106px) 100vw, 1106px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the left hand column is a list of all your pages, as well as custom post types, categories, tags, etc\u2026 You can then select certain pages, or products, or categories and add them to the menu you are creating. For example, if you are using WooCommerce adding categories to your menu is common.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Creating Drop Down Menus<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once an item is added to a menu, those menu items can be rearranged to create sub menu items. There is an easy drag and drop method you can use to create these, shown in the gif below. To create a drop down menu drag a menu item slightly to the right of the menu item above it to create a sub item (parent\/child) relationship in the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"278\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/6Sub-Menu-Gif.gif\" alt=\"\" class=\"wp-image-3697\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also click the down arrow to reveal more information and there click the Up one, Down one, Under [item above it], and To the top.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3698\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/7Creating-Sub-Menu-Items.png\" alt=\"\" width=\"425\" height=\"296\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/7Creating-Sub-Menu-Items.png 425w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/7Creating-Sub-Menu-Items-300x209.png 300w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><br>\nWordPress adds text to let you know when when a menu item has become a sub item:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"262\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/8Sub-Item-Text.png\" alt=\"\" class=\"wp-image-3699\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/8Sub-Item-Text.png 458w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/8Sub-Item-Text-300x172.png 300w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Adding a Home Link<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adding a \u201c<strong>Home<\/strong>\u201d link to your menu is useful if you want to give users quick access back to your front page, or if you have set a static page as your front page, and want a \u201cHome\u201d item in your menu. The logos in our themes are also links to your home page, but this helps some users with a specific link saying home.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add a \u201c<strong>Home<\/strong>\u201d link, click View All under the Pages panel. If you have a page set as your home page in your Settings &gt; Reading settings then it shows up under all pages with the Home: [Page Title] text.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"737\" height=\"372\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/10Adding-Your-Homepage.png\" alt=\"\" class=\"wp-image-3701\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/10Adding-Your-Homepage.png 737w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/10Adding-Your-Homepage-300x151.png 300w\" sizes=\"auto, (max-width: 737px) 100vw, 737px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Managing Locations<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s up to the theme developer to decide how many menu locations a theme should have. Regardless, there are two easy ways to assign a menu you just created to a menu location.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While creating or editing your menu, you can assign it\u2019s location at the bottom of the menu. There is also a Manage Locations tab where you can assign all locations a menu from one screen. Helpful if your theme has many menu locations.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"149\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/Menu-Locations.png\" alt=\"\" class=\"wp-image-3707\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/Menu-Locations.png 501w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/Menu-Locations-300x89.png 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Adding Product Categories<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To add Product Categories to your menu, you might need to enable them first in the Screen Options. Then add and organize your product categories as you would any other menu item.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1119\" height=\"845\" src=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/12Adding-Product-Categories-to-Menus.png\" alt=\"\" class=\"wp-image-3703\" srcset=\"https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/12Adding-Product-Categories-to-Menus.png 1119w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/12Adding-Product-Categories-to-Menus-300x227.png 300w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/12Adding-Product-Categories-to-Menus-768x580.png 768w, https:\/\/litextension.com\/faq\/wp-content\/uploads\/2019\/10\/12Adding-Product-Categories-to-Menus-1024x773.png 1024w\" sizes=\"auto, (max-width: 1119px) 100vw, 1119px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have any other questions, please email us at\u00a0<strong>litextension@support.litextension.com<\/strong>.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":21,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[3584,3585,3586],"class_list":["post-3690","docs","type-docs","status-publish","hentry","doc_tag-create-menu","doc_tag-create-menu-on-woocommerce","doc_tag-menu-on-woocommerce"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/3690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/comments?post=3690"}],"version-history":[{"count":11,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/3690\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/3690\/revisions\/7928"}],"up":[{"embeddable":true,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/21"}],"next":[{"title":"What should I know about migration of Product Variants to WooCommerce?","link":"https:\/\/litextension.com\/faq\/docs\/shopping-cart-questions\/woocommerce-migration\/what-should-i-know-about-migration-of-product-variants-to-woocommerce\/","href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/3712"}],"prev":[{"title":"Images do not appear on the front-end after migrating to WooCommerce?","link":"https:\/\/litextension.com\/faq\/docs\/shopping-cart-questions\/woocommerce-migration\/frontend-images-are-not-found-woocommerce-migration\/","href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/docs\/1165"}],"wp:attachment":[{"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/media?parent=3690"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/litextension.com\/faq\/wp-json\/wp\/v2\/doc_tag?post=3690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}