Smooth MenuMatic

Description

Description

This is a whole new approach to menu customization! This extension is a plugin (not a module!) that works with native Joomla menu module.

Smooth MenuMatic is a system plugin for Jomla! 1.6 Compatible, Joomla! 1.7 Compatible, Joomla! 2.5 Compatible and Joomla! 3.0 Compatible by Craziation Designs, LLC that uses MenuMatic (with 'fade' fix and MooTools 1.4.5 updates) to modify a Joomla native menu on the frontend. MenuMatic takes a semantic ordered or unordered list of links and uses MooTools to turn it into a dynamic drop down menu system, with enhanced usability and flair. For users without javascript, it falls back on the native Joomla menu module behavior.

Features

  • Easy plug and play installation.
  • Plugin (not a module!) works with native Joomla menu module.
  • SEO Friendly: Only manipulates existing links, does not generate links with javascript.
  • Graceful fallback for JavaScript disabled browsers.
  • Multiple horizontal and/or vertical menus simultaneously.
  • Individual settings for horizontal and vertical menus.
  • Selectable transitions.
  • Selectable effects.
  • Selectable opacity.
  • Lots of administrator options.
  • Full individual CSS control for horizontal and vertical menus.
  • Language files for en-GB included.
  • Uses MooTools Fx.Transitions for effects (no jQ).
  • Option to use jQuery.noConflict.
  • Uses MenuMatic 0.68.3.
  • Released under GPL license.
  • Completely free!

Demo

Hover on the Joomla menu item at the top of this page to see this plugin doing its thing on a horizontal menu.

Download

Download

Download the latest version of Smooth MenuMatic for Joomla 1.6, 1.7, 2.5 and 3.0.

Are you human?

Smooth MenuMatic 1.x has been downloaded 7630 times in the last 1 year, 11 months, 2 weeks and 6 days.

Rate It

Please take a moment to rate this plugin at extensions.joomla.org...especially if you like it. ;^)

Configuration

Configuration

Joomla Menu Module

Native Joomla Menu Module Settings

In your native Joomla menu module, be sure the following settings are correct:

Module Manager » Your_Menu_Module » Basic Options

Menu Module Settings 1

Start Level: 1

End Level: All

Show Sub-menu Items: Yes

Module Manager » Your_Menu_Module » Advanced Options

Menu Module Settings 2

Menu Tag ID: "h-nav" for horizontal menus or "v-nav" for vertical menus.

Hint: If the Menu Tag ID does not exactly match the ID in the Smooth MenuMatic Basic Options Smooth MenuMatic will not work and your browser will report the following error: Uncaught TypeError: Cannot call method 'getElements' of null

Plugin Basic Options

Smooth MenuMatic Plugin Settings

The Basic Options provide individual control of the way vertical and horizontal menus behave.

Plugin Manager » System - Smooth MenuMatic » Basic Options

SmoothMenuMatic Controls

Basic Options

Global Options for All Smooth MenuMatic Menus

Use jQuery.noConflict?: This option enables jQuery.noConflict mode for mootools compatibility. This is sometimes necessary to get jQuery and mootools to play nicely together if you are using both simultaneously. If you enable this option when NOT using jQuery, your browser will throw an error and Smooth MenuMatic will not work. Default = No.

Primary Options for Horizontal Menus

Use for Horizontal Menus: Enable this plugin for all horizontal menus with the CSS ID listed below. Default = No.

ID: CSS ID of the main <ul> or <ol> element for horizontal menus. This must be set to the same value as the Menu Tag ID in the menu module this plugin is to effect (Module Manager » Your_Menu_Module » Advanced Options » Menu Tag ID) and it must also be different from that of the Vertical Menu. Default = "h-nav".

Hint: If the Menu Tag ID does not exactly match the ID Smooth MenuMatic will not work and your browser will report the following error: Uncaught TypeError: Cannot call method 'getElements' of null

Submenus Container ID: CSS ID of the <div> in which the submenus for horizontal menus are contained. Must be different from that of the Vertical Menu. Default = "h-subMenusContainer".

Primary Options for Vertical Menus

Use for Vertical Menus: Enable this plugin for all vertical menus with the CSS ID listed below. Default = No.

ID: CSS ID of the main <ul> or <ol> element for vertical menus. This must be set to the same value as the Menu Tag ID in the menu module this plugin is to effect (Module Manager » Your_Menu_Module » Advanced Options » Menu Tag ID) and it must also be different from that of the Horizontal Menu. Default = "v-nav".

Hint: If the Menu Tag ID does not exactly match the ID Smooth MenuMatic will not work and your browser will report the following error: Uncaught TypeError: Cannot call method 'getElements' of null

Submenus Container ID: CSS ID of the <div> in which the submenus for horizontal menus are contained. Must be different from that of the Horizontal Menu. Default = "v-subMenusContainer".

Sub-Menu Behavior Options (horizontal and vertical menus)

Effect: Determines what effect if any are used. Current Available effects are"slide", "fade" and "slide & fade". Default = "slide & fade".

Duration: Duration of the effect in milliseconds. Default = 600.

Physics: Determines how the effect behaves. Default = Pow.easeOut.

Hide Delay: How long you have (in milliseconds) after moving your mouse off of the submenus before they dissapear. Default = 1000.

Layout Options

Stretch Main Menu: When true will stretch main menu link widths to fit within the width (set in the css) of the parent <ul> or <ol> element. Default = No.

Match Width Mode: When true, initial submenus will expand to be as wide as thier parent button unless they are already wider than it. Default = No.

Direction X: Determines the direction submenus come out of their parent link. Either "left" or "right". Will be overridden if submenu bounces off edge of viewport. Default = "left".

Direction Y: Determines the direction submenus come out of their parent link. Either "up" or "down". Default = "down".

Tweak Initial X: Nudges placement of initial submenus. Default = 0.

Tweak Initial Y: Nudges placement of inital submenus. Default = 0.

Tweak Subsequent X: Nudges placement of subsequent submenus. Default = 0.

Tweak Subsequent Y: Nudges placement of subsequent submenus. Default = 0.

Center: When set to true will center menu. Default = No.

Dynamic Style Options

Opacity: Opacity of the submenus. Default = 95

Main Menu Botton Focused Class Name: Used for morphing to focused state.

Main Menu Botton Class Name: Used for morphing back to original state.

Kill Divider: When set to "first" will remove the first divider in the main menu. When set to "last" will remove the last one. (The "divider" being a background image on the <li> elements).

Fix hasLayout Bug: When set to true will attempt to fix Microsoft's hasLayout bug. Default = No.

Plugin Advanced Options

Smooth MenuMatic Settings

The CSS editor will give you individual control of horizontal and vertical menus.

Plugin Manager » System - Smooth MenuMatic » Advanced Options

SmoothMenuMatic CSS

Advanced Options

Horizontal Menu CSS: This is the CSS that controls the way Horizontal Menus appear. This CSS will only be loaded into the document if the Horizontal Menus are enabled in the Basic Options.

Vertical Menu CSS: This is the CSS that controls the way Vertical Menus appear. This CSS will only be loaded into the document if the Vertical Menus are enabled in the Basic Options.

Other Info

Requirements

Joomla 1.6, 1.7 or 2.5 with Mootools-Core 1.3 (Joomla 1.6 native) or higher, Mootools-More 1.3.0.1 (Joomla 1.6 native) or higher.

Known Issues

The drop down menus do not work in IE6 without javscript.

Support

For support issues, please send a message by using our contact form or use the comment form below (not by commenting on the JED). Additional support for the MenuMatic script is available at the MenuMatic forums. We also welcome any comments, suggestions, modifications and/or improvements.

Change Log

DateVersionFileComments
2012/09/10 1.0.0 plg_smoothmenumatic_1-0-0.zip Initial release.
2012/10/10 1.1.0 plg_smoothmenumatic_1-1-0.zip Updated for Joomla 3.0.
2013/04/02 1.1.1 plg_smoothmenumatic_1-1-1.zip Added jQuery.noConflict option.

Comments

Comments  

 
0 # sunny day 2013-10-16 08:53
MEGA PLUGIN TXS!!!!!!!!!!!! !!!!!!!
Reply | Reply with quote | Quote
 
 
0 # rene 2013-08-14 10:15
thx for this great plugin!!!!
Reply | Reply with quote | Quote
 
 
+1 # Wilson Ribeiro 2013-04-16 19:37
This is the simplest menu maker i've used. Simple and efficient. We get amazing results without suffering.
Reply | Reply with quote | Quote
 
 
-1 # pepperstreet 2012-11-11 15:11
The other comments make me curious. What about the future? Are you maintaining the menumatic script? Will it be compatible with upcoming Mootools updates etc.

Thanks in advance for your time and efforts!
Maik
Reply | Reply with quote | Quote
 
 
+2 # Eric Schneider 2012-11-17 06:39
I have made a couple of updates to make MenuMatic compatible with mootools 1.4.5 and therefore J3.0.
Reply | Reply with quote | Quote
 
 
-1 # chilly 2012-09-26 01:29
Why you use menumatic? developer of it said, menumatic is retired, don't work with IE9 and so on... Check the speech of developer here: http://greengeckodesign.com/future-menumatic
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-09-26 05:28
Are you having trouble with IE9? I have tried it with IE8, IE9, FF15 and Chrome and it works. It may be retired but it's the best thing out there to use as a plugin and several popular template makers are still using it too.
Reply | Reply with quote | Quote
 
  • Web Design

    Professional Website Design

    We provide expert website design and search engine optimization. Let us present your message to the world in a way that will assure success...

    Read More »
  • Web Hosting

    Super Fast Website Hosting

    Our blazing fast web servers can handle even the most complex websites with the greatest of ease. We have a 99.9% uptime guarantee...

    Read More »
  • Web Maintenaance

    Reliable Website Administration and Server Maintenance

    Free your mind by letting us handle every aspect of your website and server. From managing content to managing databases, we are your answer...

    Read More »
  • Contact Us Now!

    To Get Started Contact Us Immediately!

    Arrange a free consultation to learn what we can offer your business. We would love to meet you and talk about the best way to fulfill your needs...

    Read More »
 
FacebookTwitterDiggDeliciousStumbleuponGoogle BookmarksRedditNewsvineTechnoratiLinkedinMixxPinterest