To add new items to the front end navigation menu, you need to edit the template file layout/main.head.html. Before you do this, make sure you have followed the instructions for creating a custom theme and are working on a copy of the default template file.
Note: Don't make too many additions to the navigation or you may find that the items don't all fit onto the screen at once.
When you open the template file layout/main.head.html, you will see the HTML for the navigation as an unordered list <ul> with entries for each navigation item in the site menu situated between <li> and </li> tags.
Many of the navigation items in the default template only appear on screen when certain conditions are met. For example, the 'Cart' link will only be shown when the store functions of Pixaria are turned on. To achieve this, some navigation elements are enclosed in Smarty {if} conditional statements like this:
{if $set_func_store && $sys_store_enabled}
<!-- IF THE E-COMMERCE FUNCTIONS ARE ON -->
<li {if $active_nav=='news'}class="active"{/if}>
<a href="{$base_url}{$fil_index_cart}" class="navigation-link">
##NAVIGATION_08##</a>
</li>
{/if}
Note that in the above example, the text 'Cart' is replaced by the localisation placeholder code '##NAVIGATION_08##'. When you're creating a new navigation item, you do not need to worry about localisation codes unless you wish to provide the text for the navigation link in multiple languages. For more information about localisation codes, see the documentation topics on multiple language support.
To add your new navigation item, paste the sample code below into the position in the list where you would like your link to appear in the menu:
<li {if $active_nav=='faq'}class="active"{/if}>
<a href="{$base_url}index.faq.php" class="navigation-link">FAQ</a>
</li>
Note here that we have added the name of a PHP script (index.faq.php) and also the name of the new page as we would like it to appear in the navigation menu. You should replace these with the details of the navigation item you would like to create.
Once you have saved the changes, you should upload your updated file to the server and view the results. Note that if template caching is enabled, you will need to flush the template cache to see the changes.