The navigation bar displays the list of all categories and subcategories of products, which lets customers freely navigate the online catalog. Clicking a category’s name opens the list of products and subcategories of the selected category. View a sample navigation bar displayed here.
All templates of the NavigationBar block are stored in the folder avactis-templates/catelog/navigation-bar/default/.
The NavigationBar block consists of three types of templates: a container, an empty container and category templates.
The container template (navigation-container.tpl.html) is required to define the design of the overall NavigationBar block. For example, you can define border width and border color of the block, place a block title in its upper section, and so on.
The empty template (navigation-container-empty.tpl.html) is the default block displayed when there are no categories defined in the system. You can specify an appropriate text, for instance, "No categories".
The category template is used to define the design of a single category name in the block. There can my several such templates: for the selected category, for an unselected category, and for categories of different levels. For example, you can use these templates to define the color and the font for displaying category names.
Using category templates you can set the design of:
An unselected category;
The selected (current) category;
And the category on any level of category structure.
Category templates navigation-level-default.tpl.html and navigation-level-selected-default.tpl.html are the default category templates. They are used for displaying categories on any level of category structure, unless a template is defined for a particular category’s level.
To define the design used for displaying the selected category of any level, create the template navigation-levelXYZ-selected.tpl.html. Define the design of an unselected category with the template navigation-levelXX-default.tpl.html. In these template names, the category's level number (XYZ) follows the word “level”.
As shown on the figure, the NavigatinBar block provided with Avactis Shopping Cart by default features templates for categories of the first and the second level. For all other levels categories will be rendered using the templates “navigation-level-default.tpl.html” and "navigation-level-selected-default.tpl.html”.
Examples of template names for categories of level 3: navigation-level3-default.tpl.html and navigation-level3-selected-default.tpl.html; for level 4: navigation-level4-default.tpl.html and navigation-level4-selected-default.tpl.html.
The figure below shows the outline of templates of the NavigationBar block provided with Avactis Shopping Cart by default.
Downloaded templates can be easily joined with your Avactis Shopping Cart installation. Extract the contents of the archived file. The folder “navigation-bar” will be created. Copy this folder to your web-server and place it in the folder avactis-templates/catalog/.
