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

From Joomla! Documentation

(Marked this version for translation)
(Some markup changes.)
 
Line 1: Line 1:
 
<noinclude><languages /></noinclude>
 
<noinclude><languages /></noinclude>
 
{{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=3x|text-color=#333|title= <translate><!--T:1-->
 
{{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=3x|text-color=#333|title= <translate><!--T:1-->
How to change the order of items in a menu ?</translate>}}
+
How to Change the Order of Items in a Menu</translate>}}
 
<noinclude>{{Joomla version|version=3.x}}</noinclude>
 
<noinclude>{{Joomla version|version=3.x}}</noinclude>
 
# <translate><!--T:2-->
 
# <translate><!--T:2-->
Log into the Joomla! Administrator backend.</translate>
+
Log into the Joomla! Administrator Backend.</translate>
 
# <translate><!--T:3-->
 
# <translate><!--T:3-->
Click on '''Menus''' in the main tool bar and select the menu which needs ordering. Alternatively, you can also 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-->
+
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]]
 
en</translate>.png|border|900px]]
 
# <translate><!--T:5-->
 
# <translate><!--T:5-->
There are 2 ways to change the order of Menu Items. This 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>  
+
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-->
 
# <translate><!--T:6-->
Notice 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-->
+
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]]
 
en</translate>.png|border|900px]]
 
# <translate><!--T:8-->
 
# <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. Click here to read about Parenting and Sub-Menu items: [[S:MyLanguage/J3.x:Creating_a_submenu|Creating a submenu]].</translate>{{-}}[[Image:J3x-Changing-Order-Menu-Items-Click-Drag-<translate><!--T:9-->
+
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]]
 
en</translate>.png|border|900px]]
 
# <translate><!--T:10-->
 
# <translate><!--T:10-->
Release the mouse button to fix the item in its desired order.</translate>  
+
Release the mouse button to fix the item in its desired order.</translate>
 
# <translate><!--T:11-->
 
# <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-->
 
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-->

Latest revision as of 15: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