{"id":70125,"date":"2016-04-30T08:10:15","date_gmt":"2016-04-30T12:10:15","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=70125"},"modified":"2017-08-24T05:24:45","modified_gmt":"2017-08-24T09:24:45","slug":"magento-how-to-edit-header-links-2","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-edit-header-links-2.html","title":{"rendered":"Magento. How to edit header links"},"content":{"rendered":"<p>This tutorial will show you how to edit header links (top links) in Magento templates.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=wHQ2dsuGSeI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to edit header links<\/a>\r\n<ol>\r\n\t\r\n\t<li><p>\r\n\t\tIn case you just need to alter the Header Links Title, you can do so by using Magento Translate Inline tool. Login to your Magento Admin panel and go to <strong>System -> Configuration<\/strong>.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Scroll down and click the <strong>Developer<\/strong> menu item.<\/p><\/li>\r\n\t\r\n\t<li><p>Click <strong>Translate Inline<\/strong> tab and select YES from the drop down <strong>Enabled for Frontend<\/strong> option.<\/p>\r\n\t\t<p>Save Config and reload your site:<\/p>\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links1-300x150.jpg\" alt=\"magento_how_to_edit_top_header_links1\" width=\"300\" height=\"150\" class=\"alignnone size-medium wp-image-70129\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links1-300x150.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links1-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links1.jpg 884w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now  you can select any item to alter the text\/title. Note that the actual URL\/link will remain the same.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>You might also need to add or remove items from the header section.<\/p>\r\n\t\t<p>In order to remove or add header\/top links, connect to your server using FTP client or access your file manager from the hosting control panel.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Go to the <strong>app\/design\/frontend\/base\/default\/layout<\/strong> folder.<\/p>\r\n\t\t\r\n\t\t<p>Download the following files:<\/p>\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li><p>checkout.xml<\/p><\/li>\r\n\t\t\t<li><p>customer.xml<\/p><\/li>\r\n\t\t\t<li><p>wishlist.xml<\/p><\/li>\r\n\t\t<\/ul>\r\n\t\t<p>You may need these files to perform the changes.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now go to the theme folder, which is currently enabled on your site.\t<strong>app\/design\/frontend\/tm_themes\/themeXXX\/layout<\/strong>. Open <strong>local.xml<\/strong> file using a text editor.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>We are going to perform changes in the <strong> &lt;default&gt;<\/strong> section.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>In this example, we will remove the <strong>Wishlist<\/strong> item. The following code should be used:<\/p>\r\n\t\r\n\t<pre class=\"brush:xml\">&lt;remove name=&quot;wishlist_link&quot;\/&gt;<\/pre>\r\n\t<\/li>\r\n\t\r\n\t<li><p>We need to place the code within <strong>top.links<\/strong> reference.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>\tThe final code will look like that:<\/p>\r\n\t\r\n\t<pre class=\"brush:xml\">&lt;reference name=&quot;top.links&quot;&gt;\r\n\t&lt;remove name=&quot;wishlist_link&quot;\/&gt;\r\n\t&lt;\/reference&gt;<\/pre>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Save this file and upload to the server.<\/p><\/li>\r\n\t\r\n\t<li><p>\tNow, let\u2019s add one item for the Home page.<\/p>\r\n\t\r\n\t<p>The following code should be used:<\/p>\r\n\t<code>&lt;action method=&quot;addLink&quot; translate=&quot;label title&quot; module=&quot;customer&quot;&gt;\r\n\t&lt;label&gt;Home&lt;\/label&gt;\r\n\t&lt;url&gt;home&lt;\/url&gt;\r\n\t&lt;title&gt;Home&lt;\/title&gt;\r\n\t&lt;prepare\/&gt;\r\n\t&lt;urlParams\/&gt;\r\n\t&lt;position&gt;10&lt;\/position&gt;\r\n\t&lt;\/action&gt;<\/code>\r\n\t\r\n\t<p>where URL value is your actual URL\/link.<\/p>\r\n\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now let\u2019s remove the <strong>cart<\/strong> link.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Open <strong>checkout.xml<\/strong> file which we&#8217;ve downloaded from the Default Magento theme.<\/p>\r\n\t<p>Here we can find out the name of the block, which is <strong>checkout_cart_link<\/strong>.<\/p>\r\n\t<p>Using the same method, we can remove the &#8220;cart&#8221; link from the header links section:<\/p>\r\n\t\r\n\t<pre class=\"brush:xml\">&lt;remove name=&quot;checkout_cart_link&quot; \/&gt;<\/pre>\r\n\t\r\n\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links2.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links2-300x210.jpg\" alt=\"magento_how_to_edit_top_header_links2\" width=\"300\" height=\"210\" class=\"alignnone size-medium wp-image-70130\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links2-300x210.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links2-150x105.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/04\/magento_how_to_edit_top_header_links2.jpg 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Now you know how to alter header\/top links in Magento templates.<\/p>\r\n<p>Thank you for reading this tutorial!<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img decoding=\"async\" src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=wHQ2dsuGSeI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to edit header links<\/a>\r\n<p>If your website already has an admin panel and you want to work on its design, review our <a href=\"https:\/\/www.templatemonster.com\/admin-templates.php\" title=\"Bootstrap Admin Themes\" target=\"_blank\">Bootstrap Admin Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to edit header links (top links) in Magento templates.<\/p>\n","protected":false},"author":12,"featured_media":70132,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[729],"tags":[627,511,2407],"class_list":["post-70125","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-tutorials","tag-header","tag-links","tag-magento"],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70125","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=70125"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70125\/revisions"}],"predecessor-version":[{"id":82921,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70125\/revisions\/82921"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/70132"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=70125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=70125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=70125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}