Форма обратной связи - скачать., (*1)
Системные требования
- PHP5 >= 5.2.0
- Jquery >= 1.7
Как подключить
1. Подключить скрипты в указанной последовательности
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- backformer -->
<link href="/backformer/core/themes/default/bf.css" type="text/css" rel="stylesheet" />
<script src="/backformer/core/components/jquery.form.min.js"></script>
<script src="/backformer/core/components/backformer.js"></script>
<!-- // backformer -->
2. Вызов для встроенной формы на странице
Для подключения достаточно навесить на форму атрибут data-bf-config="" и передать ему название конфигурации., (*2)
По умолчанию, при пустом вызове конфигурации, будет браться из папки /configs/default. Можно создать сколько угодно конфигураций, просто копируя папку default с другим названием., (*3)
Поддерживается наследование конфигураций. Например в новой можно не указывать почту получателя, она возьмётся из папки - default., (*4)
3. Вызов всплывающего окна
Нужно навесить атрибут data-bf-config="" на любой тег, кроме формы, по нажатию на который ожидается вызов всплывающего окна., (*5)
В всплывающую форму можно передать параметры через data-атрибуты, например:, (*6)
data-bf-field-title="Параметр title"
В шаблоне отправки на почту можно будет добавить переменную {{bf_field_title}}, в которой будет передаваемое содержимое. Стоит учесть, что здесь используется нижнее подчёркивание., (*7)
В шаблоне формы будет доступен класс .bf-field-title, в который будет передаваться значение заданной переменной., (*8)
Пример:, (*9)
<p class="bf-field-title">Тут будет значение.</p>
Где title можно заменить на своё название., (*10)
Также доступны два системных класса:, (*11)
.bf-page-link - адрес страницы оформления формы
.bf-page-h1 - тег H1 страницы оформления формы
4. Что внутри
- config.php - конфигурационный файл. Внутри него комментарии для настройки.
- /templates/report.html - шаблон отправки на почту. В качестве шаблона для полей используется конструкция {{название_поля}}. Работает с использованием шаблонизатора Twig.
- /templates/form.html - форма для всплывающего окна.
- /model/events.class.php - php-класс, расширяющий функционал формы.
5. Шаблон отправки на почту
В нём доступны две переменные со страницы оформления формы:, (*12)
- {{bf_page_link}} - адрес страницы оформления формы
- {{bf_page_h1}} - тег H1 страницы оформления формы