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 Mini 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 Mini 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

Plain Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

Module Class Suffix:
empty

Plain with Icons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

Header Class:
"fa fa-home"

MODULE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

MODULE STYLE 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

MODULE STYLE 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

MODULE STYLE 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

MODULE STYLE 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

MODULE STYLE 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.

Páčime sa Vám

Zacnite s nami spolupracovať

Kontaktujte nás
JSN Mini 2 is designed by JoomlaShine.com | powered by JSN Sun Framework