{"id":77031,"date":"2016-10-17T09:39:53","date_gmt":"2016-10-17T13:39:53","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=77031"},"modified":"2016-11-28T10:25:51","modified_gmt":"2016-11-28T15:25:51","slug":"magento-2-x-manage-mega-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-2-x-manage-mega-menu.html","title":{"rendered":"Magento 2.x. How to manage the Mega menu"},"content":{"rendered":"<p>In this tutorial we will show you how to work with the Megamenu extension in Magento 2x.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/9c250pnsWmI\"><\/iframe>\r\n<\/div>\r\n<p>Our templates for Magento 2.x, as well as those compatible with 1.9.x versions, include a special built-in extension called <strong>Mega-menu<\/strong>, with the help of which you can customize your menu and adjust it to your needs due to a bundle of useful functions.<\/p>\r\n<p>The extension may be enabled\/disabled in <strong>Stores<\/strong>-><strong>Settings<\/strong>-><strong>Configuration<\/strong>-><strong>TemplateMonster<\/strong>-><strong>Megamenu<\/strong> section in your Magento admin panel.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1-300x167.jpg\" alt=\"Magento_2.x_How_to_manage_the_Mega_menu_1\" width=\"300\" height=\"167\" class=\"alignnone size-medium wp-image-77033\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1-300x167.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1-768x429.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1-1024x572.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_1.jpg 1261w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>In order to apply the Mega menu options to your categories, perform the following steps:<\/p>\r\n<ol>\r\n\t<li><p>Log into your Magento admin panel, and navigate to <strong>Products<\/strong>-><strong>Categories<\/strong> menu.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2-300x166.jpg\" alt=\"Magento_2.x_How_to_manage_the_Mega_menu_2\" width=\"300\" height=\"166\" class=\"alignnone size-medium wp-image-77034\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2-150x83.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2-768x424.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2-1024x566.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_2.jpg 1251w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Select a category you want to edit and press the <strong>Megamenu<\/strong> tab.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3-300x168.jpg\" alt=\"Magento_2.x_How_to_manage_the_Mega_menu_3\" width=\"300\" height=\"168\" class=\"alignnone size-medium wp-image-77035\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3-768x431.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3-1024x575.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_3.jpg 1266w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Here you can see some options that allow to customize your menu:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4-300x165.jpg\" alt=\"Magento_2.x_How_to_manage_the_Mega_menu_4\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-77036\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4-300x165.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4-768x421.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4-1024x562.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_4.jpg 1281w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li><p><strong>Turn on megamenu for this category<\/strong> &#8211; this option allows to enable\/disable the mega menu for this specific category.<\/p><\/li>\r\n\t\t\t<li><p><strong>Turn on columns with subcategories <\/strong> &#8211; with this option on you can display the subcategories in columns.<\/p><\/li>\r\n\t\t\t<li><p><strong>Subcategories column number<\/strong> &#8211; here you can set the number of columns in which the subcategories will be displayed.<\/p><\/li>\r\n\t\t\t<li><p><strong>Turn on images for subcategories <\/strong> &#8211; if you turn them on, you will be able to display images uploaded in the <strong>General Information<\/strong> tab.<\/p><\/li>\r\n\t\t\t<li><p><strong>Turn on products show<\/strong> &#8211; allows you to display the category products in a dropdown.<\/p><\/li>\r\n\t\t\t<li><p><strong>Products<\/strong> &#8211; here you can select which products exactly you want to display.<\/p><\/li>\r\n\t\t\t<li><p><strong>Show static blocks<\/strong> &#8211; enables the display of the static blocks created in the <strong>Content<\/strong>-><strong>Blocks<\/strong> section.<\/p><\/li>\r\n\t\t\t<li><p><strong>Static Blocks<\/strong> &#8211; allows to assign any of the existing static blocks to your category, usually such blocks include text and images which you see in the dropdown.<\/p><\/li>\r\n\t\t\t<li><p><strong>Turn on label for this category and it&#8217;s subcategories<\/strong> &#8211; enables a text label for the category title.<\/p><\/li>\r\n\t\t\t<li><p><strong>Label<\/strong> &#8211; here you can type the label.<\/p><\/li>\r\n\t\t\t<li><p><strong>Css class<\/strong> &#8211; this option allows you to assign some specific css class to your menu in order to create your own design.<\/p><\/li>\r\n\t\t\t<li><p><strong>Custom template for megamenu item<\/strong> &#8211; this option allows you to apply a custom design template for your menu, you can pick any of the existing templates.<\/p><\/li>\r\n\t\t<\/ul>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5-300x163.jpg\" alt=\"Magento_2.x_How_to_manage_the_Mega_menu_5\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-77032\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5-300x163.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5-768x418.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5-1024x557.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento_2.x_How_to_manage_the_Mega_menu_5.jpg 1276w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>Press the <strong>Save category<\/strong>\tbutton to keep your changes and check them on the front end of the site.<\/p><\/li>\r\n<\/ol>\t\r\n<p>We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:<\/p>\r\n<p>Try one of the advanced <a href=\"https:\/\/www.templatemonster.com\/magento-themes.php\" target=\"_blank\" title=\"Magento Themes\">Magento themes<\/a> in our wide collection!<\/p> \r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=9c250pnsWmI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento 2.x. How to manage the Mega menu<\/a>","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will show you how to work with the Megamenu extension in Magento 2x.<\/p>\n","protected":false},"author":78,"featured_media":77037,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[2367,1943,571],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77031"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=77031"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/77031\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/77037"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=77031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=77031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=77031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}