Документация

Введение

Раз Вы читаете это, то наверняка уже купили наш шаблон. Теперь осталось немного - настроить его и наполнить сайт информацией.
Всю необходимую документацию по шаблону Вы найдете в данном разделе. А если не найдете или у Вас появятся какие-то вопросы - мы с радостью Вам поможем.
Пишите нам на почту или через форму обратной связи в контактах. Удачи в реализации проекта!

Установка шаблона

Для установки шаблона Вам необходимо перейти в приложение Инсталлер и установить тему Easysite для приложения Сайт, Блог и Фото.

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

Установка темы Easysite темой по умолчанию

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

Настройка главного слайдера

В обновлении 1.3.0 стала доступна возможность создать блок "site.homepage_slides" и в нем разместить необходимые слайды. Сделано это для того, чтобы избежать редактирования index.html, что будет удобно при обновлениях шаблона. Исходный код слайдеров доступен в файле index.html, после строки -"Слайдер для всех приложений"

Данная код отвечает за вывод одного слайда на всех страницах сайта:

Здесь Вы можете добавить своё фоновое изображение. Для этого Вам необходмо заменить ссылку на изображение:

Для этого Вы можете закачать изображение в приложение Фото и вывести его здесь.

Также вместо изображения можно использовать заливку цветом. Для этого можно использовать короткие коды, например:

Секции сайта

Все секции сайта находятся в файле home.html шаблона, в приложении Сайт. Там Вы можете их отредактировать, удалить лишние и тд.

Основной принцип построения блоков

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

Наклонные линии для секций

В обновлении 1.3.0 появилась возможность добавить наклонные линии для секций

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

Настройка сладеров изображений

В шаблоне есть несколько слайдеров изображений. Все они настраниваются одинаково.

Код слайдера изображений:

Чтобы в слайдере изображений выводился альбом из приложения фото Вам необходимо: создать альбом, загрузить в него фотографии и в коде слайдера указать id альбома с которого будут браться изображения

Чтобы узнать id альбома необходимо перейти в приложение фото, открыть нужный альбом и нажать на адресную строку браузера.

Из ссылки адресной строки типа http://.../webasyst/photos/#/album/15/ число 15 и будет id альбома

Далее мы подставляем полученный id альбома в код слайдера в строку:

Теперь все фотографии с данного альбома будут автоматически показываться в этом слайдере

Новый слайдер для секций (Версия 1.3.0)

Вывод записей блога на главной странице сайта

В блоке "Последние записи блога" будут показываться последние записи со всех блогов приложения Блог

Чтобы вместо изображения-заглушки показывалось Ваше изображение - прикрепите альбом из приложения Фото к данной записи. Последнее фото альбома автоматически станет заглушой для этой записи.

Если Вы хотите выводить записи только из одного блога - измените null на id Вашего блога в коде блока:

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

Настройка фильтров в блоге

Для настройки Shuffle фильтрации записей в блоге необходимо добавить каждой записи дополнительный параметр sort и в файле stream_posts.html шаблона прописать доступные фильтры.

Добавление доп. параметров к записи: перейдите в запись блога, в правой части страницы, под словом "Мета" нажимите "Редактировать". В поле дополнительные параметры пропишите: sort=polit или sort=polit,geology , если хотите чтобы запись выводилась по нескольким фильтрам

Далее перейдите в редактирование шаблона в приложении Блог, найдите файл stream_posts.html и замените фильтры на Ваши.

Призыв к действию

Не забывайте размещать призывы к действию на главной странице сайта

Настройка страницы контактов

Создайте страницу контактов. Добавьте этот код на страницу.

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

Укажите Широту и Доготу, и ссылку на страницу контактов. Теперь вместо слайдера изображений на странице контактов будет отображаться Google карта.

Кнопки

В шаблоне можно использовать множество видов кнопок.

Таблицы

В обновлении 1.2 были добавлены стили таблиц. Вот пример таблицы:

Заголовок
Заголовок Заголовок Заголовок Заголовок
Ячейка Ячейка Ячейка Ячейка
Ячейка Ячейка Ячейка Ячейка

Иконки

В шаблоне используются иконки Font Awesome 4.4.0

Код добавление иконки :

Все иконки смотрите на сайте Font Awesome

Хелперы

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

Хелпер вывода тегов в списке записей. Как Вы могли заметить в home.html и stream.posts.html есть такой код:

Он нужен для того, чтобы показывать теги записи блога при наведении. Перед тем, как раскомментировать этот код Вам необходимо создать файл blogTags.class.php в wa-apps/blog/lib/classes

Теперь похожие записи будут показывать в посте блога. *Не забывайте добавлять теги к записям!

Хелпер для вывода записей из категории на главной. Сначала Вам необходимо создать хелпер blogCategoryHelper.class.php в wa-apps/blog/lib/classes со следующим содержимым:

После в файле home.html необходимо заменить секцию вывода записей блога на новую:

Дополнительные параметры

Дополнительные параметры для слайдера

В обновлении 1.3.0.2 вместо множества доп. параметров для слайдера был введен один доп. параметр altslides. Например, указав параметр у страницы altslides=site.uslugi, создав блок site.uslugiв приложении Сайт->Блоки и поместив туда код нужных слайдов, они станут отображаться на этой странице вместо основных слайдов. Старые доп. параметры удалены из шаблона и больше не работают!

Дополнительные параметры для страниц

В обновлении 1.2 появился дополнительный параметр для страниц intro_small. Если добавить его в параметры страницы "intro_small=1", то на данной странице будет отображаться альтернативный небольшой слайдер (изображение к нему меняется в index.html)

Дополнительный параметр "mainmenu=0"

Данный параметр позволитяет не показывать страницы в главном меню сайта.

Дополнительный параметр "album=10" (10 - id альбома из приложения фото)

В обновлении 3.0 появился дополнительный параметр для страниц album. Если добавить его в параметры страницы "album=10", то на данной странице будет отображаться фотоальбом из приложения фотом с id 10.

Дополнительный параметр "blockbefore" и "blockafter"

В обновлении 3.0 появились дополнительные параметры для страниц "blockbefore" и "blockafter".

Доп. параметр "blockbefore" позволяет добавлять секции на странице перед основным контентом. ("blockafter" - после основого контента)

Пример. Допустим, Вы хотите вывести форму обратной связи или любую другую секцию на какой-либо странице. Для этого сначала нужно создать в приложении Сайт->Блоки блок и разместить в нем необходимый код. Например, Вы создали блок "site.page_feedback" с формой обратной связи внутри.

Далее в настройках дополнительных параметр для нужной страницы Вы добавляете параметр: "blockafter=site.page_feedback". Соотв. блок "site.page_feedback" отобразится после вывода основного контента страницы.

Дополнительный параметр hidename для скрытия заголовка страницы

В обновлении 1.3.0.2 был добавлен доп.параметр hidename. Добавив на страницу hidename=1 - на данной странице перестанет выводится заголовок.

Доступные блоки

В обновлении 1.3.0 появилась возможность создать блок "site.homepage_slides". В данном блоке можно разместить слайды главного слайдера, чтобы при обновлении шаблона не прописывать из заново.

Для его создания перейдите в Сайт->Блоки и создайте блок "site.homepage_slides"

Таймеры обратного отсчета

В обновлении 1.3.0 появилась возможность Добавлять таймеры обратного отсчета.

Более подробно с таймером Вы можете ознакомится здесь

Форма обратной связи

Данная форма создана при помощи приложения "Форма обратной связи". Вы можете получить на него скидку при покупке шаблона. За дополнительной информацией пишите на support@easyweb.su