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)
 
(3 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<br>
+
<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<br>
 
   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>
 
   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.