How to use Megamenu / Accordion navigation with BindMENU in Kentico5/6

Note: This article refers to themes from version v2.X.X.X.

We've included several cool navigation options, that you can apply to your theme as needed!

From Megamenus, to Accordions, or just plain simple nav, it's your choice!

For each possible menu layout, proceed as follows:

  1. Edit all theme's .ascx layout files (for example home.ascx)
  2. Locate the menu script (located on the bottom of the file)
  3. Replace code as shown below

Default Menu

Horizontal 

You will need to set the MenuStyle value to DefaultMenu and Orientation value to Horizontal

          jQuery(function($) {
          $("#MenuH ul").BindMENU({MenuStyle:"DefaultMenu",Orientation:"Horizontal"});
          });

Vertical

You will need to set the MenuStyle value to DefaultMenu and Orientation value to Vertical

      jQuery(function($) {
        $("#MenuV ul").BindMENU({MenuStyle:"DefaultMenu",Orientation:"Vertical"});
      });

 

Mega Menu

Our megamenus were design to provide you the best navigation experience.
They will automatically display a megamenu structure when nested sub items are present, or a regular drop-down sub-navigation, when only one sub level is present.

Horizontal

You will need to set the MenuStyle value to MegaMenu and Orientation value to Horizontal

      jQuery(function($) {
        $("#MenuH ul").BindMENU({MenuStyle:"MegaMenu",Orientation:"Horizontal"});
      });

Vertical

You will need to set the MenuStyle value to Megamenu and Orientation value to Vertical

      jQuery(function($) {
        $("#MenuV ul").BindMENU({MenuStyle:"MegaMenu",Orientation:"Vertical"});
      });

 

Accordion

You will need to set the MenuStyle value to Accordion and Orientation value to Vertical

      jQuery(function($) {
        $("#MenuV ul").BindMENU({MenuStyle:"Accordion",Orientation:"Vertical"});
      });
Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk