Difference between revisions of "Changing the order of items in a menu"

From Joomla! Documentation

(Some markup changes.)
 
(39 intermediate revisions by 8 users not shown)
Line 1: Line 1:
1. Log into the Joomla Administrator backend
+
<noinclude><languages /></noinclude>
2. Hover mouse over Menu
+
{{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=3x|text-color=#333|title= <translate><!--T:1-->
3. Select the Menu Set that the menu item is in that you wish to change order (see figure 1)
+
How to Change the Order of Items in a Menu</translate>}}
 +
<noinclude>{{Joomla version|version=3.x}}</noinclude>
 +
# <translate><!--T:2-->
 +
Log into the Joomla! Administrator Backend.</translate>
 +
# <translate><!--T:3-->
 +
Click on ''Menus'' in the main tool bar and select the menu which needs ordering. Alternatively, you can select ''Menu(s)'' from the left column shortcuts, then select the menu name from list of menus displayed.</translate>{{-}}[[Image:J3x-Edit-Main-Menu-Select-Menu-<translate><!--T:4-->
 +
en</translate>.png|border|900px]]
 +
# <translate><!--T:5-->
 +
There are two ways to change the order of Menu Items. The following steps describe how to use the Order Icons on the Menu Items Manager listing. An alternative method of changing the order within the Menu Item is described below in step 7.</translate>
 +
# <translate><!--T:6-->
 +
Notice that the menu items are displayed on this screen, and the order column is the first column on the left with the small arrow icons. Also notice the three black dots to the left of each menu item. If the black dots are grayed out, click on the arrow icons at the top of the left column to activate the black dots.</translate>{{-}}[[Image:J3x-Changing-Order-Menu-Items-<translate><!--T:7-->
 +
en</translate>.png|border|900px]]
 +
# <translate><!--T:8-->
 +
Once the order icon dots are black, use your (left or right) mouse button to click and drag a menu item to its desired place. Notice the unselected items will blur out and the items relative to the moving item will clear as you move them before and after in the ordering. Also note that the sub-menu parenting for items remains intact. Read about Parenting and Sub-Menu items in [[S:MyLanguage/J3.x:Creating_a_submenu|Creating a submenu]].</translate>{{-}}[[Image:J3x-Changing-Order-Menu-Items-Click-Drag-<translate><!--T:9-->
 +
en</translate>.png|border|900px]]
 +
# <translate><!--T:10-->
 +
Release the mouse button to fix the item in its desired order.</translate>
 +
# <translate><!--T:11-->
 +
Alternatively, you can click on the Menu Item Name, and change order in the Ordering drop-down located in the right column.</translate>{{-}}[[Image:J3x-Changing-Order-Menu-Items-Order-<translate><!--T:12-->
 +
en</translate>.png|border|900px]]
  
[[Image:http:///www.blasiagroup.com/share/joomla_wiki/menu_order/figure1.png]]
+
<noinclude>
 
+
<translate>
4. Once inside the Menu Set, i.e. My main*, menu order can be changed via the up/down green arrows or by actually typing the sort number. (see figure 2)
+
<!--T:13-->
 
+
[[Category:Beginners]]
[[Image:http:///www.blasiagroup.com/share/joomla_wiki/menu_order/figure2.png]]
+
[[Category:Tutorials]]
 
+
[[Category:Joomla! 3.x]]
5. Alternatively, you can also go into the Menu Item and change order there. (see figure 3)
+
[[Category:Menu Management]]
 
+
</translate>
[[Image:http:///www.blasiagroup.com/share/joomla_wiki/menu_order/figure3.png]]
+
</noinclude>

Latest revision as of 16:47, 23 September 2022

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎italiano
How to Change the Order of Items in a Menu
Joomla! 
3.x
  1. Log into the Joomla! Administrator Backend.
  2. Click on Menus in the main tool bar and select the menu which needs ordering. Alternatively, you can select Menu(s) from the left column shortcuts, then select the menu name from list of menus displayed.
    J3x-Edit-Main-Menu-Select-Menu-en.png
  3. There are two ways to change the order of Menu Items. The following steps describe how to use the Order Icons on the Menu Items Manager listing. An alternative method of changing the order within the Menu Item is described below in step 7.
  4. Notice that the menu items are displayed on this screen, and the order column is the first column on the left with the small arrow icons. Also notice the three black dots to the left of each menu item. If the black dots are grayed out, click on the arrow icons at the top of the left column to activate the black dots.
    J3x-Changing-Order-Menu-Items-en.png
  5. Once the order icon dots are black, use your (left or right) mouse button to click and drag a menu item to its desired place. Notice the unselected items will blur out and the items relative to the moving item will clear as you move them before and after in the ordering. Also note that the sub-menu parenting for items remains intact. Read about Parenting and Sub-Menu items in Creating a submenu.
    J3x-Changing-Order-Menu-Items-Click-Drag-en.png
  6. Release the mouse button to fix the item in its desired order.
  7. Alternatively, you can click on the Menu Item Name, and change order in the Ordering drop-down located in the right column.
    J3x-Changing-Order-Menu-Items-Order-en.png