Шаблон Artisteer. Добавить модуль в хедер (шапку) сайта Joomla.

В Artisteer 4.x можно добавить модуль в шапку (хедер) сайта, и указать стиль расположения этого модуля в CSS. Как правильно это сделать ?

Стандартная позиция модуля в шапке сайта - position-30

Добавить модуль HTML и назначить ему позицию position-30 в менеджере модулей;

Перейти на вкладку "Дополнительные параметры" и установить "Суффикс CSS-класса модуля" -  my-module-1 (перед "my-module-1" обязательно поставить пробел);

Добавить такой же CSS класс в файл template.css

.art-header > .my-module-1 {
  top: 150px;
  left: 39px;;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  color: #FFFFFF !important;
    }

Добавить другие позиции модулей в шапку сайта шаблона Artisteer

При создании шаблона в Artisteer, можно добавлять модули в хедере сайта, там где вы этого пожелаете

Верхний колонтитул -> Элементы управления -> Расположение

Появиться прямоугольная область с надписью - CONTROL-ID

Расположите эти области там, где вам нужны модули в шапке сайта, каждой области дайте уникальное имя, настройте ширину и высоту на своё усмотрение.

По умолчанию эти модули лишины стилей (nostyle), поэтому при публикации в Joomla, надо, в дополнительных параметрах, выбрать для модуля Стиль модуля или Суффикс CSS-класса модуля.

Для коректного отображения этого модуля на мобильных устройствах, необходимы более глубокие знания CSS

Стиль модуля Joomla - Суффикс CSS-класса модуля. Шаблон Artisteer.