It's very common for websites to put features inside top menus. You may find some sites do this with a login form. Others - with an advertisement or a search field.
In this tutorial, you will learn how to embed a search module inside your Joomla top menu as a menu item. Without any coding. To do the job, we'll just use a free and very popular extension called Modules Anywhere.
Step #1. Install Modules Anywhere
- Login to your Joomla administrator area.
- Go to Extensions > Manage.
- Click the Upload Package File tab.
- Click the Or browse the file green button.
- Find the Modules Anywhere file you just downloaded and click on it twice to install it.
Excellent! You just installed the Modules Anywhere package to your site. It will help you embed a search module, or any other module for that matter, into your Joomla top menu.
Step #2. Create a Search Module
In this step, you will create the search module to be embedded in your top menu as a menu item.
- Go to Extensions > Modules.
- You will be taken to the Modules (Site) admin page. Click New.
- You will see the Select a Module Type list.
- Scroll slightly down and click Search.
- Enter My Search for Top Menu in the Title field.
- Find the Show Title setting and set it to Hide.
- Click Save & Close.
- You will see the Modules (Site) page once again. Find the My Search for Top Menu module you just created. Take notice of its ID number. In my example, the ID number is 35.
Step #3. Create a Menu Item for the Search Module
Your newly created Search module is now ready to be displayed. Let's display it as a regular Joomla menu item in our top menu.
- Go to Menus > <your top menu> > Add New Menu Item. For the purpose of this tutorial, I'll use my Main Menu.
- Select your top menu from the Menu field. In my case, this is the Main Menu.
- Enter , including the curly brackets, in the Menu Title box.
- Click Select.
- You will see the Menu Item Type modal box. Go to System Links > Separator.
You will see your new menu item listed with the rest of your top menu items.
Step #4. Check the Final Result
- Visit your site front end. Take a look at your main menu. You will see that it now includes your Search module. Just as you planned at the beginning of this tutorial.
There you have it! Please leave us your comments or questions below.
About the author
Valentín creates beautiful designs from amongst the tequila plants of Jalisco, Mexico. You can see Valentín's design work all over this site and you can often find him helping members in support.
Template menu assignment not working?
Postby Chris Davenport » Mon Jan 26, 2009 4:32 pm
I must be doing something stupid, because I'm sure this used to work....
Install 1.5.9 with sample data.
Extensions -> Template Manager
Click a non-default template, say JA_Purity.
Under Menu Assignment, click Select from List and select a menu from the list, say "Extensions".
Now on the front-end, click "Extensions" and ......
Hmm. I was expecting to see this item with the JA_Purity template, but it still shows with the default template.
Am I doing something wrong, or is this a bug?
Last edited by Chris Davenport on Wed Jan 28, 2009 9:25 pm, edited 1 time in total.
Davenport Technology Services http://www.davenporttechnology.com/
Lion Coppice http://www.lioncoppice.org/