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 | + | 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 | + | Log into the Joomla! Administrator Backend.</translate> |
# <translate><!--T:3--> | # <translate><!--T:3--> | ||
− | Click on | + | 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 | + | 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. | + | 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 21:47, 23 September 2022
Joomla!
3.x
- Log into the Joomla! Administrator Backend.
- 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.
- 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.
- 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.
- 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.
- Release the mouse button to fix the item in its desired order.
- Alternatively, you can click on the Menu Item Name, and change order in the Ordering drop-down located in the right column.