Actions

Difference between revisions of "Dynamic Menus"

From Joomla! Documentation

m (grammar)
 
(4 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.
Line 5: Line 5:
 
'''Step:1'''
 
'''Step:1'''
 
<ul>
 
<ul>
<li> Goto Article Manager
+
<li> Go to Article Manager
<li> Create article for your main Prodcuts page and one article each for your products. Example: Product-1, Product-2, Product-3
+
<li> Create an article for your main Products page and one article for each for your products. Example: Product-1, Product-2, Product-3
 
</ul>
 
</ul>
 
'''Step:2'''
 
'''Step:2'''
 
<ul>
 
<ul>
 
<li> Go to Menu Manager
 
<li> Go to Menu Manager
<li> 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
+
<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
 
<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"  
 
<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"  
 
<LI>Create a new Menu called "Products". (This is a new menu not a menu item)
 
<LI>Create a new Menu called "Products". (This is a new menu not a menu item)
Line 21: Line 21:
 
<LI>Create a new module, Select "menu" and name it as "Products"  
 
<LI>Create a new module, Select "menu" and name it as "Products"  
 
<LI>Under Module Parameters, select Menu Name as "Products"
 
<LI>Under Module Parameters, select Menu Name as "Products"
<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 this module
+
<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>
   1) "Main" Menu => "Products" Menu Item link
+
   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
+
   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 beutiful dynamic Products menu
+
<LI> Save it and you are all set to have a beautiful dynamic Products menu.
 
</ul>
 
</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.