Инструкция по настройке темы дизайна "Cайт услуг"
Поддержка Bodysite
16 апреля 2018
Инструкция по настройке темы дизайна "Cайт услуг"
1

Инструкция по настройке темы дизайна «Сайт услуг»

Установите фрейемворк Webasyst с приложением «Сайт», «Блог», «Фото» – они бесплатные. По желанию установите приложение «Поддержка».

Перейдите в раздел настроек, путь: Сайт / Дизайн / Оформление.

1. Общие настройки

  • Выберите цветовую гамму.
  • Выберите, как будут отображаться длинные списки на странице.

2. Настройки компании

  • Загрузите логотип.
  • Заполните необходимые поля (слоган, город, улицу, контактные данные, время работы компании).

3. Настройки слайдера

Темой поддерживается вывод 5-ти слайдов. Количество слайдов будет равно количеству загруженных изображений. Рекомендуемый размер картинок: высота – 460 px, ширина – не менее 1000 px.

Настройки каждого слайда:

  • загрузка изображения;
  • текст для слайда (подпись выводится справа);
  • адрес ссылки «Подробнее» для слайда (если заполнено поле «Текст для слайда» и «Адрес ссылки», на слайде под подписью появляется ссылка «Подобнее»).

4. Настройки промо-блоков

В этом разделе настраиваются блоки, расположенные под слайдером. Всего блоков – 3.

Загрузите изображение для блока (рекомендуемый размер 310 х 107 px).

Заполните поля «Текст для блока», «Текст кнопки блока» (текст ссылки), «Ссылка кнопки» (адрес ссылки на страницу с подробным описанием).

5. Настройка вывода новостей

Можно изменить количество новостей, которое будет выводиться на главной странице, а также указать блог, из которого будут выводиться новости. Блогов может быть несколько. Для вывода последних записей из конкретного блога необходимо указать его ID (число). По умолчанию стоит ID = 1.

Как узнать ID? Перейдите в приложение «Блог», наведите мышью на название блога, в левой нижней части страницы появляется ссылка вида http://services.bodysite.ru/webasyst/blog/?blog=1, после «?blog=» стоит ID, у этого блога он равен «1».

6. Настройки футера

Вы можете изменить год и подпись к сайту.

7. Настройки социальных кнопок

Укажите ссылки на группы или имена пользователей (см. подписи к полям), чтобы в футере появились нужные социальные кнопки.

8. Настройка главной страницы

В приложении «Сайт» перейдите в раздел «Страницы». Создайте страницу с пустым URL. Ее содержимое будет выводиться на главной странице сайта.

9. Настройка верхнего горизонтального меню

Добавьте страницы, которые будут выведены в верхнем горизонтальном меню. Для этого перейдите в приложение «Сайт» в раздел «Страницы».



Заведите все страницы, которые будут у вас отображаться в верхнем горизонтальном меню. Поддерживается 2 уровня вложенности страниц. На самих страницах в вертикальном меню будут отображаться все вложенные страницы.

Скопируйте URL страницы, который идет после домена.



Перейдите в настройки темы и сформируйте ваше меню. В пункте «{$wa->apps()}» выбираете «Настроить», добавляете нужные ссылки. Должно получиться примерно так, как выглядит на скриншоте ниже. Помимо страниц нужно добавить и другие пункты меню, которые вы хотите видеть, например, ссылку на главную страницу, новости, статьи и т.д.

После формирования меню нажмите кнопку «Сохранить». На сайте должно появиться такое меню:

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

Форма обратной связи выводится при помощи блоков. В приложении «Сайт» перейдите в раздел «Блоки». Выберите блок site.send_email_form.



Найдите строку «{if $wa->post("send") and $wa->sendEmail("", $errors)}» и между кавычек добавьте свою почту.



Осталось добавить код вывода формы на страницу обратной связи. Скопируйте строку «{$wa->block("site.send_email_form")}» под заголовком формы и вставьте на нужную страницу вот так:



На странице с контактами появится форма обратной связи. Посмотреть пример »



На этом всё. Тема настроена!