Rate this article
4.00
Browsing: Home » Articles » Videos & Tutorials

Horizontal navigation with both categories and pages

You can have one horizontal menu with static pages and categories instead of having them display in two lines.

First you need to edit templates\xhtml\box\dhtml_menu.tpl by moving this code:

<vte:box module="box_pages">
  <vte:params>
    <vte:param name="cache" value="1" />
  </vte:params>
  <vte:template>
    <li><a href="{VIVVO_URL}"><vte:value select="{LNG_GO_HOME}" /></a></li>
    <vte:foreach item="page" from="{page_list}">
      <li><a href="{VIVVO_URL}{page.get_href}"><vte:value select="{page.title}" /></a></li>
    </vte:foreach>
  </vte:template>
</vte:box>
    

right after <ul class="adxm menu"> (should be around line 10).

Now you have your static pages and category pages in same line and you just need to remove include for pages.tpl from your header template (templates\xhtml\box\header.tpl):

<vte:include file="{VIVVO_TEMPLATE_DIR}box/pages.tpl" />