Разработчики компонента Chronoforms предоставляют три основных способа вывода форм на сайте:

  1. С помощью меню путем выбора типа пункта меню «Chronoforms» (для каждой версии свое точное название типа).
  2. Путем вывода модуля, для чего необходима установка модуля, поставляемого отдельно от компонента. Для CF5 это архив с установщиком «Chronoforms_V5_Module_RC1.1.zip», для CF6 — «mod_chronoforms6.zip».
  3. В теле страницы сайта с помощью плагина, также поставляемого отдельно (для CF5 это архив с установщиком «Chronoforms_V5.0_Plugin_RC1.zip», для CF6 — «plg_chronoforms6.zip»). При этом в том месте страницы, где нужно отобразить форму, размещается код вставки:
  {chronoforms6}my_form_alias{/chronoforms6} // для CF6, без пробелов
  {chronoforms5}my_form_name{/chronoforms5}  // для CF5, без пробелов

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

Почему форма не отображается?

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

  1. Посетитель сайта относится к группе пользователей, для которой доступ к форме ограничен. В данном случае нужно проверить, для каких групп пользователей разрешен доступ к странице, сайта, где выводится форма. То же следует проверить и для модуля. Кроме того, в версии CF6 предусмотрена собственная настройка прав доступа на уровне формы и ее отдельных секций.
  2. Некорректно размещен код вставки формы (для вывода на странице с помощью плагина). Здесь нужно проверить, правильно ли указан идентификатор формы и нет ли пробелов в коде вставки.
  3. Форма должна быть опубликована. Публикацию форм можно проверить в панели управления компонентом в списке форм (восстановленные и скопированные формы обычно имеют дефолтный статус «Не обубликовано»). В CF6 так же имеется переключатель уровня доступа к форме «Public». Если эта опция в положении «отключено», то форма так же выводиться не будет.
  4. Отсутствуют события и/или обработчики, которые обеспечивают ренденеринг формы (в расширенном режиме CF6 есть возможность удалять любые события).
  5. Некорректно настроены обработчики, отвечающие за ренденеринг формы и/или находятся вне события «load».
  6. На странице сайта присутствуют и/или работают расширения, несовместимые с компонентом.

Обработчики ренденеринга

За отображение формы на сайте отвечают обработчики ренденеринга (для CF5 — «HTML (Render Form)», для CF6 — «Display Section»). Они обязательно должны быть размещены в области события «load» и правильно настроены. В обеих версиях при размещении обработчика, он задействован по умолчанию.

Настройка обработчика ренденеринга форм в Chronoforms 5

Рис. 1

В CF5 должно быть корректно заполнено поле «Страница» (Page). Здесь, вне зависимости от того, сколько страниц включает в себя форма, должна быть единица (при создании мультистраничных форм на каждую отображаемую страницу формы должен приходиться свой обработчик). То же и для форм CF6:

Настройка обработчика ренденеринга форм в Chronoforms 6

Рис. 2

Chronoforms6. Вывод формы в модальном окне

Для вывода формы в модальном окне нужно выполнить следующие действия:

  1. Создать пункт меню типа «Chronoforms6» — «Display Form».
  2. В разделе «Установка» (Setup) панели управления компонентом, во вкладке «Модальное окно» (Popup) обработчика «Display Section» произвести ряд настроек.

Двенадцать опций вкладки «Модальное окно» (Popup) при их использовании в различных сочетаниях, позволяют изменять внешний вид, размер и порядок отображения формы.

Настройка отображения модального окна формы в Chronoforms 6

Рис. 3

  1. «Модальное окно» (Popup) имеет 2 варианта: «Да» (Yes) — форма будет отображена в модальном окне. По умолчанию эта опция установлена в положении «Нет» (No). Главная настройка, которая отвечает за показ формы во фрейме модального окна.
  2. «Показать при загрузке страницы» (Show on page load) — если эта опция установлена в положение «Да», форма будет отображаться сразу после ренденеринга страниц.
  3. «Заголовок модального окна» (Popup header) — текст в верхней части фрейма. Эта настройка не является обязательной.
  4. «Показать через X миллисекунд» (Display after x miliseconds). В этом поле цифрами указывается время в миллисекундах, которое пройдет после загрузки страницы прежде, чем будет показано модальное окно с формой. Если используется данная опция, нужно опцию (2) установить в положение «Нет» (No).
  5. «Показать после скроллинга на X пикселей» (Display after scroll space). Модальное окно будет отображено по достижении X пикселей скроллинга сверху вниз. Если используется данная опция, поле (4) следует оставить пустым, а переключатель (2) установить в положение «Нет» (No).
  6. «Показать по клику» (Display on click of). Это поле для указания селектора элемента-триггера. Если форму предполагается отображать по клику на элемент, то поля (4) и (5) следует оставить пустыми, а переключатель (2) установить в положение «Нет» (No).
  7. «Замена» (Replacement views) — любой текст или код, который будет отображаться вместо формы. Если форму предполагается показывать по клику, то данное поле может содержать html-код элемента-триггера. Если используется данная опция, переключатель (2) следует установить в положение «Нет» (No).
  8. «Размер модального окна» (Modal size) — переключатель размера окна, имеющий три варианта: «Full screen», «Small», «Smaller» и «Smallest».
  9. «Простой шаблон» (Basic layout) — переключатель шаблонов, предлагающий два варианта: «Да» и «Нет». Если установлен в положение «Нет», форма отображаться не будет, т. к. данный шаблон не имеет фрейма для отображения модальных окон.
  10. «Иконка для закрытия» (Close icon) — иконка закрытия будет отображаться в правом верхнем углу окна, если переключатель установлен в положение «Да».
  11. «Закрывать модальное окно» (Closable). Если установить данную опцию в положение «Да», то форму можно будет закрывать кликом по фону под модальным окном.
  12. «Светлый фон» (Light background) — переключатель, также предлагающий два варианта, определяет цвет «подложки» под модальным окном. Если установить в положение «Да» — фон будет светлым, иначе будет использоваться темный фон.

Хостинг SpaceWeb