{"id":76175,"date":"2016-09-22T11:41:21","date_gmt":"2016-09-22T15:41:21","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76175"},"modified":"2017-02-06T06:12:15","modified_gmt":"2017-02-06T11:12:15","slug":"opencart-2-x-manage-top-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-manage-top-menu.html","title":{"rendered":"OpenCart 2.x. How to manage top menu"},"content":{"rendered":"<p>This tutorial shows how to manage top menu in <a href=\"https:\/\/www.templatemonster.com\/opencart-templates.php\" title=\"OpenCart templates\" target=\"_blank\">OpenCart templates<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/Ds0H7qwW6lQ\"><\/iframe>\r\n<\/div>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1-300x179.jpg\" alt=\"OpenCart 2.x. How to manage top menu-1\" width=\"300\" height=\"179\" class=\"alignnone size-medium wp-image-76179\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1-300x179.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1-768x457.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1-1024x610.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-1.jpg 1318w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><ol>\r\n\t<li>\r\n\t\t<p>Let&#8217;s remove a <strong>Wish List <\/strong>menu item. Open the <strong>\\catalog\\view\\theme\\themeXXX\\template\\common\\header.tpl<\/strong> file in your editor. Find a code with the structure similar to the following:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2-300x178.jpg\" alt=\"OpenCart 2.x. How to manage top menu-2\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-76180\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2-300x178.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2-768x456.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2-1024x608.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-2.jpg 1312w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Locate an appropriate part of code. You can see code for wishlist on the screenshot above (highlighted with gray color). \r\n\t\tRemove this code along with the <strong>&lt;li&gt; <\/strong>tag. Save changes, upload the modified file and refresh your page. Wishlist item was removed.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3-300x178.jpg\" alt=\"OpenCart 2.x. How to manage top menu-3\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-76181\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3-300x178.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3-768x456.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3-1024x609.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-3.jpg 1326w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>Let&#8217;s change titles for <strong>Registration<\/strong> and <strong>Shopping cart<\/strong> menus. Unzip the template package, go to the <strong>themeXXX<\/strong> folder. Unzip the file with extensions. Open <strong>TemplateMonster_header.ocmod.xml<\/strong> modification in your editor.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4-300x166.jpg\" alt=\"OpenCart 2.x. How to manage top menu-4\" width=\"300\" height=\"166\" class=\"alignnone size-medium wp-image-76182\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4-300x166.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4-150x83.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4-768x426.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-4.jpg 823w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Check if  title you would like to change is specified in a modification. You can use search function of your editor in order to locate appropriate text. Registration title is specified in the modification. We should perform changes directly in the modification. Otherwise you can perform changes in <strong>\\catalog\\language\\en-gb\\common\\header.php<\/strong> file (en-gb is a language folder).<\/p>\r\n\t\t\r\n\t\t<p>We have changed <strong>Registration<\/strong> title to <strong>RegistrationTest<\/strong>. Save changes you have performed to the modification. You should perform the same changes for another languages as well.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5-300x180.jpg\" alt=\"OpenCart 2.x. How to manage top menu-5\" width=\"300\" height=\"180\" class=\"alignnone size-medium wp-image-76183\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5-150x90.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5-768x461.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5-1024x615.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-5.jpg 1294w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Go to <strong>Extensions -> Modifications<\/strong>. Find the <strong>TemplateMonster header <\/strong>modification and select it.\r\n\t\t<strong>Delete<\/strong> the modification.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6-300x178.jpg\" alt=\"OpenCart 2.x. How to manage top menu-6\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-76184\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6-300x178.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6-150x89.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6-768x456.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6-1024x608.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-6.jpg 1316w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Go to <strong>Extension Installer<\/strong>. Upload a modification with the updated header.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7-300x159.jpg\" alt=\"OpenCart 2.x. How to manage top menu-7\" width=\"300\" height=\"159\" class=\"alignnone size-medium wp-image-76185\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7-300x159.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7-768x408.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7-1024x544.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-7.jpg 1311w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p> <strong>Refresh modifications<\/strong> in <strong>Extensions -> Modification<\/strong> section.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8-300x163.jpg\" alt=\"OpenCart 2.x. How to manage top menu-8\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-76186\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8-300x163.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8-768x417.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8-1024x557.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-8.jpg 1299w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Refresh page.\r\n\t\tWe have changed the title for <strong>Registration<\/strong> menu item.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9-300x171.jpg\" alt=\"OpenCart 2.x. How to manage top menu-9\" width=\"300\" height=\"171\" class=\"alignnone size-medium wp-image-76176\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9-300x171.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9-150x85.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9-768x438.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9-1024x583.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-9.jpg 1299w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>In our case <strong>Shopping cart<\/strong> text can be changed directly in the language file. Open the <strong>\\catalog\\language\\en-gb\\common\\header.php<\/strong> (path to the file depends on language) file in  your editor. Change text. Save changes and upload the modified file.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10-300x151.jpg\" alt=\"OpenCart 2.x. How to manage top menu-10\" width=\"300\" height=\"151\" class=\"alignnone size-medium wp-image-76177\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10-300x151.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10-768x385.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-10.jpg 795w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Go to <strong>Extensions -> Modifications<\/strong> and refresh  modifications. Refresh page.<\/p>\t\t\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>We have changed the <strong>Shopping Cart<\/strong> title.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11-300x168.jpg\" alt=\"OpenCart 2.x. How to manage top menu-11\" width=\"300\" height=\"168\" class=\"alignnone size-medium wp-image-76178\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11-768x430.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11-1024x574.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/OpenCart-2.x.-How-to-manage-top-menu-11.jpg 1215w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=Ds0H7qwW6lQ?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart 2.x. How to manage top menu<\/a>\r\n<p>In case you&#8217;re seeking premium themes to put up a professional website, take a look at <a href=\"https:\/\/www.templatemonster.com\/blog\/best-opencart-themes-2017\/\" title=\"Best OpenCart Themes 2017\" target=\"_blank\">Best OpenCart Themes 2017<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to manage top menu in OpenCart 2.x templates.<\/p>\n","protected":false},"author":39,"featured_media":76187,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[2287,2285,2476],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76175"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76175"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76187"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}