This shows you the differences between two versions of the page.
Next revision Both sides next revision | |||
admin_dashboard:system_admin:system_settings:menu [2015/06/09 06:57] mooeditor created |
admin_dashboard:system_admin:system_settings:menu [2015/06/09 07:32] mooeditor |
||
---|---|---|---|
Line 20: | Line 20: | ||
#4 **Save Menu** button after changes. | #4 **Save Menu** button after changes. | ||
+ | |||
+ | __**I/How to add a new page as a item in your menu:** __ | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings:f009941c7e6520e1726a1fdd8bb7639f.jpg}} | ||
+ | |||
+ | #The page you added, now displayed in Main Menu | ||
+ | |||
+ | __**II/How to add link:** __ | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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:__ ** | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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 2<sup>nd</sup> position on Main Menu. | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings:afb701c0b05adcbdf9d843394699a589.jpg}} | ||
+ | |||
+ | #Drag Event card and then drop it below Home card. | ||
+ | |||
+ | #Hit Save Menu button. | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings:4ec208f763acbdb76fcad6d4e2de2bea.jpg}} | ||
+ | |||
+ | #After moved | ||
+ | |||
+ | And at Front-end, we have: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings:a9351e622eabfe03080c40ee74a0cd6d.jpg}} | ||
+ | |||
+ | # Events has been moved to 2<sup>nd</sup> 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: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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. | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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: | ||
+ | |||
+ | {{:admin_dashboard:system_admin:system_settings: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**__ | ||