{"id":555,"date":"2023-03-09T15:20:07","date_gmt":"2023-03-09T08:20:07","guid":{"rendered":"https:\/\/magerubik.com\/blog\/?p=555"},"modified":"2023-03-14T11:28:54","modified_gmt":"2023-03-14T04:28:54","slug":"magento-2-mega-menu","status":"publish","type":"post","link":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/","title":{"rendered":"Magento 2 Mega Menu Document"},"content":{"rendered":"\n<div class=\"magerubik-quote\">\n\t<p>If You want to add a big menu on your e-commerce site Magento 2 Mega Menu will be a wise choice. It allows you to arrange dozens or even hundreds of links into user-friendly columns and rows. You can then add rich content like images and videos to make your mega menus even.<\/p>\n<\/div>\n<h2 class=\"h3\"><strong>2. Install Extension<\/strong><\/h2>\n<p>Link guide <a href=\"https:\/\/magerubik.com\/blog\/how-to-install-magento-2-extension\"  title=\"install the extension\">install the extension<\/a><\/p>\n<h2 class=\"h3\"><strong>3. How to use<\/strong><\/h2>\n<p class=\"h3\"><strong>Configuration Extension<\/strong><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-mega-menu-configuration.jpg\" alt=\"Magento 2 Mega Menu configuration\" class=\"wp-image-80\"\/><\/figure>\t\n<ul class=\"hkk-list\">\n\t<li>In there<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cEnable in frontend\u201d<\/span>: Enable \\ Disable show menu on frontend<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cBasic Font Size\u201d<\/span>: enter font size to use on the Menu<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cLeve0 Font Size\u201d<\/span>: enter font size for Leve0<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cLeve0 padding\u201d<\/span>: enter padding for Leve0<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cLeve0 line-height\u201d<\/span>: enter line-height for Leve0<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cLeve0 text-transform\u201d<\/span>: Enable \\ Disable text transform uppercase for Leve0<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cDEVELOPER MODE\u201d<\/span>: Enable \\ Disable developer mode\n\t\t<p>Select NO when you have done the menus and ready to publish, then MRM will process to generate menu items as static HTML codes to speed up loading time. It will be very fast. This is very helpful option when you have enabled the &#8220;Auto show sub category&#8221;.<\/p>\n\t<\/li>\n\t<li>\u2013 <span class=\"code\">\u201cRefresh to update\u201d<\/span>: Press REFRESH to update if you have disabled developer mode and made some changes on any menu item or group (such as rename, delete, add or edit, translate, reposition.. etc.)<\/li>\n<\/ul>\n<p class=\"h3\"><strong>Create Menu<\/strong><\/p>\n<p>go to the backend and then to manage menu add a new<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-mega-menu-manage-menu.jpg\" alt=\"Magento 2 Mega Menu manage menu\" class=\"wp-image-80\"\/><\/figure>\t\n<p>Next enter option for this menu then click <span class=\"code\">\u201cSave and Continue\u201d<\/span> button<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-mega-menu-add-new.jpg\" alt=\"Magento 2 Mega Menu add new\" class=\"wp-image-80\"\/><\/figure>\t\n<p>Next step enter dat for this menu item then click <span class=\"code\">\u201cSave Menu Item\u201d<\/span> button<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-mega-menu-item-information.jpg\" alt=\"Magento 2 Mega Menu item information\" class=\"wp-image-80\"\/><\/figure>\n<p>Then you can see result<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/cdn2.magerubik.com\/media\/extensions\/document\/magento-2-mega-menu-structure.jpg\" alt=\"Magento 2 Mega Menu structure\" class=\"wp-image-80\"\/><\/figure>\n<blockquote class=\"wp-block-quote\">\n\t<p><a href=\"https:\/\/magerubik.com\/contact\" title=\"Contact Magerubik\">Contact us<\/a> if you face any problems during the installation process.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>If You want to add a big menu on your e-commerce site Magento 2 Mega Menu will be a wise<\/p>\n","protected":false},"author":1,"featured_media":557,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-555","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magerubik-extensions"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Mega Menu Document | MageRubik<\/title>\n<meta name=\"description\" content=\"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Mega Menu Document | MageRubik\" \/>\n<meta property=\"og:description\" content=\"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"MageRubik\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/magerubik\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-09T08:20:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-14T04:28:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hilary howard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/www.twitter.com\/magerubik\" \/>\n<meta name=\"twitter:site\" content=\"@magerubik\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hilary howard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\"},\"author\":{\"name\":\"Hilary howard\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"headline\":\"Magento 2 Mega Menu Document\",\"datePublished\":\"2023-03-09T08:20:07+00:00\",\"dateModified\":\"2023-03-14T04:28:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\"},\"wordCount\":262,\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg\",\"articleSection\":[\"Magerubik Extensions\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\",\"url\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\",\"name\":\"Magento 2 Mega Menu Document | MageRubik\",\"isPartOf\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg\",\"datePublished\":\"2023-03-09T08:20:07+00:00\",\"dateModified\":\"2023-03-14T04:28:54+00:00\",\"description\":\"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.\",\"breadcrumb\":{\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg\",\"width\":800,\"height\":445,\"caption\":\"Magento 2 mega menu\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Magerubik blog site\",\"item\":\"https:\/\/magerubik.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Mega Menu Document\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magerubik.com\/blog\/#website\",\"url\":\"https:\/\/magerubik.com\/blog\/\",\"name\":\"Magerubik\",\"description\":\"MageRubik blog site\",\"publisher\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\"},\"alternateName\":\"Magento 2 Extension\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magerubik.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8\",\"name\":\"Hilary howard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"contentUrl\":\"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png\",\"width\":265,\"height\":90,\"caption\":\"Hilary howard\"},\"logo\":{\"@id\":\"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/localhost\/blog\",\"https:\/\/www.facebook.com\/magerubik\",\"https:\/\/www.instagram.com\/magerubik\",\"https:\/\/www.linkedin.com\/magerubik\",\"https:\/\/www.pinterest.com\/magerubik\",\"https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik\",\"https:\/\/www.myspace.com\/magerubik\",\"https:\/\/www.youtube.com\/magerubik\",\"https:\/\/www.soundcloud.com\/magerubik\",\"https:\/\/www.tumblr.com\/magerubik\",\"https:\/\/www.wikipedia.com\/magerubik\"],\"url\":\"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Mega Menu Document | MageRubik","description":"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.","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:\/\/magerubik.com\/blog\/magento-2-mega-menu\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Mega Menu Document | MageRubik","og_description":"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.","og_url":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/","og_site_name":"MageRubik","article_publisher":"https:\/\/www.facebook.com\/magerubik","article_author":"https:\/\/www.facebook.com\/magerubik","article_published_time":"2023-03-09T08:20:07+00:00","article_modified_time":"2023-03-14T04:28:54+00:00","og_image":[{"width":800,"height":445,"url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg","type":"image\/jpeg"}],"author":"Hilary howard","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/www.twitter.com\/magerubik","twitter_site":"@magerubik","twitter_misc":{"Written by":"Hilary howard","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#article","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/"},"author":{"name":"Hilary howard","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"headline":"Magento 2 Mega Menu Document","datePublished":"2023-03-09T08:20:07+00:00","dateModified":"2023-03-14T04:28:54+00:00","mainEntityOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/"},"wordCount":262,"publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg","articleSection":["Magerubik Extensions"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/","url":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/","name":"Magento 2 Mega Menu Document | MageRubik","isPartOf":{"@id":"https:\/\/magerubik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage"},"image":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg","datePublished":"2023-03-09T08:20:07+00:00","dateModified":"2023-03-14T04:28:54+00:00","description":"Magento 2 mega menu is a tool that simplifies the creation of horizontal, vertical and accordion mega menus.","breadcrumb":{"@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#primaryimage","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2023\/03\/magento-2-mega-menu.jpg","width":800,"height":445,"caption":"Magento 2 mega menu"},{"@type":"BreadcrumbList","@id":"https:\/\/magerubik.com\/blog\/magento-2-mega-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magerubik blog site","item":"https:\/\/magerubik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Mega Menu Document"}]},{"@type":"WebSite","@id":"https:\/\/magerubik.com\/blog\/#website","url":"https:\/\/magerubik.com\/blog\/","name":"Magerubik","description":"MageRubik blog site","publisher":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8"},"alternateName":"Magento 2 Extension","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magerubik.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/dad797dc557c925c92436706db1359d8","name":"Hilary howard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","contentUrl":"https:\/\/magerubik.com\/blog\/wp-content\/uploads\/2022\/03\/magerubik-logo.png","width":265,"height":90,"caption":"Hilary howard"},"logo":{"@id":"https:\/\/magerubik.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/localhost\/blog","https:\/\/www.facebook.com\/magerubik","https:\/\/www.instagram.com\/magerubik","https:\/\/www.linkedin.com\/magerubik","https:\/\/www.pinterest.com\/magerubik","https:\/\/twitter.com\/https:\/\/www.twitter.com\/magerubik","https:\/\/www.myspace.com\/magerubik","https:\/\/www.youtube.com\/magerubik","https:\/\/www.soundcloud.com\/magerubik","https:\/\/www.tumblr.com\/magerubik","https:\/\/www.wikipedia.com\/magerubik"],"url":"https:\/\/magerubik.com\/blog\/author\/hilary-howard\/"}]}},"_links":{"self":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":4,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/posts\/555\/revisions\/566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media\/557"}],"wp:attachment":[{"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magerubik.com\/blog\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}