{"id":40751,"date":"2015-02-12T01:01:27","date_gmt":"2015-02-12T06:01:27","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=40751"},"modified":"2016-02-18T04:47:58","modified_gmt":"2016-02-18T09:47:58","slug":"opencart-1-5-x-how-to-manage-top-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-1-5-x-how-to-manage-top-menu.html","title":{"rendered":"OpenCart 1.5.x. How to manage top menu"},"content":{"rendered":"

\r\n<\/p>\r\n

In this tutorial we will teach you how to edit the header links in OpenCart templates.<\/p>\r\n

OpenCart. How to manage top menu<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Go to your OpenCart installation directory on server using the FTP connection or hosting control panel.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Find the header.tpl<\/strong> file located in the \/catalog\/view\/theme\/themeXXX\/template\/common<\/strong> folder.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Open the file with some code editor like Dreamweaver<\/strong> or Notepad++<\/strong>. You can use the editor directly on your hosting control panel as well.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Look for the class <ul class=”links”><\/strong>.<\/p>\r\n<\/li>\r\n

  5. \r\n

    The links are represented by the following code:<\/p>\r\n

    <ul class="links">
    \r\n<?php if (!isset($this->request->get['route'])) { $route='active'; }  else {$route='';}?> <li class="first"><a class="<?php echo $route; if (isset($this->request->get['route']) && $this->request->get['route']=="common\/home") {echo "active";} ?>" href="<?php echo $home; ?>"><i class="fa fa-home"><\/i><?php echo $text_home; ?><\/a><\/li>
    \r\n<li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account\/wishlist") {echo "active";} ?>" href="<?php echo $wishlist; ?>" id="wishlist-total"><i class="fa fa-star"><\/i><?php echo $text_wishlist; ?><\/a><\/li>
    \r\n<li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account\/account") {echo "active";} ?>" href="<?php echo $account; ?>"><i class="fa fa-user"><\/i><?php echo $text_account; ?><\/a><\/li>
    \r\n<li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout\/cart") {echo "active";} ?>" href="<?php echo $shopping_cart; ?>"><i class="fa fa-shopping-cart"><\/i><?php echo $text_shopping_cart; ?><\/a><\/li>
    \r\n<li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="checkout\/checkout") {echo "active";} ?>" href="<?php echo $checkout; ?>"><i class="fa fa-check"><\/i><?php echo $text_checkout; ?><\/a><\/li>
    \r\n<\/ul><\/pre>\r\n
    \"code\"<\/a><\/p>\r\n
    Note: the code may differ in some templates.<\/p>\r\n<\/li>\r\n
  6. \r\n
    Each “<li>” item represents a separate menu link, for example,:<\/p>\r\n
    \r\n\t<li><a class="<?php if (isset($this->request->get['route']) && $this->request->get['route']=="account\/wishlist") {echo "active";} ?>" href="<?php echo $wishlist; ?>" id="wishlist-total"><i class="fa fa-star"><\/i><?php echo $text_wishlist; ?><\/a><\/li>   <\/pre>\r\n<\/li>\r\n
  7. \r\n
    You can change the order of the items here, delete them or add new link. Check this tutorial to learn more how to  add a new content page and link it to a new menu tab <\/a><\/p>\r\n<\/li>\r\n
  8. \r\n
    Save your changes and refresh the front page to check the links after editing.<\/p>\r\n
    !<\/strong> Make sure to have a saved copy of the file in case any errors appear after editing it.<\/p>\r\n<\/li>\r\n
  9. \r\n
    You can edit the titles of these header links in the header.php<\/strong> file in \/catalog\/language\/your language\/common\/<\/strong> folder.<\/p>\r\n
    \"translations\"<\/a>\r\n<\/li>\r\n
  10. \r\n
    The mobile view<\/strong> menu can be edited in the same header.tpl<\/strong> file in \/catalog\/view\/theme\/themeXXX\/template\/common<\/strong> folder on your server.<\/p>\r\n