{"id":9483,"date":"2014-05-15T04:35:31","date_gmt":"2014-05-15T08:35:31","guid":{"rendered":"http:\/\/info.template-help.com\/?p=9483"},"modified":"2017-07-10T06:04:36","modified_gmt":"2017-07-10T10:04:36","slug":"prestashop-how-to-manage-header-links","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-how-to-manage-header-links.html","title":{"rendered":"PrestaShop 1.6.x. How to manage header and footer links"},"content":{"rendered":"

<\/p>\r\n

The following tutorial is going to show you how to manage header and footer links in PrestaShop 1.6.x templates.<\/p>\r\n

PrestaShop 1.6.x. How to manage header and footer links<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Header links<\/strong><\/p>\r\n

      \r\n
    1. \r\n

      The header links of the PrestaShop template are defined by the Permanent links block<\/strong> module.<\/p>\r\n

      \"prestashop_1.6.x._how_to_manage_header_and_footer_links-1\"<\/a><\/p>\r\n

      If you want to add an element to it or remove it, you should edit the themes\/themeXXX\/modules\/blockpermanentlinks\/blockpermanentlinks-header.tpl<\/strong> file located in your PrestaShop installation on your hosting server.<\/p>\r\n<\/li>\r\n

    2. \r\n

      Open the file using any code editor. The menu is created as an unordered list. Each menu element is wrapped into <li> <\/li><\/strong><\/em> tags.<\/p>\r\n<\/li>\r\n

    3. \r\n

      For example, the following lines of code represent the Sitemap menu element:<\/p>\r\n

       <li id="header_link_sitemap"><a href="{$link->getPageLink('sitemap')|escape:'html'}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}<\/a><\/li> <\/pre>\r\n
       a href=\"{$link->getPageLink('sitemap')|escape:'html'}\" - is the URL to the page  <\/pre>\r\n
      {l s='sitemap' mod='blockpermanentlinks'} - is the code for displaying the button name <\/pre>\r\n<\/li>\r\n
    4. \r\n
       To add a link to the Best Sellers page (http:\/\/yourdomain.com\/best-sales.php), you should add the following line of code to the themes\/themeXXX\/modules\/blockpermanentlinks\/blockpermanentlinks-header.tpl<\/strong> file.<\/p>\r\n
       <li id="header_link"> <a href="{$link->getPageLink('best-sales.php')|escape:'html':'UTF-8'}" title="{l s='best-sales' mod='blockpermanentlinks'}"> {l s='Best sales' mod='blockpermanentlinks'}<\/a><\/li><\/pre>\r\n
      Note: If you want to change the name of the new button or add its translations, you can do it in Localization -> Translations<\/strong> menu of your back end. For more details, feel free to check the PrestaShop 1.6.x. How to edit menu titles<\/a> video tutorial.<\/p>\r\n<\/li>\r\n
    5. \r\n
      To add a link to some CMS page, you should get the link to the page first. Let\u2019s add the link to About Us page. It is http:\/\/templatetesting.com\/vincent\/index.php?id_cms=4&controller=cms&id_lang=1 .<\/p>\r\n
       You should edit the themes\/themeXXX\/modules\/blockpermanentlinks\/blockpermanentlinks-header.tpl<\/strong> file and add the following line of code:<\/p>\r\n
       <li><a href="{$link->getCMSLink('4', 'CMSpage')}" title="{l s='about-us' mod='blockpermanentlinks'}">{l s='About Us' mod='blockpermanentlinks'}<\/a><\/li> <\/pre>\r\n
        $link->getCMSLink(\u20194\u2032, \u2018CMS page\u2019) <\/strong> means that we want to load the CMS page with ID 4. You can see that in the page URL. s=\u2019About Us\u2019<\/strong> is a button title.<\/p>\r\n<\/li>\r\n
    6. \r\n
      Save the changes and check your website front end to see how you modified the header menu.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n
    7. \r\n
       Footer links<\/strong> <\/p>\r\n
        \r\n
      1. \r\n
         Let’s check what modules are used to display links in the footer of the site.<\/p>\r\n<\/li>\r\n
      2. \r\n
        Log into the PrestaShop admin panel. Navigate to Modules -> Positions<\/strong> <\/p>\r\n
        \"prestashop_1.6.x._how_to_manage_header_and_footer_links-2\"<\/a><\/p>\r\n
        and look for the displayFooter<\/strong> hook.<\/p>\r\n<\/li>\r\n
      3. \r\n
        Here we can see the modules representing our links blocks in the footer:<\/p>\r\n
        \"prestashop_1.6.x._how_to_manage_header_and_footer_links-3\"<\/a><\/p>\r\n
        \"prestashop_1.6.x._how_to_manage_header_and_footer_links-4\"<\/a><\/p>\r\n