# Menu Items

### Overview

In this section, we will learn how to create menu items to access JomHoliday.

Menus are used to control website navigation and are a set of menu items. Menu items provide the navigational experience to your users. The menu items in our case must point to the JomHoliday.

### Creating Administration Menu Links

Go to the System -> Administrator modules and insert new. Than choose Administrator Menu. From the presets, select Comdev and place it under menu position. Do the same for the JomHoliday:

[![screenshot-2021-12-22-19-30-33-536.jpeg](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/oGuscreenshot-2021-12-22-19-30-33-536.jpeg)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/oGuscreenshot-2021-12-22-19-30-33-536.jpeg)

### Creating Menu Items to access JomHoliday

<div data-hasbody="true" data-macro-name="note" id="bkmrk-creating-an-items-me"><div>Creating an Items menu link is mandatory. If you have a multilingual site, ensure that you create an Items menu link for each language. You can hide this menu link, but it needs to be create nonetheless. Though you are creating an Items link that does not point to any category or address, you can create other links with Items menu type that can point to an address or a category once main Items link has been created.</div></div>To create menu items with Items menu item type, do the following:

1. Click **Menus** &gt; **&lt;your\_menu&gt;** &gt; **Add New Menu Items**.
2. Provide a title in our case is **Latest Listings** in the **Menu Title** field. Now, since the Latest Listings menu item provides a list of all the latest postings on the site, we have selected the menu type as Items. The Alias field will build URL for the site. When search is done this will be the landing page for the search results as well.
3. Provide the options as seen in the following image:  
    ![](https://wiki.comdev.eu/download/attachments/5734794/Menu_Items.jpg)  
    **Screen 3:** Items menu item screen
    
      
    Provide the values based on the following table.

1. <div><table><tbody><tr><td>**Menu Item Type**
    
    </td><td>Click **Select**. A pop up is displayed. In this case, since we are creating the Items menu item, click **Directory** &gt; **Items** from the list.
    
    </td></tr><tr><td>**Category**
    
    </td><td>Select the appropriate category, if creating direct category link.
    
    </td></tr><tr><td>**Address**
    
    </td><td>Select the appropriate address if, creating direct address link.
    
    </td></tr><tr><td>**Link**
    
    </td><td>This field is auto populated based on the menu item type selected.
    
    </td></tr><tr><td>**Target Window**
    
    </td><td>Select the parent for this menu item.
    
    </td></tr><tr><td>**Template Style**
    
    </td><td>Select the template style you want for this menu.
    
    </td></tr></tbody></table>
    
    </div>
2. Click **Save**.

<div data-hasbody="true" data-macro-name="note" id="bkmrk--1">  
</div>Ensure that you see a green tick next to this menu item. The green tick indicates that the item is published. To publish an item, select the checkbox next to the item and click **Publish**.

To view the created menu item, go the front end of your site. The new menu item is displayed.

### Creating Menu links for each category  


<div data-hasbody="true" data-macro-name="note" id="bkmrk--2">  
</div>It is very important to notice that listing details and proper URL's does not build if the category menu is missing (each category must have a link). You have to ensure that for each category on your site, you create a corresponding link in the Joomla menu. The best approach is to create a separate Joomla menu e.g. Categories and link each category there. ![](https://wiki.comdev.eu/download/attachments/7438883/jomholiday_categories.jpg)

### Creating Menu to access JomHoliday Front Admin

To create menu items with Front Admin menu item type, do the following:

1. Click **Menus** &gt; **&lt;your\_menu&gt;** &gt; **Add New Menu Items**.
2. Provide a title as **Front Admin** and the alias as **front-admin** in the Menu Title field.
3. Provide the options as seen in the following image:  
    ![](https://wiki.comdev.eu/download/attachments/5734794/s1_front_admin_access.jpg)  
    **Screen4:** JomHoliday Front Admin menu item screen
4. Click **Save**.

### Front Admin Options

For the Menu to be able to access the JomHoliday Front Admin, certain settings need to be made. The following table shows the three menu links that need to be made and linked with JomHoliday Options. You can create these 3 menu items anywhere on the site e.g. link them under User Menu.

<div id="bkmrk--4"><table><colgroup><col></col><col></col><col></col><col></col></colgroup><thead></thead></table>

</div><div id="bkmrk-profile-edit-menu-li"><table style="width: 100%;"><tbody><tr><td data-highlight-colour="green" style="width: 12.9738%;">##### Profile Edit Menu Link

</td><td data-highlight-colour="green" style="width: 13.4786%;">This link should point to Edit profile menu item created using Edit User Profile menu item type.

</td><td data-highlight-colour="green" style="width: 23.2386%;">1. Click **Menu** &gt; **&lt;your\_menu&gt;**&gt;**Add New Menu Item**.
2. Provide the Title as **Edit Profile** and the menu item type as **Edit User Profile**.
3. Click **Save**.

</td><td data-highlight-colour="green" style="width: 50.4326%;"><div> ![](https://wiki.comdev.eu/download/attachments/5734794/Edit_Profile.jpg)</div></td></tr><tr><td data-highlight-colour="red" style="width: 12.9738%;">##### Admin Menu Link

</td><td data-highlight-colour="red" style="width: 13.4786%;">This link should point to the login form menu item created using Login Form menu item type.

</td><td data-highlight-colour="red" style="width: 23.2386%;">1. Click **Menu** &gt; **&lt;your\_menu&gt;**&gt;**Add New Menu Item**.
2. Provide the Title as **Login Form** and the menu item type as **Login Form**.
3. Click **Save**.

</td><td data-highlight-colour="red" style="width: 50.4326%;"> The following image shows how the Login Form menu item is used

[![Bez nazwy.jpeg](https://wiki.comdev.eu/uploads/images/gallery/2024-03/scaled-1680-/yGXbez-nazwy.jpeg)](https://wiki.comdev.eu/uploads/images/gallery/2024-03/yGXbez-nazwy.jpeg)

When user is not logged into the front page, he will be redirected to the built-in Joomla login form. After successful login, he will be redirected to the JomHoliday Front Admin.   
The following image shows the redirect URL that needs to be provided. The value you provide in the Login Redirect field depends on the following:

<div>- http://domain.com/index.php/front-admin - Use if URL rewriting is not applicable.
- http://domain.com/front-admin - Use if URL rewriting is applicable.

</div>In our example, we are using the http://domain.com/front-admin URL as shown in the following image where front-admin is the alias of the [JomHoliday Front Admin Menu Link](https://wiki.comdev.eu/display/JH3/Menu+Items#MenuItems-front-admin):

![](https://wiki.comdev.eu/download/attachments/5734794/Login_Form_redirect.jpg)

</td></tr><tr><td data-highlight-colour="yellow" style="width: 12.9738%;">##### Profile View Menu Link

</td><td data-highlight-colour="yellow" style="width: 13.4786%;">This link should point to the user profile created using User Profile menu item type.

</td><td data-highlight-colour="yellow" style="width: 23.2386%;">1. Click **Menu** &gt; **&lt;your\_menu&gt;**&gt;**Add New Menu Item**.
2. Provide the Title as **User Profile** and the menu item type as **User Profile**.
3. Click **Save**.

</td><td data-highlight-colour="yellow" style="width: 50.4326%;"><div>![](https://wiki.comdev.eu/download/attachments/5734794/User_Profile.jpg)</div></td></tr></tbody></table>

</div>**Now link menus with JomHoliday Options**:

Make the following settings for the Front Admin are made in the JomHoliday options for the user to be redirected correctly to the Front Admin, when he is not logged in.

1. Click **System** &gt; **Control Panel**.
2. Under **Extensions**, click **JomHoliday**.
3. Click **Options** in the top right-hand corner of the screen.
4. Click the **Front Admin** tab.
5. Change the **Profile Menu Link**, **Login Menu Link**, and **View Profile Menu Link** field as per the following image.  
    ![](https://wiki.comdev.eu/download/attachments/7438883/menu_jh1.jpg?version=2&modificationDateamp;api=v2)  
    **Screen5:** JomHoliday Front Admin options
6. Click **Save**.

The Front Admin lets users add listings in the front of the site. For more information about how to add listings, see [Listings](https://wiki.comdev.eu/books/jomholiday/page/front-admin-overview "Front Admin Overview").