Actions

Difference between revisions of "Dynamic Menus"

From Joomla! Documentation

(How to create dynamic menu items on the left side (or wherever) based on selected link on the Horizontal Navigation item (or wherever))
 
m (grammar)
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Creating Dynamic Menus (ex: Left Nav based on Horizongal Nav) in Joomla.
+
Creating Dynamic Menus (ex: Left Nav based on Horizontal Nav) in Joomla.
  
 
Example: You have a products link on the Horizontal Navigation (Main Navigation) and you want to have a dynamic Left Navigation (Left Nav) to appear with all the Products that you offer.
 
Example: You have a products link on the Horizontal Navigation (Main Navigation) and you want to have a dynamic Left Navigation (Left Nav) to appear with all the Products that you offer.
  
Step:1
+
'''Step:1'''
- Goto Article Manager
+
<ul>
- Create article for your main Prodcuts page and one article each for your products. Example: Product-1, Product-2, Product-3
+
<li> Go to Article Manager
 
+
<li> Create an article for your main Products page and one article for each for your products. Example: Product-1, Product-2, Product-3
Step:2
+
</ul>
- Go to Menu Manager
+
'''Step:2'''
- Create a Menu Item called "Products" on your Horizontal Navigation Menu (or whatever your sites main navingation menu is) and link it with your main products page
+
<ul>
Example: Your menu is called "Main" in the menu manager and you have "Home", "Products", "Services" etc.. under the Main Menu and this is displayed as "HorNav"  
+
<li> Go to Menu Manager
 
+
<li> Create a Menu Item called "Products" on your Horizontal Navigation Menu (or whatever your site's main navigation menu is) and link it with your main products page
- Create a new Menu called "Products". (This is a new menu not a menu item)
+
<BR>Example: Your menu is called "Main" in the menu manager and you have "Home", "Products", "Services" etc.. under the Main Menu and this is displayed as "HorNav"  
- Create Menu Items for each product "Product-1", "Product-2", "Product-3" under the "Products" Menu  
+
<LI>Create a new Menu called "Products". (This is a new menu not a menu item)
 
+
<LI>Create Menu Items for each product "Product-1", "Product-2", "Product-3" under the "Products" Menu  
Step:3
+
</ul>
- Go to Module Manager
+
'''Step:3'''
- Create a new module, Select "menu" and name it as "Products"  
+
<ul>
- Under Module Parameters, select Menu Name as "Products"
+
<LI>Go to Module Manager
- Under the Menu Assignment Select the radio button "Select Menu Item(s) from the List". Choose the following items (this means you are restricting that this module
+
<LI>Create a new module, Select "menu" and name it as "Products"  
   1) "Main" Menu => "Products" Menu Item link
+
<LI>Under Module Parameters, select Menu Name as "Products"
   2) "Products" Menu => Select all the products (Product-1, Product-2 and Product-3) in our example
+
<LI>Under the Menu Assignment Select the radio button "Select Menu Item(s) from the List". Choose the following items (this means you are restricting that to this module)<br>
- Save it and You are all set to have a beutiful dynamic Products menu
+
   1) "Main" Menu => "Products" Menu Item link<br>
 
+
   2) "Products" Menu => Select all the products (Product-1, Product-2 and Product-3) in our example<br>
 +
<LI> Save it and you are all set to have a beautiful dynamic Products menu.
 +
</ul>
 
However:
 
However:
  
If you add a new Product let's say "Product-4" , You ned to goto the Module Manager again and select that item as well, so that all products are displayed when you click on "product-4" link.
+
If you add a new Product let's say "Product-4" , You need to go to the Module Manager again and select that item as well Under the Menu Assignment, so that all products are displayed when you click on "product-4" link.
This has to be done everytime you add a new product
+
This has to be done every time you add a new product.
  
You can do the same for your Services and many more...
+
[[Category:Tutorials]][[Category:Menu Management]]

Latest revision as of 08:11, 10 October 2012

Creating Dynamic Menus (ex: Left Nav based on Horizontal Nav) in Joomla.

Example: You have a products link on the Horizontal Navigation (Main Navigation) and you want to have a dynamic Left Navigation (Left Nav) to appear with all the Products that you offer.

Step:1

  • Go to Article Manager
  • Create an article for your main Products page and one article for each for your products. Example: Product-1, Product-2, Product-3

Step:2

  • Go to Menu Manager
  • Create a Menu Item called "Products" on your Horizontal Navigation Menu (or whatever your site's main navigation menu is) and link it with your main products page
    Example: Your menu is called "Main" in the menu manager and you have "Home", "Products", "Services" etc.. under the Main Menu and this is displayed as "HorNav"
  • Create a new Menu called "Products". (This is a new menu not a menu item)
  • Create Menu Items for each product "Product-1", "Product-2", "Product-3" under the "Products" Menu

Step:3

  • Go to Module Manager
  • Create a new module, Select "menu" and name it as "Products"
  • Under Module Parameters, select Menu Name as "Products"
  • Under the Menu Assignment Select the radio button "Select Menu Item(s) from the List". Choose the following items (this means you are restricting that to this module)
    1) "Main" Menu => "Products" Menu Item link
    2) "Products" Menu => Select all the products (Product-1, Product-2 and Product-3) in our example
  • Save it and you are all set to have a beautiful dynamic Products menu.

However:

If you add a new Product let's say "Product-4" , You need to go to the Module Manager again and select that item as well Under the Menu Assignment, so that all products are displayed when you click on "product-4" link. This has to be done every time you add a new product.