×

Hinweis

Fehlende Zugriffsrechte - Datei 'http:/demo.joomlashine.com/joomla-templates/jsn_vintage/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich.png'
Fehlende Zugriffsrechte - Datei 'http:/demo.joomlashine.com/joomla-templates/jsn_vintage/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich-settings.png'
Fehlende Zugriffsrechte - Datei 'http:/demo.joomlashine.com/joomla-templates/jsn_vintage/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-icons.png'
Fehlende Zugriffsrechte - Datei 'http:/demo.joomlashine.com/joomla-templates/jsn_vintage/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-icons-settings.png'
Fehlende Zugriffsrechte - Datei 'http:/demo.joomlashine.com/joomla-templates/jsn_vintage/images/content/template-details/menu-styles/rich-menu/menu-mainmenu-rich-icons.png'

Menu Styles

Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.

To setup Tree Menu you just need to configure module parameter “Menu Class Suffix: menu-treemenu” appropriately and the menu system will take care of the rest.

Tree Menu with Icons and Rich Text

Tree Menu can present menu items with icons and descriptive text, pretty much like Main Menu and Side Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

To hide description and menu icons from side or tree menu, please go to "Menu Class Suffix" and add following two classes hidden-descirption and hidden-icon, respectively.

At the top of this page, you can see live demonstration of Top Menu.

Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.

You can choose up to 28 predefined icons to menu item.

 

On top of this page, you can see live demonstration of Rich Menu. Icon Arrow Up

With this menu system you can attach icons and add descriptive text to each menu item making them much clearer and visually appealing. The best thing is you can use the default menu module built-in Joomla!, no need to install external menu modules.

Menu items with descriptive text

JSN Vintage allows you to present menu items with descriptive text placed on a separated line at the bottom of main text.

Main Menu Rich Text

To setup text strings you need to go to menu item settings and add symbol combination “(=) as separator between primary and secondary text.

Main Menu Rich Text Settings

In the example above text “Home” is the primary text and “Lorem ipsum dolor sit...” is the secondary text. Separator between them is the symbol combination “(=)”. Really simple and elegant solution.


Menu items with icons

JSN Vintage allows you to assign up to 20 predefined icons for items in main menu.

Main Menu Icons

To setup icons, you need to find template parameter Main Menu Icons and choose any icon you want to display from drop-down panel.

Main Menu Icons Settings


Combination of descriptive text and icons

You can use combination of descriptive text and icons to get Rich Menu in it's best presentation.

Main Menu Rich Text combined with Icons

Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.

To setup Side Menu you just need to use “Menu Class Suffix: menu-treemenu” in the module menu and the menu system will take care of the rest. There are very detailed instructions in template documentation.

Side Menu with Icons and Rich Text

Side Menu can present menu items with icons and descriptive text, pretty much like Main Menu.

To setup icons you need to configure menu items appropriately just like Main Menu. There are very detailed instructions in template documentation.

Side Menu with RTL Support

Side Menu works flawlessly even in RTL layout, in which sub-menu panels will slide out from right to left.

To hide description and menu icons from side or tree menu, please go to "Menu Class Suffix" and add following two classes hidden-descirption and hidden-icon, respectively.

On the top of this page, you can see live demonstration of Main Menu with icons and rich text.

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu Icons

 

Main Menu Icons

 

You can attach any of many icons to menu items to make them more appealing.

 

Main Menu Icons Settings


Main Menu Rich Text

 

Main Menu Rich Text

 

You can add descriptive text to menu items to make them much clearer.

 

Main Menu Rich Text Settings

 

To set up descriptive text, you need to go to menu item settings and add descriptive text to menu items parameter Link Description.


Main Menu Icons and Rich Text in combination

 

Main Menu Rich Text combined with Icons

 

You can set up menu items to utilize both icons and rich text in combination. Take a look at main menu on this page to see live demonstration.