Если нужно быстро создать сайт отвечающий современным требованиям к адаптивности (готовый к просмотру с компьютера, планшета и смартфона), имеющий версию для слабовидящих, простой в работе и обновлении, то наш типовой настраиваемый шаблон именно то, что вам нужно!

Настройки шаблона позволяют управлять предустановленными цветовыми схемами, менять изображения в шапке сайта и  логотип, заголовок и подзаголовок сайта, количество колонок сайта, а также указать адреса своих страниц в соцсетях и вводить свой CSS код, ваш сайт может быть таким каким вы захотите. А еще можно настроить форму обратной связи.

Для настройки типового шаблона нашей разработки нужно войти в административную панель сайта дописав "/administrator" к домену сайта в адресной строке, а затем в меню "Расширения" нужно выбрать пункт "Шаблоны" и подпункт "Стили".

Рис. 1. Заходим в менеджер стилей шаблонов

Кликаем по названию стиля шаблона "amType-A" и попадаем в настройки. 

Рис. 2. Выбираем стиль шаблона

Первая вкладка "Подробно" содержит описание шаблона и опций настройки не имеет, поэтому сразу переходим во вкладку "Дополнительные параметры".

Рис. 3. Вкладка "Параметры"

Во вкладке Параметры указываем имя сайта, подзаголовок имени сайта, выбираем базовый шрифт сайта и его базовый размер, а также включаем мобильную адаптацию и разрешаем использование js-библиотеки lightbox. 

Пользователь может выбрать базовый шрифт из предложенного списка, где присутствуют системные шрифты и подключаемые Google шрифты. Все предлагаемые шрифты кириллические, серифные и бессерифные. Моноширинных шрифтов в списке нет. Базовый размер шрифта определяет размер шрифта контента. Размеры шрифтов большего или меньшего размера указаны в процентах от базового размера. 

Опция "Мобильная адаптация" влияет на поведение сайта при его просмотре на экране планшета, смартфона или другого мобильного устройства. 

Использование js-библиотеки lightbox позволяет вставлять в материалы сайта картинки в виде небольших эскизов, которые по клику открываются в большие изображения. Изображения можно группировать и просматривать несколько штук листая от одного к другому специальными кнопками. Использовать эту библиотеку можно таким кодом:

[a href="/images/img1.jpg" data-lightbox="rest"]
  [img class="img-left30" src="/images/img1.jpg" alt="" /]
[/a]

[a href="/images/img2.jpg" data-lightbox="rest"]
  [img class="img-left30" src="/images/img2.jpg" alt="" /]
[/a]

[a href="/images/img3.jpg" data-lightbox="rest"]
  [img class="img-left30" src="/images/img3.jpg" alt="" /]
[/a]

квадратные скобки нужно заменить на угловые :)

Этот код выведет на страницу три изображения в строку, каждое из них будет иметь ширину 33% от ширины страницы. Если нужно вывести два изображения в строку, используем класс img-left50 вместо img-left30.

Собственно библиотеку подключает атрибут тега data-lightbox="слово". Если на одной странице есть несколько изображений использующих библиотеку и у всех слово одинаковое, то они объединяться в группу, которую можно последовательно просматривать.

Во вкладке "Форма обратной связи", как следует из ее названия настраивается форма обратной связи. Тут можно указать список категорий вопросов, по одной категории в строке. К перечисленным категориям автоматически добавится категория "Другое". Также здесь нужно указать адреса электронной почты получателей данных формы. Можно указать несколько электронных адресов через запятую.

Рис. . Настройка формы обратной связи

Важно. Чтобы форма работала, необходимо настроить параметры почты в "Общие настройки". Для этого в административной панели сайта заходим в меню "Система", выбираем пункт "Общие настройки" и переходим во вкладку "Сервер", где в правой части окна и найдем настройки параметров почты. Настраиваем способ отправки почты обязательно через SMTP