Breadcrumbs

Home / Help / FAQ / Tutorials / DJ-MegaMenu FAQ / How to display multiple columns with modules and headings in submenu?

Top Menu

Content

How to display multiple columns with modules and headings in submenu?
How to display multiple columns with modules and headings in submenu? 4.0 out of 5 based on 2 votes.

Let me tell you briefly what is the main concept of create multiple columns in Mega Menu: in this tutorial I’ll show how to create a new menu and add into some exemplary menu items. Then we’ll learn how to create an item in default menu where we want to display module. Finally, we will create module with menu and we will enjoy amazing design of our website!

In this tutorial I assume that you have already installed and published DJ-Mega Menu extensions, but if you start from scratch I suggest to read documentation of Mega Menu

  1. Enable Plugin
    Go to Extensions-> Plugins-> DJ-MegaMenu system plugin and if plugin is disabled, enable it.

  2. Create a new menu
    • At the beginning we want to create a new item of Main Menu (it’s a default name of default menu, if name of Your menu is different it’s OK)
      Go to Menus-> Main Menu-> Add New Menu Item

      and set fields as follow

      Menu Title- type a title of menu item
      Menu Item Type- choose according to your needs, it doesn’t matter. I choose: Category Blog
      Click Save and Close.
      Our menu item looks like that:

    • Now we will create a menu, that we'll use in submenu. Don’t be put off, it's really simple!
      Go to Menus-> Manage-> Add New Menu

      Type title, menu type (could be the same as title) and click Save and Close

    • In the same way you can create one more menu (so repeat step 2)

  3. Add some menu items
    • To add a menu item go to Menus-> Example (Name of your menu) -> Add New Menu Item

      Set fields as follow:

      Menu Title- Type title of Menu Item
      Menu Item Type- choose what you want to display, I choose: Featured Articles
      Click Save and Close
    • In the same way create more menu items for Menu: Example and Example2
  4. New item in Main Menu
    • We want to create new item in Main Menu. Go to Menus-> Main Menu (your default menu) -> Add new menu item

      Set fields as follow:

      Menu Title- type name of Your menu Item
      Menu Item Type- choose Text Separator
      Parent Item- Choose an item you’ve created in Create new module chapter
      Go to DJ-MegaMenu Options Tab

      Start new column- Yes
      Column width in pixels- type width of the DJ-MegaMenu module or it will get value from default settings
      Module position- type a module position in which modules will be displayed. It have to be unique name of position, which you don’t use anywhere else
      Click Save and Close
    • In the same way create second menu item, so repeat step 1 for example like that:

  5. Create a module
    • It's the last step to publish our menus in multiple columns! Go to Extensions-> Modules and click New

      Choose Menu

      Set fields as follow

      Title- type title of module
      Select menu- select menu, which you create earlier
      Position- type the name of the position, which you use when you creating new menu item. In my case: dj-megamenu-0. Be sure that names are the same!
      Go to Menu Assignment Tab

      Assign module to all pages. Click Save and Close
    • In the same way create second module. In my case:

That’s all! Good job! Your menu should looks like that:


Found this article interesting? Subscribe for more.
Or share this article with your friends.
Wednesday, 20 January 2016 08:39
 
User Rating:  (2)
PoorBest
 

Footer Menu