Joomla: Как добавить новый модуль шаблона

Чтобы посмотреть положение и названия существующих модулей необходимо к адресу сайта добавить ?tp=1

То есть строка адреса должна выглядеть так: http://my.site..ru/?tp=1

Теперь смотрим между какими существующими нам необходимо вставить новый модуль, придумываем его имя и приступаем.

1. Редактируем файл index.php шаблона нашего сайта расположенный примерно здесь:

[root@server]# /httpd/html_mysite/templates/my_template/index.php

Находим имя модуля после которого планируем вставить новый модуль и добавляем следующую строку:

<div id="MY_NAME_STYLE"><jdoc:include type="modules" name="MY_NAME" /></div>

где

MY_NAME — имя нового модуля

MY_NAME_STYLE - имя стиля нового модуля

Вполне может быть, что синтаксис Вашего шаблона отличается от приведенного выше, поэтому возможно проще скопировать блок кода, описывающий вышестоящий или нижестоящий модуль и вставить его соответственно ниже или выше, а затем отредактировать:

// output position may_new_module_name
if ($tpl->modcount('may_new_module')) {
echo '                  <div></div>' . "\n";
$tpl->echo_position('may_new_module');
}

// output position banner
if ($tpl->modcount('banner')) {
echo '                  <div></div>' . "\n";
$tpl->echo_position('banner');
}

2. Описываем новый модуль  в файле templateDetails.xml который находится в корневом каталоге нашего шаблона, там же где и index.php. Добавляем строку в секцию <positions>:

<positions>
.......................

<position>newsflash</position>
<position>may_new_module</position>
<position>banner</position>
........................

3. Если при описании модуля мы использовали для него новый стиль MY_NAME_STYLE, необходимо определить в каком CSS файле прописан стиль того места, куда мы поместили наш новый модуль и описать в этом файле нашему модулю необходимое положение и стиль. Определить нужный файл стиля можно при помощи плагина мозиллы firebags. В любом случае это файл лежащий в каталоге css нашего шаблона, например:

[root@server]# /httpd/html_mysite/templates/my_template/css/template.css

#ja-header {
background: #111111;
color: #222;
...
}
#my_name_style{
position: absolute;
background: #fff;
border-radius: 10px 0 0 10px;
opacity: 0.8;filter: alpha(Opacity=80);
height: 100px;
width: 300px;
left: 200px;
top: 0px;
z-index: 100;
}
#ja-header {
position: relative;
height: 100px;
}

Если использовался уже существующий стиль этот шаг можно пропустить.

4. Обновляем в браузере страницу http://my.site..ru/?tp=1 и проверяем корректно ли отображается наш новый модуль. Теперь его можно использовать для размещения нужного контента.

Заходим в административном интерфейсе сайта в Менеджер модулей. Создаем новый модуль, например "Произвольный HTML-код", открываем закладку Позиция, выбираем новую позицию may_new_module.

Готово.