PrestaShop 1.6.x. How to add CMS page with link in header/footer menu

The following tutorial is going to show you how to add CMS page with link in header/footer menu.

Adding CMS page

1. Log into your PrestaShop admin panel.

2. Navigate to Preferences -> CMS. There you can find all the CMS pages which are created in your PrestaShop.

3. Click Add new button to add a new CMS page:

   

4. Fill in all the required fields, enable the page and save the changes:

   

5. Remember the CMS page ID (displayed on the first column in the list). You will need it later:

6. Navigate to Modules -> Positions in your PrestaShop admin panel.

7. Check which module is displaying the top menu in your template. Most likely it is inserted to displayTopposition. The module name is Permanent links block in our case:

   

Adding link to header menu

1. Connect via FTP to your domain (please contact your hosting provider if you do not know how to do it).

2. Navigate to themes/themeXXX/modules/blockpermanentlinks folder (where themeXXX is your theme name) and edit blockpermanentlinks-header.tpl file using any code/text editor.

3. Each list element in the code represents one menu element. E.g.

   <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>

4. Copy that line and insert it on the new line, right next the one you have copied. Change it to:

   <li><a href="{$link->getCMSLink('8', 'new')|escape:'html'}" title="{l s='new' mod='blockpermanentlinks'}">{l s='new' mod='blockpermanentlinks'}</a></li>

5. Save the file. We have added link to CMS page to the top menu.

Adding link to footer menu

1. Now we will add the same link to the Footer menu.

2. Navigate to Modules -> Modules and search for “CMS Block” module.

3. Click on Configure button:

   

4. In Configuration of the various links in the footer section, click to enable your newly added page:

   

5. Save your settings by clicking on the save button.

6. We have added link to CMS page to the footer menu.

Thank you for watching this video tutorial. Now you know how to to add CMS page with link in header and/or footer menu.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to add CMS page with link in header/footer menu