Hi all!!! When creating a website on Joomla 3, you have to install more than one module. And if you consider that some templates simply have a huge number of modular positions. The question arises, how to watch them? In this article, I will try to show you in detail how to do this.

Viewing modular positions in joomla 3 .

1. You need to go to Extensions>Template Manager.

3. In the item “View module positions”, set it to “enabled”. Then click the “Save and Close” button.

Finishing, full customization site, I recommend turning it off, viewing.

4. First way to view. In the admin panel, click the "Modules Positions" button. It is located at the top right.

5. Second way. To the address of your site, add /?tp=1 and press Enter.

Using these two methods, view modular positions. It will be easier for you to set up your website. The second option is also suitable for previous versions joomla.

That's all, I hope I answered your question. If you are planning to make a website on joomla. I suggest you read the section:Creating a website on Joomla In it, I will publish articles on setting up and optimizing the site. And also subscribe to blog updates.

A distinctive feature of Joomla is the ability to interact with various external applications. The variety of Joomla extensions allows us to equip the site with everything necessary. Everything that the user sees on the site is created by pre-installed or third-party Joomla extensions: . A central area of ​​the template is usually provided for displaying a component, but the number and location of modules depends only on our imagination and necessity.

What is the position of modules in a template?

The module position is an area of ​​the template designed to display site modules published in it. An unlimited number of modules can be published in one position. The order in which modules are displayed in a position is configured in the Module Manager of the Joomla administration panel.

How can I find out what module positions are in the template?

There are two methods to determine the available module positions in the template:

  1. Find all calls to the mosLoadModules function in the index.php file of the template, and look at the first argument of this function.
  2. Install the template you are interested in on the site, and then address bar browser, add ?tp=1 after the site name. For example, if you want to find out which template positions are defined on , just type: http://site/?tp=1.

How to add module positions to a template?

Positions for modules are set in the index.php file of the template using the mosLoadModules function:

mosLoadModules($position_name, $style);

$position_name - position name, $style - module output style

For the convenience of novice users, Joomla! base position names for modules have already been created ( $position_name parameter):

Advert1, advert2, advert3, banner, bottom, cpanel, debug, footer, header, icon, inset, left, legals, newsflash, pathway, right, toolbar, top, user1, user2, user3, user4, user5, user6, user7, user8, user9.

Note: do not forget, these are just names of positions; you must specify the positions for modules in your template. If you publish a module, for example, in the footer position, without specifying it in the template, the module will not be shown on the site.

All position names for Joomla modules are absolutely equivalent. To add, delete or change the names of positions, select the menu item “Site->Templates->Module Positions”.

Module display styles are defined in the includes/frontend.html.php file. The following styles are currently supported ($style parameter):

  • mosLoadModules("position") - used for standard output of modules in tables
  • mosLoadModules("position", 1) - used to display modules horizontally
  • mosLoadModules("position", -1) - used to display modules without tables and divs, the module will not have a title
  • mosLoadModules("position", -2) - used to display modules in div blocks
  • mosLoadModules("position", -3) - used to create round corners in the module

Note: the $style parameter determines how modules are displayed in position. But the external design of the modules is specified directly in the template_css.css file of the template.

For example, if we want to determine the position of the left modules, and we want the modules to be displayed not in the table, but in layers, then we need to insert the following code in the template:

.

For experienced Joomla developers, adding a new module position to a template is an easy task, but what about new Joomla users? This article was created for those who are just starting to work with Joomla and are trying to customize the template for their needs. In this tutorial I will show you how to add a module position and configure it.

So, you have downloaded a beautiful Joomla template and installed it on your Joomla system. You realize that something is still missing, you want to add a slideshow, but the available module position is not in the right place.

Find and edit template files

First of all, you need to find the index.php file of the template you want to change. You can find it in the following folder: joomla_root/templates/your-template/index.php if you are viewing files via FTP, or you can edit this file directly from the admin panel using the links:

Extensions > Template Manager > Templates > Your template. You will then see your template files and data.

Click on the index.php file and you can edit this file in the built-in PHP editor Joomla, as in the screenshot:

Let's say you want to add a slideshow under the navigation menu; Find the code that displays the menu and add the code for the new position module below it.

countModules("menu")) : ?>

The menu code will likely look slightly different in the template you're using. To accurately find the desired position, find out under which module position your new module position should be located. For example, if your navigation menu is at position navigation then you should look for such a name. If the position is called main_menu, then you need to look for this name .

Now add your code new installation module:

countModules("slideshow")) : ?>

Now when you add a new module in the Joomla “slideshow” admin panel, the position will become available in the module editor.

Congratulations! You did a great job!

If you want to style a module, there is one more thing you need to do. Find the styles.css file, which is usually located in the following folder: joomla_root/templates/yourtemplate/css/styles.css

This file can also be edited in the Joomla admin panel like the above files. Add the CSS styling code to the css file and save it.

#slideshow (margin: 0 auto; padding: 0; max-width:960px)

#slideshow img (width: 100%; display: block;)

If the template is responsive, make sure that the new style you create for the module will also automatically resize when the site is accessed from a device with a smaller screen.

We hope that this article will be useful to you in your work! If you have any questions, we will be happy to answer them

or how to see the module position in the panel and site on Joomla

Before we get into the site positions, remember the previous chapters.

If you have just now joined my Joomla course, then please review the previous lessons, where we deleted the demo data (the demo data was deleted due to the fact that, firstly, they are foreign - they were not written by us,
secondly, we don’t need them), a category, material or article, menu, menu item and, finally, a menu module have been created, and now
We'll do the positioning. We will work with a standard template, the one that came with the CMS by default. On my system it's called RSmetro, and I hope it's the same on yours. It's not critical. Let's start taking action. First, I’ll show you how you can view the positions of modules by typing a text command in the search bar browser and quick setup of one detail in the site admin panel.

Module position in a Joomla website template

As always, nothing complicated. Just watch the illustrated instructions carefully.

1. In the browser line, add the text code /?tp=1 to the domain name of your site

We press Enter and do not see any changes. Great.

2. In the site control panel, open the Template Manager:

3. At the top of the admin panel, click Settings:

4. View module positions → Enabled → Save and close:

5. Return to the name of your site with the code /?tp=1 at the end and press Enter again:

As a result, you will see position markers inside the Joomla website template:

You can use this diagram for positioning, which we will do below.

In previous lessons we created a category, material, menu, menu item, module.
Now we will need both our knowledge and the website elements listed above.

6. In the site control panel, open the Module Manager:

7. In the lists, find and open the Menu Module:


The menu module was created in the previous lesson.

8. On the next page in the form, open Position Selection:

Hello, dear readers of the blog site. Today I want to once again dwell on the intricacies of creating and configuring modules in Joomla.

We have already briefly touched on what they are. We also learned in, and even tried this method for.

We also touched on the issue of their use when, which allows you to integrate the SMF forum into Joomla, and when talking about how you can insert a visit counter into a Joomla site, I gave an example of using arbitrary HTML code for this module. In general, we have already become acquainted with them to a certain extent and, probably, understood their essence and purpose.

View items and module manager

But, because All this information turned out to be scattered across several articles on quite a variety of topics, so I decided to write a separate one, telling about modules in Joomla (about displaying them on the site, about positions for them in the template, and much more), and also to consider in detail the purpose those that you can use immediately after installing this engine on your hosting or .

But first things first. Let's start with the general provisions - consider their creation, display on the site and configuration, and only then we will analyze the standard modules that come with it by default and find out what and how they can be used.

Thanks to this type of extensions in Joomla, it is possible to place content around the edges the main part of the page in which components display content (in the central part of the site page, articles can be displayed using the built-in com_content or, for example, a photo gallery created using ).

They can be placed anywhere on the page around the central part where components typically display their content. In this case, modules can not only display content, but also receive data - for example, registration on a site or search.

Where exactly on the site page it will be placed depends on the template you use and what positions the developer has provided in it. By default, Joomla already contains some modules that can be called standard. Their functionality is not very high, but for most cases the standard ones will be an acceptable solution.

The first thing to consider is all the places in the template you are using where they can be inserted - the so-called positions (). To do this, go to the admin panel and select “Extensions” - “Template Manager” from the top menu.

In the window that opens, you will see a list of all templates installed on your site. In the line with the one you are currently using, in the “Default” column, there will be an asterisk. Click on its name and on the page that opens, click on the button "View" located at the top of the window:

As a result, a page of your website will open indicating the location and names of all positions provided in it. You can also see all positions by adding the symbols “?tp=1” to any Url of your project in the address bar of your browser, for example, like this:

Http://fdfd.ru/?tp=1

In order to create a module or change the settings of an existing one, you will need to select “Extensions” - “Module Manager” from the top menu of the admin panel. In the window that opens, you will see a list of all existing ones. Some of them may be enabled and displayed on some pages of your project, and some may be disabled and not displayed:

If you remember, we mentioned earlier when reviewing the menu that this type of extension can be created automatically, but they will not be enabled (activated), because you will also need to select in their settings the position in the template where they will be displayed.

Also note that in their manager you can apply a filter system that allows you to display, for example, only those located in a certain position of the template, or show only modules of a certain type, as well as display only active or only inactive:

These filters are very convenient to use with a large number of extensions of this type, as well as in the case when, for example, you want to set the order in which they are displayed in a certain position of the template.

Creating and setting up a new module in Joomla

To create a new module in Joomla, you need to click on the “Create” button located at the top of the window on the manager page. This will open a page listing all the possible types you can create. All standard ones will be present here, as well as all those that you installed additionally.

By clicking on the desired module type you will be taken to its settings page. The left side of this page will be the same for all types:

Here you can set a name, configure the display of this name on the site, enable or, conversely, disable the display of the module, select a position for it in the template you are using, set sorting for it in this position (if there is more than one of them in it) ), indicate which of the visitors to your resource will see it, and also select the pages on which it will be displayed.

The “Title” field is required, but it is not necessary to display the module title on the site. In the “Access” field, you can leave the default option and then it will be visible to all visitors to your site. If you select the “Registered” option, it will be available only to registered users, and if you select the “Special” option, it will be available only to project administrators (this way you can hide, for example, menu items for accessing the admin panel).

In the “Menu Assignment” area, you can set which pages of your site this module will be displayed on. By default, the All option is selected and will display on all pages. But you can, for example, move the checkbox to the “Select from list” position and, while holding the Ctrl key on your keyboard, select the pages on which it should be displayed.

This is a very important and convenient tool with which you can very fine-tune the display modules on certain pages. For example, if you have set up a site, then on the pages where the forum will be displayed, you can completely disable the display of side menus so that the forum can stretch across the entire width of the layout.

To do this, in the settings of modules that display side menus, you will need to check the “Select from list” box and select all menu items except the one that is responsible for displaying the forum inside (in the wrapper) of the design. Note that in the Menu Selector list, you select menu items, not pages.

Why was it done this way? After all, this is a little confusing and does not seem clear at first. But you and I know that in Joomla a page cannot exist until some menu item () is created for it.

This is precisely why you select menu items from the list, which are actually links to the pages of your project.

Moreover, there is such a subtlety that if the menu item you select will, for example, open not a separate article, but an entire category or section (for example, read about), then the module will be displayed both when viewing a page with a list of all articles in this category or section, or and on individual article viewing pages.

For example, if I create a module and place it in some position of the template, selecting from the “Menu Selection” list, with the only menu item “News” (created based on the category list template):

then it will be visible not only when clicking on the News link, but also when viewing full versions of articles from that category, the list of which is displayed by the “News” menu item. I know that this sounds somewhat confusing, but here you need to try everything with a specific example and then everything will become clear and understandable.

Let me remind you once again that when selecting an option from the drop-down list in the “Position” field, you need to first look at where exactly in the site template it is located. It is entirely possible that a position on the right side of the template may be hidden under the name “left”. It's all up to the developer.

Customizing Appearance - Module Class Suffix

Let's now move to the right area of ​​the settings window. As you can see, the settings in it are individual for each type of module, but, however, there is one field that will be present in any case - this is the “Class Suffix” field:

If the developer of your template has provided the ability to change the appearance using a class suffix, then you will have the opportunity to try this feature in practice. You will not see a drop-down list of suffixes, and therefore you will have to find them on the website of the developer of your template.

At their core, they simply allow you to apply other CSS (cascading style sheet) rules and properties to modules. These rules are already written in your template's CSS file, but they are not executed because you did not specify a specific suffix. The default design is used by default.

Thanks to the use of suffixes, you can very quickly and easily change the appearance of the site. For example, by default, modules on a site may look like this:

and after specifying another module class suffix in the settings - like this:

This cartoon allows you to radically change the appearance of the modules in a user-friendly form. Having good knowledge of CSS, you can create additional classes yourself, but it will probably be better to use the work of professionals. After all, here you still need to have the makings of a designer in order for the new appearance solution to be pleasing to the eye.

Good luck to you! See you soon on the pages of the blog site

You might be interested

Modules for displaying a list of sections in Joomla, random and latest news, similar materials, arbitrary photos and Html code
Modules built into Joomla for working with RSS feeds, for creating breadcrumbs, for logging in and searching the site
Menu in Joomla - adding a nested or drop-down menu, as well as creating and configuring a module to display it on the site
Extensions for Joomla - what they are and where to download components, modules and plugins for Joomla, how to install and remove them
Creating a map for a Joomla site using the Xmap component
Joomla plugins - TinyMCE, Load Module, Legacy and others installed by default
CMS Joomla - principles of operation of a free content management system, page creation and caching
Contacts for the site and feedback form using the built-in Joomla component
K2 component for creating blogs, catalogs and portals on Joomla - features, installation and Russification
JComments - free comment component with captcha for Joomla, its installation and configuration
Joomla admin - a complete manual on all the settings of the Joomla admin panel in details and pictures