JQuery Mega Menu Widget
Creates a widget, which allows you to add drop down mega menus from any standard WordPress custom menu using jQuery. Can handle multiple mega menus on each page, offers either “fade In” or “slide down” effects and the option to use hover or click to show the sub-menu. For best results use 3 levels for the custom menu.
Menu Options
The widget has several parameters that can be configured to help cutomise the mega menu:
- Hover/Click – Select the event that activates the sub-menu. Note that if using “Click” the parent menu links will be disabled
- Number Items Per Row – Select the number of sub-menu items to be shown on each row of the mega menu.
- Skin – Several sample skins are available to give examples of css that can be used to style your own mega menu
- Animation Effect – The effect used to display the drop down menu. Options are slide down or fade in
- Animation Speed – The speed at which the dropdown menu will open/close – selecting “No Animation” will immediately show/hide the menu
- Set Sub Menu To Full Width – If checked, the drop down mega sub menu width will be 100%
- Upload the plugin through
Plugins > Add New > Uploadinterface or uploadjquery-mega-menufolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- In the widgets section, select the jQuery mega menu widget and add to one of your widget areas
- Select one of the WP menus, set the required settings and save your widget
Also check out our jquery mega menu faq page
Installation Instructions
- Upload the plugin through
Plugins > Add New > Uploadinterface or uploadjquery-mega-menufolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- In the widgets section, select the jQuery mega menu widget and add to one of your widget areas
- Select one of the WP menus, set the required settings and save your widget
The menu appears on the page but does not work. Why?
One main reason for this is that the plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function.
Another likely cause is due to other non-functioning plugins, which may have errors and cause the plugin javascript to not load. Remove any unwanted plugins and try again. Checking with Firebug will show where these error are occuring.
How should I structure my custom menu to get the best results?
The widget works by taking the standard menu structure and creating the sub-menus from the nested links. To get the full effect you need to have 3 levels within the custom menu:
- First level is used for the main menu items
- The second level is used to create the sub-menu headings
- The 3rd level links are then grouped together under the headings to create the menu options
Example: Products –> Category –> Product Ranges
The menu appears but the drop down sub-menu doesn’t show?
Check your theme style sheet to see if the tags wrapping the menu have “overflow: hidden;”. This will prevent the sub-menus from appearing underneath the main menu bar.
1.3.10
- Updated: plugins_url()
- Updated: combine jquery scripts
1.3.9
- Updated: wp_enqueue_script
1.3.8
- Updated: jquery.dcmegamenu.1.3.4.js – switched to minified version
1.3.7
- Fixed: Error with default values
1.3.6
- Added: Full width option for mega menu
- Updated: jquery.dcmegamenu.1.3.3.js
1.3.5
- Added: Option to select no animation
1.3.4
- Fix: Fixed bug with “no theme” option
1.3.3
- Fix: IE7 Bug in initialisation code
1.3.2
- Add: Ability to select either click or hover event
1.3.1
- Add: Menu automatically adjusts to stay within right-hand limit
1.3
- Add: Ability to select animation effect
1.2
- Fixed: Bug fixes for IE7
1.1
- Edit: Security for dynamic skins
1.0
- First release
Screenshots
Alternative Plugins for JQuery Mega Menu Widget
Widget Logic lets you control on which pages widgets appear using WP's conditional tags.
Categories: General
Import and export your widgets.
Categories: General
Spice up your navigation menus with pretty icons, easily.
Categories: General
This plugin adds a simple Facebook Page Like Widget to your WordPress sidebar, footer area (as a widget), and page or post (as a Shortcode).
Categories: General
Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets.
Categories: General
The easiest and highest rated way to Add Widgets or Sidebars to Posts and Pages using Visual editor, shortcodes or template tags.
Categories: General
Allows you to export and import widgets settings.
Categories: General
Adds [widget] shortcode which enables you to output widgets anywhere you like.
Categories: General
Show and hide widgets on specific posts, pages and sections of your site.
Categories: General
Discover the Lists with JQuery Mega Menu Widget
FarrowSystem.EU - ALL Plugins
A save of all the plugins from when it was migrated from multisite. Just for historical purposes.
OS WooCommerce Plugins New Install
My list of plugins I use for WooCommerce sites.
