{"id":55184,"date":"2015-09-30T03:46:39","date_gmt":"2015-09-30T07:46:39","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=55184"},"modified":"2016-04-08T07:38:12","modified_gmt":"2016-04-08T11:38:12","slug":"zencart-how-to-work-with-mega-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/zencart-how-to-work-with-mega-menu.html","title":{"rendered":"ZenCart. How to work with Mega Menu"},"content":{"rendered":"<p>In this tutorial we will teach you how to manage Megamenu extension in our new ZenCart templates.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=DPDXn_VNMuc?width=1280&amp;height=720\" rel=\"prettyPhoto\">ZenCart. How to work with mega-menu<\/a>\r\n\r\n<p>One of the most important improvements in our modern ZenCart templates is including a lot of useful extensions which allow to customize your site and make it more attractive and functional. Among these extensions the Megamenu is probably the most significant one.<\/p>\r\n<p><strong>Megamenu<\/strong> is a custom navigation component that uses the standard Navbar markup and includes additional links of your website such as Categories, Services, Quick links, Manufacturers, Info, Shipping &amp; Returns. Also, you can use description text &amp; carousel elements for Specials, custom banners for Categories, Images for Manufacturers, label text, resizable columns, etc.: <\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1-300x116.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_1\" width=\"300\" height=\"116\" class=\"aligncenter size-medium wp-image-55185\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1-300x116.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1-150x58.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1-1024x397.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_1.jpg 1084w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>To manage the Megamenu extension, please follow the steps listed below:<\/p>\r\n<ol>\r\n    <li><p>Log into your ZenCart admin panel, and go to <strong> Configuration<\/strong>-> <strong>TM Megamenu<\/strong> section:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_2-300x224.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_2\" width=\"300\" height=\"224\" class=\"aligncenter size-medium wp-image-55186\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_2-300x224.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_2-150x112.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_2.jpg 818w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t<li><p>Here you can see a list of options that allow to customize your menu:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3-300x154.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_3\" width=\"300\" height=\"154\" class=\"aligncenter size-medium wp-image-55187\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3-300x154.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3-150x77.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3-1024x525.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_3.jpg 1265w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t    <ul class=\"list\">\r\n\t\t    <li><p><strong>TM Megamenu<\/strong> &#8211; here you can enable\/disable the module.<\/p><\/li>\r\n\t\t\t<li><p><strong>Stick up<\/strong> &#8211; this option makes your navigation menu stick to the top of your page when scrolling down the window:<\/p>\r\n\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4-300x153.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_4\" width=\"300\" height=\"153\" class=\"aligncenter size-medium wp-image-55188\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4-300x153.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4-1024x522.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_4.jpg 1278w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Quick links<\/strong> &#8211; here you can enable displaying some links created in <strong>Tools<\/strong>-> <strong>EZ-Pages<\/strong>, assigned to the header section:<\/p>\r\n\t\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5-300x149.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_5\" width=\"300\" height=\"149\" class=\"aligncenter size-medium wp-image-55189\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5-300x149.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5-150x74.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5-1024x508.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_5.jpg 1281w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Quick links block label<\/strong> &#8211; allows to add some label to this menu tab.<\/p><\/li>\r\n\t\t\t<li><p><strong>Categories<\/strong> &#8211; displaying the categories added to Catalog.<\/p><\/li>\r\n\t\t\t<li><p><strong>Categories block width<\/strong> &#8211; this option gives an opportunity to set the width of the drop-down menu width (from 2 to 9 columns).<\/p><\/li>\r\n\t\t\t<li><p><strong>Categories banners<\/strong> &#8211; here you can enable displaying the banners under the list of categories. The <a target=\"_blank\" href=\"\/help\/how-to-manage-banners-in-zencart.html\"> banners<\/a> are added in <strong>Tools<\/strong>-><strong>Banner manager<\/strong>:<\/p>\r\n\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_6.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_6-300x220.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_6\" width=\"300\" height=\"220\" class=\"aligncenter size-medium wp-image-55190\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_6-300x220.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_6-150x110.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_6.jpg 963w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>ZenCart. How to work with Mega Menu<\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Categories block label<\/strong> &#8211; you can type some label for your categories here:<\/p>\r\n\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7-300x151.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_7\" width=\"300\" height=\"151\" class=\"aligncenter size-medium wp-image-55191\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7-300x151.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7-1024x515.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_7.jpg 1276w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Manufacturers<\/strong> &#8211; this feature makes it possible to display a list of your <a target=\"_blank\" href=\"\/help\/zencart-manage-manufacturers.html\"> manufacturers<\/a> in the drop-down menu :<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8-300x154.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_8\" width=\"300\" height=\"154\" class=\"aligncenter size-medium wp-image-55192\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8-300x154.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8-150x77.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8-1024x526.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_8.jpg 1243w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Manufacturers images<\/strong> &#8211; here you can either enable or disable the images added to your manufacturers.<\/p><\/li>\r\n\t\t\t<li><p><strong>Manufacturers block label<\/strong> &#8211; a text label for the Manufacturers block.<\/p><\/li>\r\n\t\t\t<li><p><strong>Info<\/strong> &#8211; this option allows to display general links for the users of your store.<\/p><\/li>\r\n\t\t\t<li><p><strong>Info block label<\/strong> &#8211; a label for the info block.<\/p><\/li>\r\n\t\t\t<li><p><strong>Custom block<\/strong> &#8211; here you can enable a custom block with your own text. By default it displays the shipping info:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9-300x140.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_9\" width=\"300\" height=\"140\" class=\"aligncenter size-medium wp-image-55193\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9-300x140.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9-150x70.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9-1024x477.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_9.jpg 1603w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<p>The text in this block can be edited in the <strong>&#8220;headermenu.php&#8221;<\/strong> file in <strong>&#8220;includes\/languages\/english\/extra_definitions\/themeXXX&#8221;<\/strong> folder on your server. There you can edit some other titles from the menu.<\/p><\/li>\r\n\t\t\t<li><p><strong>Custom block label<\/strong> &#8211; a label for your Custom block.<\/p><\/li>\r\n\t\t\t<li><p><strong>Specials block<\/strong> &#8211; with this feature enabled you can display products with a discount price added in Catalog-> Specials:<\/p>\r\n\t\t\t\r\n<a href=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10-300x206.jpg\" alt=\"Zencart_How_to_work_with_mega_menu_10\" width=\"300\" height=\"206\" class=\"aligncenter size-medium wp-image-55194\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10-300x206.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10-150x103.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10-1024x702.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/09\/Zencart_How_to_work_with_mega_menu_10.jpg 1229w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n\t\t\t<li><p><strong>Specials block label<\/strong> &#8211; here you can type some text for a label which will appear next to the &#8220;Specials&#8221; on your menu.<\/p><\/li>\r\n\t\t\t<li><p><strong>Specials block description<\/strong> &#8211; here you can enable\/disable the description for the block which can be added in the next field.<\/p><\/li>\r\n\t\t\t<li><p><strong>Specials block description text<\/strong> &#8211; in this field you can add some text appearing above the list of special products in the drop-down.<\/p><\/li>\r\n\t\t\t<li><p><strong>TM Megamenu Version<\/strong> &#8211; the current version of the module can be checked here.<\/p><\/li>\t\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li><p>In case you want to delete one of the blocks, go on your server using the hosting cpanel of the FTP and search for the <strong>&#8220;tpl_mega_menu.php&#8221;<\/strong> file located in the <strong> &#8220;includes\\templates\\themeXXX\\common&#8221;<\/strong> folder. We recommend making a back-up of the file before any editing.<\/p>\r\n\t<li><p>The menu titles can be edited like all the other <a target=\"_blank\" href=\"\/help\/zencart-how-to-change-translations.html\"> translations<\/a> in Zencart templates.<\/p><\/li>\r\n\t      \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\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=DPDXn_VNMuc?width=1280&amp;height=720\" rel=\"prettyPhoto\">ZenCart. How to work with mega-menu<\/a>","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will teach you how to manage Megamenu extension in our new ZenCart templates.<\/p>\n","protected":false},"author":78,"featured_media":55197,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[734],"tags":[1943,571,2408],"class_list":["post-55184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-zencart-tutorials","tag-megamenu","tag-menu-2","tag-zencart"],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55184","targetHints":{"allow":["GET"]}}],"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=55184"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/55184\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/55197"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=55184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=55184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=55184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}