{"id":41975,"date":"2015-01-23T07:12:30","date_gmt":"2015-01-23T12:12:30","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41975"},"modified":"2016-11-14T09:32:14","modified_gmt":"2016-11-14T14:32:14","slug":"magento-work-mega-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-work-mega-menu.html","title":{"rendered":"Magento. How to work with Mega menu"},"content":{"rendered":"<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/zYYBW04NJqg\"><\/iframe>\r\n<\/div>\r\n<p>Most of our Magento templates include a special built-in extension called <a target=\"_blank\" href=\"http:\/\/cmsmart.net\/magento-extensions\/magento-mega-menu-extension\" rel=\"nofollow\">Mega-menu <\/a> which allows to customize your menu and adjust it up to your needs due to a bundle of useful functions.<\/p>\r\n<p>In this tutorial we will show you how to work with mega-menu extension in Magento.<\/p>\r\n<p>To enable\/disable the extension, follow these steps:<\/p>\r\n<ol>\r\n    <li><p>Login into your Magento admin panel, and navigate to <strong>System<\/strong> -> <strong>Configuration<\/strong> section.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1-300x121.jpg\" alt=\"magento_How_to-work_with_mega_menu_1\" width=\"300\" height=\"121\" class=\"alignnone size-medium wp-image-71881\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1-300x121.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1-150x61.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1-1024x413.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_1.jpg 1242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Press the <strong>Mega Menu<\/strong> option located in the left side menu.<\/p>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2-300x161.jpg\" alt=\"magento_How_to-work_with_mega_menu_2\" width=\"300\" height=\"161\" class=\"alignnone size-medium wp-image-71882\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2-300x161.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2-1024x550.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_2.jpg 1252w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\r\n\t\r\n\t<li><p>Here you can see a drop-down from which you can select either <strong>Enable<\/strong> or <strong> Disable<\/strong>.<\/p><\/li>\r\n\t<li><p>In this menu you have some other options which allow you to <strong>Show Home Link<\/strong>, set the <strong>Width<\/strong> and <strong> Height<\/strong> of thumbnails&#8217; category.<\/p><\/li>\r\n<\/ol>\r\n<p>In order to apply the Mega menu options to your categories, perform the next steps:<\/p>\r\n<ol>\r\n\t<li><p>Go to the <strong>Catalog<\/strong> -> <strong>Manage Categories<\/strong> section of your top menu.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_3-300x81.jpg\" alt=\"magento_How_to-work_with_mega_menu_3\" width=\"300\" height=\"81\" class=\"alignnone size-medium wp-image-71883\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_3-300x81.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_3-150x40.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_3.jpg 1020w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Select the category you want to edit.<\/p><\/li>\r\n\t<li><p>Press the last tab named <strong>Menu top<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4-300x133.jpg\" alt=\"magento_How_to-work_with_mega_menu_4\" width=\"300\" height=\"133\" class=\"alignnone size-medium wp-image-71884\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4-300x133.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4-150x66.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4-1024x454.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_4.jpg 1259w\" 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      <ul class=\"list\">\r\n\t\t     <li><p><strong>Numbers Product<\/strong> &#8211; with this option you can select a number of products shown in the category.<\/p><\/li>\r\n\t\t\t <li><p><strong>Static Block <\/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 drop-down. You can select in which part of the drop-down menu exactly you want the block to appear &#8211; top, left, bottom or right.<\/p><\/li>\r\n\t\t\t <li><p><strong>Label<\/strong> &#8211; gives an opportunity to create a text label and display it on the top menu on site front end next to the category name. Just check the option and type any title for your label in the empty field.<\/p> \r\n\t\t\t \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5-300x87.jpg\" alt=\"magento_How_to-work_with_mega_menu_5\" width=\"300\" height=\"87\" class=\"alignnone size-medium wp-image-71885\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5-300x87.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5-150x43.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5-1024x296.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/magento_How_to-work_with_mega_menu_5.jpg 1264w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t \r\n\t\t\t <\/li>\r\n\t\t\t <li><p><strong>Level Column Count <\/strong> &#8211; allows to sort the subcategories belonging to this category into certain number of columns. There will be no options to choose if a category does not have any sub-categories.<\/p><\/li>\r\n\t\t\t <li><p><strong>Thumbnail<\/strong> &#8211; if you check this option, you will be able to upload a thumbnail to your category in the <strong>General Information<\/strong> tab and display it on the site frontend.<\/p><\/li>\r\n\t\t\t <li><p><strong>Disabled category children<\/strong> &#8211; with this option selected all the sub-categories of the edited category will be not visible.<\/p><\/li>\r\n\t\t\t <li><p><strong>Color<\/strong> &#8211; allows to apply any color to the category title.<\/p><\/li>\r\n\t\t\t <li><p><strong>Background<\/strong> &#8211; here you can pick some color for the background of your category.<\/p><\/li>\r\n\t\t  <\/ul><\/li>\r\n\t<li><p>You can also <a target=\"_blank\" href=\"\/help\/magento-how-to-add-a-new-static-block-for-the-category-drop-down-with-mega-menu.html\">add a new static block to the category drop-down<\/a> with the help of this extension.<\/p><\/li> \r\n    <li><p>Press the <strong>Save category<\/strong>\tbutton to keep your changes.<\/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><a href=\"http:\/\/www.youtube.com\/watch?v=zYYBW04NJqg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to work with Mega menu<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will show  you how to manage Mega menu in Magento.<\/p>\n","protected":false},"author":78,"featured_media":43138,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[2407,1835,571],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41975"}],"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=41975"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41975\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43138"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}