{"id":40246,"date":"2015-01-26T02:04:57","date_gmt":"2015-01-26T07:04:57","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=40246"},"modified":"2016-02-17T06:33:56","modified_gmt":"2016-02-17T11:33:56","slug":"shopify-how-to-manage-navigation-links","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-manage-navigation-links.html","title":{"rendered":"Shopify. How to manage navigation links"},"content":{"rendered":"<p><\/p>\r\n<p>Good news for all on-line store keepers! In our new tutorial we will teach you how to manage links in your Shopify navigation menus.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=EX9ioz_n2VI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to manage navigation links<\/a><\/p>\r\n<p>You can easily add, change or remove navigation links in your store.<\/p>\r\n<p>Log into your Shopify Admin panel and go to <strong>Navigation<\/strong>.<\/p>\r\n<p>You will see two link lists: <strong>Footer<\/strong> and <strong>Main menu<\/strong>.<\/p>\r\n<p>Both menus work exactly the same way. The difference is that <strong>Main menu<\/strong> is responsible for links at the top and <strong>Footer<\/strong> &#8211; for links at the bottom of your site:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-1-103x300.png\" alt=\"shopify_how_to_manage_navigation_links-1\" width=\"103\" height=\"300\" class=\"aligncenter size-medium wp-image-40248\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-1-103x300.png 103w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-1-51x150.png 51w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-1.png 195w\" sizes=\"(max-width: 103px) 100vw, 103px\" \/><\/a>\r\n<\/p>\r\n<p>We will show you how to manage navigation links using <strong>top menu<\/strong> as an example:<\/p>\r\n<ol>\r\n<li>\r\n<p>Click <strong>Edit link list<\/strong> on the left side of the <strong>Main menu<\/strong> section:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2-300x128.png\" alt=\"shopify_how_to_manage_navigation_links-2\" width=\"300\" height=\"128\" class=\"aligncenter size-medium wp-image-40250\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2-300x128.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2-150x64.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2-1024x438.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-2.png 1206w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Here we can see the links that we have now. At the moment they are <strong>Home<\/strong>, <strong>Catalog<\/strong> and <strong>Blog<\/strong>.<\/p>\r\n<p>To show you how to add links, let us add the link to <strong>About us<\/strong> page as an example.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Add another link<\/strong> on the left:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-3-300x168.png\" alt=\"shopify_how_to_manage_navigation_links-3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-40251\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-3-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-3-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-3.png 1020w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Type the <strong>Link name<\/strong> in the appropriate field and pick up the type of link from <strong>Link to&#8230;<\/strong> dropdown.<\/p>\r\n<p>First seven items of this drop down are for the internal Shopify links. And the last one <strong>Web Address<\/strong> will help you in case you need to set a link to the external web page:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-4-300x165.png\" alt=\"shopify_how_to_manage_navigation_links-4\" width=\"300\" height=\"165\" class=\"aligncenter size-medium wp-image-40252\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-4-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-4-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-4.png 999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>From the <strong>Select a page<\/strong> dropdown select a specific page you want to link to. (In case you choose <strong>Web Address<\/strong> from this drop down, you will need to paste <strong>site url<\/strong> in this field).<\/p>\r\n<p><strong>Save<\/strong> the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-5-300x167.png\" alt=\"shopify_how_to_manage_navigation_links-5\" width=\"300\" height=\"167\" class=\"aligncenter size-medium wp-image-40253\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-5-300x167.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-5-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-5.png 1023w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Refresh  your front end. The link list is now updated and <strong>About us<\/strong> page appears in the top menu:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6-300x145.png\" alt=\"shopify_how_to_manage_navigation_links-6\" width=\"300\" height=\"145\" class=\"aligncenter size-medium wp-image-40254\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6-300x145.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6-1024x495.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-6.png 1221w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>You can <strong>change links order<\/strong> in the same section.<\/p>\r\n<p>Hover with your mouse over the small button on the left of the link name. When cursor changes, <strong>drag and drop<\/strong> your menu item to new location. <strong>Save<\/strong> the changes:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-7-300x114.png\" alt=\"shopify_how_to_manage_navigation_links-7\" width=\"300\" height=\"114\" class=\"aligncenter size-medium wp-image-40255\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-7-300x114.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-7-150x57.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-7.png 1020w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Refresh your front end. Links order is changed now:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8-300x84.png\" alt=\"shopify_how_to_manage_navigation_links-8\" width=\"300\" height=\"84\" class=\"aligncenter size-medium wp-image-40256\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8-300x84.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8-150x42.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8-1024x287.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-8.png 1218w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>To <strong>delete<\/strong> a link click on the <strong>trash can<\/strong> icon on the right and <strong>Save<\/strong> the changes.<\/p>\r\n<p>Please keep in mind that deleting a link from the list will not delete the block from your shop:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-9-300x116.png\" alt=\"shopify_how_to_manage_navigation_links-9\" width=\"300\" height=\"116\" class=\"aligncenter size-medium wp-image-40257\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-9-300x116.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-9-150x58.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/11\/shopify_how_to_manage_navigation_links-9.png 1020w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>That&#8217;s it! Now you know how to manage navigation links in your Shopify store. Please feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=EX9ioz_n2VI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to manage navigation links<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>In our new tutorial we will show you how to manage links in your Shopify navigation menus.<\/p>\n","protected":false},"author":72,"featured_media":43182,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[521,571,634,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/40246"}],"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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=40246"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/40246\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43182"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=40246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=40246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=40246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}