Joomla Tutorials and Blog Posts

How to Use a Drop Down Menu in Joomla 2.5

March 21, 2011 | Written by Nick Savov

Many templates do not have built in drop down menus. Coding your own drop down menu can be an extremely difficult task for most people; fortunately, Joomla has several great extensions on JED for drop down menus.

This tutorial will show you step by step how to create a drop down menu for your site using Maxi Menu CK which is also used as the main menu system at Joomla.org.

Download

tutuploadsmedia_1300683532087.png

The first step is to download the Module from www.joomlack.fr. Click here to go directly to the download page. Read the license; it's the same Open Source license that Joomla uses. Accept the terms, and Télécharger (French for Download :)

Install

tutuploadsmedia_1300682471010.png

Go to Extensions >> Extension Manager >> Browse... >> Upload & Install

Access Maxi Menu CK Module

tutuploadsmedia_1300683772462.png

Go to Extensions >> Module Manager >> Maxi Menu CK for Joomla! 1.6

Configure the Module

tutuploadsmedia_1300685388863.png
  • Title - Choose whatever will help you remember your specific menu
  • Show Title - Usually set to Hide 
  • Position - Select whichever module position you want the menu to appear in. We have a great tutorial on How to Find the Module Postions in a Joomla 1.6 Template  
  • Published - Set to Published
  • Access - Usually Public
tutuploadsmedia_1300685751613.png

Select which pages on which you want the module to appear.

tutuploadsmedia_1300685990212.png
  • Menu to render - In this example, it's Top. This menu corresponds to the Top Menu in Menu Manager. You can select whichever one you want to appear (e.g. Main Menu, Customer Menu, etc).
  • Module ID - Create a unique ID

The rest of your parameters you can configure to your liking.

Save

tutuploadsmedia_1300686288748.png

Save

tutuploadsmedia_1300686345347.png

Congratulations! You just created a drop down menu in a matter of minutes. Now you can style the menu to your liking using the built in CSS files. If you don't know CSS, we have a great course on CSS in our coding class.

 


 

 


To sign up for complete classes and support

 

Comments  

 
#1 creazy85 2011-03-21 13:54
Thanks for the tutorial Nick!

Being still new to Joomla I have a couple of questions:

1. I am having trouble figuring out how the drop down menu works: how do I tell the menu what to drop down and in what category from the menu?

2. If you go to my site - www.gregnicpon.com/joomla you will see that something went wrong with the menu mod. Im not sure if it is just 2 conflicting CSS or what? Do I have to go through the FTP and edit the CSS for the template in order for this to work properly?

Thanks!

-Greg
 
 
#2 iowawebco 2011-03-21 14:15
Hi Greg,

You're welcome! :)

Do me a favor though and post this on the forum so that we can have some back and forth dialogue on this as the comments aren't ideal for that.

Kind regards,
Nick
 
 
#3 yio 2011-06-20 01:06
Hello,i install it but show error with

Warning: Invalid argument supplied for foreach() in /home/acct/public_html/modules/mod_maximenu_CK /helper.php on line 169

is it possible any reason ?

thank you
 
 
#4 #justin 2011-06-21 22:04
Any fix regarding the inquiry of # yio?
 
 
#5 williwaw 2011-07-20 04:33
Can I use this extension in Joomla! 1.7 as well?
 
 
#6 iowawebco 2011-07-20 12:34
Yes, you can :)

Kind regards,
Nick
 
 
#7 iowawebco 2011-07-20 13:16
Hi Yio,

Sorry for the delay, if you're a student be sure to use our support forum where we respond in 24 hours.

What Joomla version and Maximenu version are you using?

Kind regards,
Nick
 
 
#8 iowawebco 2011-07-20 13:16
Hi Justin,

Sorry for the delay, if you're a student be sure to use our support forum where we respond in 24 hours.

What Joomla version and Maximenu version are you using?

Kind regards,
Nick
 

Add comment


 


To sign up for complete classes and support