Working with Phoca Template Component

Category: Phoca Template Component
Submenus created with help of Phoca Template Component only work in templates which support Phoca Template Framework Phoca Template Framework.
To add submenu content to the top menu:


Columns are displayed in submenu if you assign them to the main menu item. One main menu item can display more columns. There are three types of columns:

  • Custom HTML - you can write own content formatted in editor
  • Module content - content of selected module will be displayed in submenu
  • Module position - all modules set in the selected position will be displayed in submenu.


Menu Items

After you have defined columns, you can assign them to the menu item. Menu item can have more columns, such columns then will be displayed in submenu area of the selected menu item.

Phoca Template - Columns


Displaying customized submenus (submenu with content divided into columns) is allowed only by:

  • (1) Parent menu items (root menu items)
  • (2) Menu items from menu group which is assigned to top menu position
  • (3) Show Sub-menu Items parameter in top menu module settings must be set to Yes


Phoca Template Parameters

Submenu content is displayed with help of javascript, HTML output should be valid and clean.



1) Go to Components - Phoca Template - Columns - click on Custom HTML, add title, width and content in editor. Save it.

2) Go to Components - Phoca Template - Menu Items - click on New and select menu item and column (columns) which will be displayed in submenu

3) Go to Extensions - Module Manager - create or edit menu module. Set position-1 as position and Yes as Show Sub-menu Items parameter. (Position parameter can be different for different templates, it schould be position of top menu of template which supports Phoca Template Framework.