I do not always offer readers to download something from this site. But this entry will offer you to download and install a very good and multifunctional module for the menu on your site.

This module is called JUX Mega Menu.

You can endlessly praise its capabilities. In general, see for yourself:

Mega joomla menu

Once I met a menu on one site, where when you hover over an item To come in, the authorization window on the site dropped out, through the SLogin extension. I was surprised at this opportunity, since I needed the same solution for several of my web projects. I registered on that site after which I realized that the menu item, when you hover over it with the mouse, displays the slogan module.

I was interested in this opportunity and I started searching on the Internet. But for a long time my searches on this issue ended only with writing code on how to implement this opportunity. Naturally, it was not part of my plans to waste time writing code. But a miracle happened and I stumbled upon the site JoomlaUX- developers of extensions for joomla.

It turned out that the module was paid and its price was not much less - 15 bourgeois eureka.

As a demo version, I specially put this module below so that you can clearly see its capabilities:

This example is a horizontal menu display, but in the settings, a choice of vertical arrangement is also available.

The possibilities of this menu, which are all as one related to the plus characteristics:

• He is lightweight and very nimble;
• Many settings both in the module and in the menu item;
• Choice of horizontal or vertical display;
• When scrolling the page, the menu can stick at the top or bottom of the screen (set in the settings);
• Displays modules in menu items;
• Drop-down submenu up or down, with settings for the drop rate;
• Display of menu sub-items in a specified number of columns :;
• Images for menu items are supported;
• Powered by joomla
• and many other possibilities.

Download mega menu for joomla

Friends, I consider the JUX Mega Menu module one of the best implementations of the horizontal menu for Joomla. Unfortunately, on this site I have not used or updated this module for a long time, so I had to delete the demo, module and Russification package.

Mega Menu Customization

To display the mega menu on the site, you need to go to the module manager (Extensions → Module manager) and click the button Create a new module.

In the opened tab Module type, select item JUX Mega Menu, after which we get to the module settings.

I would like to draw your attention to the fact that settings are made in two different places:

• in the module settings
• and in the menu item settings.

In the module settings: selection of the displayed menu, selection of position, color theme, display on all or only on specified pages, display orientation (horizontally or vertically), item display levels, alignment, direction for dropping out, responsiveness, sticking and some others.

In the settings of the menu item: submenu content (you can display any module or the entire position from the template), hint (pop-up text when you hover the mouse over a menu item), submenu display, its type and size, the number of columns for the submenu.

The translation is installed manually. To install the translation, download and unpack the archive on your computer. Then upload the files (3 files) with the translation to the site folders on the server, according to how they are nested in the archive.

That's all for now. I am waiting for your questions in the comments below (if someone has not figured out the mega menu settings).

Successful website building !!!

Hello comrades! In this article we will finish what we started in the previous post, that is, we will make it possible to display materials on the site. Today we are going to create menu items in Joomla 3.6. It is the menu items that are the most important component of any Internet resource, since they play a significant role in the main navigation of the site.

Novice inexperienced site builders for a long time cannot grasp the relationship that is visible between the creation of material, the creation of categories and the creation of the menu. But over time, you will understand what it is for and how to work with it. As I mentioned earlier on CMS Joomla 3.6, the created material must be linked to a category. But that's not all, in order for the article to be displayed on the pages of the site, you need to create a menu.

The developers have provided a huge variety of displaying menu items. Let's start adding items to the already existing Joomla main menu.

Creating a basic menu item

1. In the administrative panel of Joomla at the top we find the section - Menu / Main Manu / Create menu item.

2. On the next page, write down the "Menu Title". Leave the "Alias" field empty. This is due to the fact that after the name of the menu is created, the system will automatically register everything you need in it. This also applies to the materials and categories for which you are writing a title.

3. Menu item type- this is an important part responsible for the output of the material. Click to select.

In the window that opens, we find "Materials", where we need to select one of the options presented. On my site, I use 99% of the "List of category materials".

4. Now that you have decided and selected the above menu type, you should make “ Category selection". By default, the system will display Uncategorised. Here you need to select a category that will be linked to the menu. In the future, it is possible to change the binding. So if you mistakenly linked not what you wanted, you can always fix it by going to the Joomla menu.

5. In the right area of ​​the window there are settings related to display. Status - select "Published". The main page - I think everything is clear. If you select it, all the content of the category will be displayed on the main page. You can also set the "Parent". The default is “Root Menu Item”. This section plays an important role, as it allows you to create a submenu to the main menu selected in the line. But since we have only one menu item so far, there is nothing special to bind.

6. As a result, the menu item created by us must be “Save” by clicking on one of the corresponding buttons in the upper left part of the screen.

Create a menu item with one display material

If you want one article to be displayed in the menu, you must return to the Menu item type / Materials / Material. And in the column "Material selection" select the appropriate material. Further, everything is identical to the above method.

Now you can go to the main page of the site and make sure that the fresh Joomla menu item and the content located in it exist and work.

I hope I was able to help you. If you have any questions, ask them in the comments.

Thank you for your attention and see you soon on the Stimylrosta pages.

Found a grammatical error in the text? Please inform the administrator about this: select the text and press the hotkey combination Ctrl + Enter

We continue to get acquainted with the administration of Joomla 3. In this article, we will get acquainted in detail with the possibility of the Joomla system menu. Perhaps there is no need to say what a site menu is. Suffice it to say that on a Joomla site, the menu can be placed vertically in the right and / or placed horizontally in the header area of ​​the site.

From the general information about the Joomla menu, it is worth mentioning that category materials that are not attached to any site menu will not be visible on the site.

Joomla 3 menus and menu items

Joomla site menus are created by the site administrator or site users with set permissions to manage the site menu. Menu management rights are set on the Components → Menu Manager → Rights tab.

The Joomla menu itself is not an informative, but a system unit of the site. A menu is created for the subsequent creation of informative menu items.

Note: On the Joomla site, you can create any number of menus and any number of menu items with any nesting depth. The nesting of the menu is a tree by type: menu items-sub-items of menu items-sub-items of sub-items of menu items, etc.

How to create a Joomla site menu

To create a site menu, open the tab: Menu → Menu Manager → Create a menu from a horizontal bar or Structure → Menu manager → Create a vertical menu for the administrative part of the site.

Give the menu a name, be sure to enter the system name of the menu (menu type). The menu type can be any Latin word that clearly indicates the purpose of the menu. For example, mainmenu, homemenu, topmenu, footermenu.

How to create items (menu sub-items)

Menu items are created on the tab: Menu → Menu name → Create menu item.

Menu item types

As I mentioned, Joomla 3 menu items are informative site units. With the help of menu items, you can open pages with various information on the site. This information can be different and depending on the type of information, different types of menus are created. Let's take a look at the menu item types:

Menu item type

1. Contacts (4 types);

2. News feeds (3 types);

3. Materials (7 types), namely

• Archival materials;
• Selected materials;
• Material;
• Blog categories;
• Create material;
• List of all categories of the site;
• List of material of one category.

4.Settings manager;

5. User manager (7 types);

6.Labels (3 types);

7. Wrapper;

9.System (4 types);

10.Smart search.

As you can see, there are many types of menu items and with their help you can organize very good site navigation.

Enough theory, let's get down to practice and create a menu with two or three menu items.

An example of creating a Joomla site menu

Let's create a menu called "Menu1". The system name will be "menu-1".

We go to the tab: Menu → Create menu.

On the page for creating a menu, specify its name "Menu1" and the system name "menu-1".

We press the button "Create".

Everything! The menu has been created.

What does the system name of the menu mean?

Let me show you what the system name of the menu is for. Go to phpmyadmin, which manages the site's database.

• We are looking for a table: prefix_menu_types.
• We open it (click on the name), which corresponds to the SQL query:
• SELECT * FROM `prefix_menu_types`
• And we see the system name of the created menus (menu type).

Output: the system name of the menu is needed to create unique values ​​in the fields of the menu_types table of the Joomla database.

Now that we have created the Joomla menu, it's time to create the menu items.

Create Joomla Menu Items

On the Menu tab → Menu items → Create menu, create a menu item.

class = "eliadunit">

Give the menu item a name.

We select the type of menu item. Let it be a menu type: Blog category.

Specify the target window: A new window with navigation elements.

On the right, we indicate the name of our menu and the parent element of this menu item (2,3).

On other tabs, set other menu item settings:

Blog layout options (3) - blog template. You can specify the number of columns.

Display (4) - template for displaying a separate material;

Integration settings (5) - enable the creation of RSS feeds for this menu item.

Page parameters (7). Here you can set an alternative title that will be visible in the browser. You can also include a "Page Title". It will be visible at the beginning of all pages of this menu item in tags

which matches all pages of the blog category.

Metadata (8). You need to fill in the metadata for this blog, namely description and keywords. Description must be unique and no more than 165 characters long. Keywords are optional.

After checking all the settings of the menu item, click "Create" or "Create close".

Everything! The menu item is created. It remains to place the menu on the site.

How to place a menu on a Joomla site

Let's place two menus on the site. Dropdown horizontal and vertical showing the entire menu tree.

How to place a dropdown horizontal menu Joomla

Place the drop-down horizontal Joomla menu in a special template module called "menu". Additional fields can be created in the template to accommodate the menu, for example footermenu, topmenu.

To create a menu module, go to the tab: Module manager → Create menu. We select the type of the module "Menu".

Menu module settings

On the "Binding to menu items" tab, we indicate on which pages of the site to show this module with the menu.

How to create a menu in Joomla 3

In this lesson we will look at the process of creating a menu on your site under the control CMS Joomla 3. On sites managed by Joomla, you can create a menu of any kind. We will consider 3 main types of menus for your website.

- Joomla 3

- Joomla 3

- Dropdown menu in Joomla 3

Creating a regular menu in Joomla 3

By a regular menu, we mean a standard menu that is located on the right or left side of your site and contains several elements. For example, on our site you can see the usual menu, both on the right side of it, and on the left.

Such a menu is quite simple to create. First, you need to decide on the position at which this menu item will be located. To view the positions of your site, add the value “? tp = 1 "and go to the specified address. For example,site. ru /? tp= 1. As a result, all the positions that are available in the template installed on your site should be displayed

If positions are not displayed, then most likely you have disabled their output. To enable them, go to the section SYSTEM - GENERAL SETTINGS - TEMPLATE MANAGER.

And in the section VIEWING MODULE POSITIONS set the value to ON.

The figure shows that to create a normal vertical menu, you can use positions 7, 4 and 5. In different templates, the numbers and names of positions may differ from those shown in the figure.

For example, we want to create a menu and place it in position 5. Now let's figure out how to do this step by step.

1) First, go to the section MENU - MENU MANAGER

2) Here we are interested in the item

3) After that you will be taken to the menu options section.

You need to fill in the following fields:

Heading- the name of your menu. You can specify the "Left menu" or give it a specific name "Articles about fishing"

Menu Type- a required field that is absolutely unnecessary. You can write whatever you want here. Typically, text is copied from the Title section.

Description- you can write a few phrases about your menu. This field is optional and can be left blank.

4) Now you need to specify the position where this menu will be located. We have created a menu and named it "123". It is now located in the section MENU - MENU MANAGER.

5) Click on the button "Add a module for this type of menu"

Here you need to specify:

Menu title - specify the name of your menu.

Show title - set SHOW if you want the title to be displayed on the site.

State - install PUBLISHED

In the POSITION section, you must indicate the position where the created menu will be located

For example, the site uses a template - Lightbreeze-blue, which means, select it and indicate the position where this menu will be located!

But the menu will not be displayed on the site until you create at least 1 item. To create a menu item, select the created menu in the MENU section and select a section in the drop-down window.

After that, we get to the page for creating a menu item.

Here specify the title of the menu and choose

Joomla offers its users a wide variety of menu modules. All these modules will be discussed in a separate lesson. We will try to create a menu item that will display a separate material. To do this, select the value MATERIALS - MATERIAL.

As a result, you should get the following

As you can see, creating a menu on Joomla is pretty simple and doesn't take a lot of time.

Creating a top menu in Joomla 3

Many novice users CMS Joomla 3 having trouble creating top or horizontal menu on your site. Although this is not difficult. Let's take an example of the process of creating such a menu. This process is not much different from creating a regular menu on Joomla.

1) Go to the site section MENU - MENU MANAGER

2) Click create menu and create a new menu, calling it TOP MENU

3) Only now we need to indicate the location of our menu at the top of the site. To do this, we look through the available positions again by entering the query in the search barsite. ru /? tp= 1 (where site. ru - the name of your site).

As you can see, there are only 2 positions at the top of our site - Position 2 and Position 1.

Now go to the section MENU - MENU MANAGER and click on the button

As well as for the usual menu, we write the title. And in the position section, select position 1 or 2.

Well, now, after you create menu items, your top menu will look the same as on our website.

Create a dropdown menu on Joomla 3

Well, I would also like to talk about creating a drop-down menu on Joomla 3. This is done quite simply. First you need to create the menu itself and the menu items that will drop out.

To do this, create a main menu, which we will call "Material group" and two sub-items of this menu "Sub-item 1" and "Sub-item 2". In order to bind menu sub-items to the main one, when creating sub-items in the Parent field, specify the main menu item, in our case it is "Material group". As a result, you should get as shown in the picture below.

After that, go to the settings of the main menu "Group of materials" and in the section set the value YES.

As a result, we get a pretty handy dropdown menu.

Conclusion

In this lesson, we covered the basic questions about creating a menu on Joomla 3 ... If you have any questions, you can ask them by leaving comments on this article!

From the author: I greet you dear readers. The menu is an element that no site on the Internet can do without, since this block greatly simplifies navigation and provides access to the main pages of the user part of the site. Moreover, if the site is complex enough and contains a huge number of pages, the number of menu links will also be large, which means that to save free space, the menu is created multi-level. Therefore, in this article, we will talk about how to create a joomla 3 dropdown menu.

In fact, the functionality of the multi-level menu is built into the basic version of Joomla, just like the multi-level categories of the material manager. But, as far as the display of the drop-down menu is concerned, there is a small problem here, which is that in different templates the same multi-level menu will be displayed differently. For example, in the standard CMS Joomla template - Photostar, a multi-level drop-down menu will be displayed just fine, and using absolutely standard functionality.

At the same time, another standard Beez3 template, in general, in my opinion, does not display this menu correctly.

Moreover, the child items appear only when the user clicks on the parent item. In addition, a drop-down menu in Joomla can be implemented using special extensions, which, based on the data of the menu manager, correctly display the links of the multi-level menu.

Therefore, first, let's define the structure of the links of the future menu, and then talk about its display on the screen. So, go to the menu manager and create a new menu.

On the next page, specify the title of the menu, its system name, a short description and click the "Save" button.

In this case, to create parental menu links, in the “Parent element” field, select the value “Root menu item”. Once all the parent elements have been created, proceed to create the child elements.

Please note that when creating a child link in the "Parent element" field, you must select the previously created parent menu item. Thus, the child elements will form the drop-down part of the menu, if, of course, this feature is supported by the template. After adding all the necessary links, in the menu manager we will get the following structure.

So, for CMS Joomla, the drop-down menu is almost ready, it remains only to create a module that will display it in the required position of the template. So, go to the “Menu Manager” and create a new menu module.

Modern trends and approaches in web development

Learn the fast growth algorithm from scratch in site building

When configuring the module, we specify its title, select the display position in the template and the pages on which it will be available, and do not forget to select the displayed menu in the “Menu selection” field.

After saving the module, go to the user part for testing.

As you can see, for the Photostar template the menu is displayed perfectly, but how to make a drop-down menu in joomla 3, for another template you will ask. The answer is quite simple - use a third-party extension. And in this article we will look at a module called ARI Ext Menu.

By clicking on the "Download" button, we are redirected to the developer's site, where the link for downloading the module is given.

After downloading, install the extension in the standard way and go to the menu manager to activate it.

The module is quite functional and contains a huge number of different settings, which I will not dwell on now, especially since almost all of them are responsible for the appearance and require simple testing. The main thing is to specify the title, select the display position in the template, change the state to “Published” and in the “Menu name” field select the menu that will be displayed in the module.

Actually, after saving, we will see the following result.

That is, the module successfully completes its task.

Now you know how to make a drop-down menu in Joomla. If you want to learn more about the structure of modules at the code level, our new course will be useful to you.

This concludes this article! All the best and successful coding to you !!!

Modern trends and approaches in web development

Learn the fast growth algorithm from scratch in site building