{"id":50386,"date":"2015-07-10T01:07:07","date_gmt":"2015-07-10T05:07:07","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=50386"},"modified":"2016-02-17T04:22:53","modified_gmt":"2016-02-17T09:22:53","slug":"shopify-how-to-manage-mega-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-manage-mega-menu.html","title":{"rendered":"Shopify. How to manage Mega Menu"},"content":{"rendered":"<p>\r\n<p>New <a href=\"https:\/\/www.templatemonster.com\/shopify-themes.php\">Shopify templates<\/a> have a <strong>Mega Menu<\/strong> which allows to customize your menu and adjust it to your needs due to a bundle of useful functions.<\/p>\r\n<p>This tutorial shows how to <strong>manage Mega Menu in Shopify<\/strong>.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=aj4T0nkqJYg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to manage Mega Menu<\/a>\r\n<ol>\r\n<li>\r\n<p>To edit the Mega Menu links, open the admin panel and navigate to <strong>(Online Store) > Themes > Customize theme<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_1-300x155.png\" alt=\"Shopify_How_to_manage_megamenu_1\" width=\"300\" height=\"155\" class=\"aligncenter size-medium wp-image-50387\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_1-300x155.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_1-150x78.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_1.png 778w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Select <strong>Megamenu<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_2-300x141.png\" alt=\"Shopify_How_to_manage_megamenu_2\" width=\"300\" height=\"141\" class=\"aligncenter size-medium wp-image-50388\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_2-300x141.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_2-150x71.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_2.png 770w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>On the page that opens you will see all the options for links to be set:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_3-78x300.png\" alt=\"Shopify_How_to_manage_megamenu_3\" width=\"78\" height=\"300\" class=\"aligncenter size-medium wp-image-50389\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_3-78x300.png 78w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_3-39x150.png 39w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_3.png 224w\" sizes=\"(max-width: 78px) 100vw, 78px\" \/><\/a><\/p>\r\n<p>Each item stands for the link in the menu. If particular type of link is set, you will see its specification in brackets as: <\/p>\r\n<ul class=\"list\">\r\n<li><strong><i>Item 1 (custom link)<\/i><\/strong> means you can set any link reference for this item, either for the site page or an external page.\r\n\t\t\t\t<\/li>\r\n<li><strong><i>Item 2 (products catalog)<\/i><\/strong> presupposes that only the collection pages can be set for it.\r\n\t\t\t\t<\/li>\r\n<li><strong><i>Item 3 (blog)<\/i><\/strong> defines that a blog page can be selected as a link.\r\n\t\t\t\t<\/li>\r\n<li><strong><i>Item 4 (sale products)<\/i><\/strong> is for setting the link for the sale products collection.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>Enter the link title in the <strong>Item name<\/strong> field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Type the link location in the <strong>Item URL<\/strong> field.<\/p>\r\n<p>Please note that if a link leads to a page on your site, you need to start with a slash &#8220;\/&#8221; and type the page reference itself without the domain name. You can check it in the <i>URL &#038; Handle<\/i> field in the admin or when opening the page on the site. For example, if your page URL is domain.com\/pages\/about-us, you need to type only \/pages\/about-us in the <i>Item URL<\/i> field.<\/p>\r\n<\/li>\r\n<li>\r\n<p>To highlight the link, you can add the label in the <strong>Item badge<\/strong> field. It is optional.<\/p>\r\n<\/li>\r\n<li>\r\n<p>If you want the menu link show its &#8220;child&#8221; links, check the <strong>Show submenu<\/strong> field.<\/p>\r\n<li>\r\n<p>To set the collections displayed in the Catalog submenu, select them from the dropdown for each <strong>Column<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_4-100x300.png\" alt=\"Shopify_How_to_manage_megamenu_4\" width=\"100\" height=\"300\" class=\"aligncenter size-medium wp-image-50390\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_4-100x300.png 100w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_4-50x150.png 50w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_4.png 270w\" sizes=\"(max-width: 100px) 100vw, 100px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<li>\r\n<p>When you have set up your Megamenu links, <strong>Save changes<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_5.png\" alt=\"Shopify_How_to_manage_megamenu_5\" width=\"267\" height=\"45\" class=\"aligncenter size-full wp-image-50391\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_5.png 267w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/Shopify_How_to_manage_megamenu_5-150x25.png 150w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=aj4T0nkqJYg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to manage Mega Menu<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to <strong>manage Mega Menu in Shopify<\/strong>.<\/p>\n","protected":false},"author":75,"featured_media":50394,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[1835,571,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50386"}],"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\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=50386"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/50394"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=50386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=50386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=50386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}