Creating a Menu Item for your Joomla 3 Component

This tutorial series, Joomla 3 component development, is currently in progress…

So far in this tutorial series we’ve been testing our new component by visiting our Joomla site and adding index.php?option=com_helloworld to the url, as in:

https://example.com/index.php?option=com_helloworld

In this tutorial, we will show you how to create a menu item for your component. This will allow you to add a link to your menu that points to your component with a URL similar to:

https://example.com/hello-world

To create a menu item:

  1. Decide which viewComponents can have multiple views. Decide on which view you want to create a menu item for.
  2. Go to tmpl folderNavigate to the tmpl folder of the view you chose in step 1.
  3. Create default.xmlCreate a default.xml file in the tmpl folder with the following text:
    <?xml version="1.0" encoding="utf-8"?> <metadata>         <layout title="Title">                 <message>message</message>         </layout> </metadata>

    title and message of menu item

    When going through the process of creating a menu item, the Title and message in the code above will be shown in the listing of item types (as in the screenshot to the right):

Testing our new menu item

The whole process thus far of creating a new menu item for our component has been actually quite easy. If everything’s not “clicking” yet for you, review the following screenshot (hopefully it’ll tie everything together).

follow route of component menu item creation

Thoughts on “Creating a Menu Item for your Joomla 3 Component

  • I’ve been taking more coffee than I actually wanted to. But your tutorial has made my introduction easy. You’re simply amazing!!! Thanks a tonne.

Was this article helpful? Let us know!