User Tools

Site Tools


admin_dashboard:system_admin:system_settings:menu

This is an old revision of the document!


Menu Manager Introduction


d8f893bcebefb0323123e6d47b1f39f7.jpg

#The Menu Manager Layout.

*This article is about customizing your menu, not only main menu.

Explaination:

12f22196e4aa280b405b4720f5906738.jpg

#1 This is the area of Pages, Links, Header Title for your menu to add

#2 The Menu name, and Setting are for displaying your menu Horizontal or Vertical

#3 The Menu Structure settings, in this area, you can config the plugin or page enabled/disabled to users, change names, change order…etc

#4 Save Menu button after changes.

I/How to add a new page as a item in your menu:

fd72bad66f4c9e08ba7bb40316028609.jpg

#1 Check on the checkbox of the page you want to add.

#2 Press on Add to Menu.

#3 Press on Save Menu to finish.

On Front End, it will look like:

f009941c7e6520e1726a1fdd8bb7639f.jpg

#The page you added, now displayed in Main Menu

II/How to add link:

31b460b588101cb14817ed71be6b07dc.jpg

#1 Enter the url that you wanted to lead user to.

#2 Enter the text for displaying on the menu

#3 Press on Add to Menu

#4 Save Menu.

At the Front-end, it will be like:

75c7c32c97e97b119edd3cc13721705c.jpg

#Link added now displaying at Main Menu.

When a user clicks on this, it will lead user to URL you added.

III/How to add Header Title:

9ead0eb59c0c27d56beaca215584304f.jpg

#1 Enter the Header Title.

#2 Press on Add Header to Menu.

#3 Press Save Menu.

After finished, front-end will be displayed as:

89c7fff0de3ec6f07a0ad5edfa03280e.jpg

# The Header after added to Main Menu

IV/How to change menu order:

Simply just drag & drop the cards at Menu Structure, replace or moving these cards as order you preferred.

An example, we decided to move Events at the end of order to the 2nd position on Main Menu.

afb701c0b05adcbdf9d843394699a589.jpg

#Drag Event card and then drop it below Home card.

#Hit Save Menu button.

4ec208f763acbdb76fcad6d4e2de2bea.jpg

#After moved

And at Front-end, we have:

a9351e622eabfe03080c40ee74a0cd6d.jpg

# Events has been moved to 2nd position.

V/How to set Sub-Menu:

Just like moving menu, we drop & drag cards in Menu Structure to the position below others to make them as sub-menus for these cards.

Now, example, we set Events as a sub-menu for Home:

e65e5eb73fdbd992122978c04f578ed4.jpg

#Drag then Drop Events card to position below Home, and little bit to the right to make it as Sub-Menu of Home.

078d54f91fdd83616862c10adab9c881.jpg

#The Events is now Sub-Menu of Home, you can see Events card now has the sub item next to it.

At the Front-End:

2d61df9a52fedfc1a1f6f1905a71aaf2.jpg

#Events now is a Sub-Menu of Home, when you point your mouse at Home, its submenu will fly out.

VI/How to customize your menu’s item

admin_dashboard/system_admin/system_settings/menu.1433835150.txt.gz · Last modified: 2015/08/24 01:13 (external edit)