{"id":37344,"date":"2014-11-05T09:44:52","date_gmt":"2014-11-05T14:44:52","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=37344"},"modified":"2016-03-16T06:21:34","modified_gmt":"2016-03-16T10:21:34","slug":"prestashop-1-6-x-how-to-add-cms-page-with-link-in-headerfooter-menu","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-add-cms-page-with-link-in-headerfooter-menu.html","title":{"rendered":"PrestaShop 1.6.x. How to add CMS page with link in header\/footer menu"},"content":{"rendered":"

<\/p>\r\n

The following tutorial is going to show you how to add CMS page with link in header\/footer menu.<\/p>\r\n

Adding CMS page<\/h3>\r\n
    \r\n
  1. \r\n

    Log into your PrestaShop admin panel.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Navigate to Preferences -> CMS<\/strong>. There you can find all the CMS pages which are created in your PrestaShop.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Click Add new button to add a new CMS page:<\/p>\r\n

    \"prestashop_header_footer_links1\"<\/a><\/p>\r\n<\/li>\r\n

  4. \r\n

    Fill in all the required fields, enable the page and save the changes:<\/p>\r\n

    \"prestashop_header_footer_links2\"<\/a><\/p>\r\n<\/li>\r\n

  5. \r\n

    Remember the CMS page ID (displayed on the first column in the list). You will need it later:<\/p>\r\n<\/li>\r\n

  6. \r\n

    Navigate to Modules -> Positions<\/strong> in your PrestaShop admin panel.<\/p>\r\n<\/li>\r\n

  7. \r\n

    Check which module is displaying the top menu in your template. Most likely it is inserted to displayTop<\/strong>position. The module name is Permanent links block<\/strong> in our case:<\/p>\r\n

    \"prestashop_header_footer_links3\"<\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n

    Adding link to header menu<\/h3>\r\n
      \r\n
    1. \r\n

      Connect via FTP to your domain (please contact your hosting provider if you do not know how to do it).<\/p>\r\n<\/li>\r\n

    2. \r\n

      Navigate to themes\/themeXXX\/modules\/blockpermanentlinks folder<\/strong> (where themeXXX is your theme name) and edit blockpermanentlinks-header.tpl file using any code\/text editor.<\/p>\r\n<\/li>\r\n

    3. \r\n

      Each list element in the code represents one menu element. E.g.<\/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<\/li>\r\n
    4. \r\n
      Copy that line and insert it on the new line, right next the one you have copied. Change it to:<\/p>\r\n
      <li><a href="{$link->getCMSLink('8', 'new')|escape:'html'}" title="{l s='new' mod='blockpermanentlinks'}">{l s='new' mod='blockpermanentlinks'}<\/a><\/li><\/pre>\r\n<\/li>\r\n
    5. \r\n
      Save the file. We have added link to CMS page to the top menu.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
      Adding link to footer menu<\/h3>\r\n
        \r\n
      1. \r\n
        Now we will add the same link to the Footer menu.<\/p>\r\n<\/li>\r\n
      2. \r\n
        Navigate to Modules -> Modules<\/strong> and search for “CMS Block”<\/strong> module.<\/p>\r\n<\/li>\r\n
      3. \r\n
        Click on Configure<\/strong> button:<\/p>\r\n
        \"prestashop_header_footer_links4\"<\/a><\/p>\r\n<\/li>\r\n
      4. \r\n
        In Configuration of the various links in the footer<\/strong> section, click to enable your newly added page:<\/p>\r\n
        \"prestashop_header_footer_links5\"<\/a>\r\n<\/li>\r\n
      5. \r\n
        Save your settings by clicking on the save<\/strong> button.<\/p>\r\n<\/li>\r\n
      6. \r\n
        We have added link to CMS page to the footer menu.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
        Thank you for watching this video tutorial. Now you know how to to add CMS page with link in header and\/or footer menu.<\/p>\r\n
        Feel free to check the detailed video tutorial below:<\/p>\r\n
        PrestaShop 1.6.x. How to add CMS page with link in header\/footer menu<\/a>
        \r\n<\/p>\r\n
        <\/p>\r\n
        <\/p>","protected":false},"excerpt":{"rendered":"
        The following tutorial is going to show you how to add CMS page with link in header\/footer menu.<\/p>\n","protected":false},"author":12,"featured_media":40040,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[657,627,571,572,552],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37344"}],"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=37344"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/40040"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=37344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=37344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=37344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}