QuickForm

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

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

В общем, возможности очень большие и ограничены, практически, вашей фантазией и желанием делать что либо.

Попробую раскрыть некоторые возможности. Создадим форму отправки сообщений. Её можете осмотреть и опробовать на моём сайте.

001

001
Перейдя в компонент вы увидите готовый проект, который даёт некоторое представление о работе с ним, но не раскрывает всех тонкостей, которые можно узнать изучая и практикуясь.
Если хотите осмотреть готовый проект, то выделите, скопируйте код плагина {QFЗ=1} , что справа вверху, и вставьте в любой материал на сайте.

Налюбовались, накликались? Тогда идём дальше - в компоненте кликаем "Создать" и начинаем заполнять формы проекта.

Во вкладке "Настройки формы"поле "Title" вписываю название проекта, так, что бы было возможно ориентироваться, если похожих будет несколько, остальное пока не изменяю.
Во вкладке "Настройки email", заполняем формы на своё усмотрение.
"Настройки калькулятора" не трогаю, так считать ни чего не нужно.
"Дополнительные параметры" - ставлю "no", рядом с пунктом "Записывать историю", не хочу раздувать базу данных.
Жму "Сохранить и закрыть", перехожу по ссылке "Поля", в созданной форме, жму кнопку "Создать", ввожу название поля "Форма отправки сообщений".


Жму кнопку "Добавить поля", создадим поле ввода темы сообщения "Input > text".
002 text title message
Если хотите что бы описание было перед полем, то впишите в видимое поле.
Что бы название поля отображалось внутри, кликните на иконку с ручкой/карандашом(кто как видит), во вкладке "Параметры" кликните по ссылке "placeholder", между скобками впишите текст. Что бы поле стало обязательным к заполнению, кликните "required".
placeholder
Сохраняем изменения кликом по зелёному крестику/плюсику.
Поле имени: "one-off > username" - настраиваем аналогично.
user name
Поле адреса почты: "one-off > usermail" - проделать то же самое с настройками.
user mail
Поле ввода сообщения: "textarea" - и тут так же.
textarea form
Последнее - кнопка отправки: "one-off > submit"
submit button

Форма создана, можно выводить её на сайте.

 Если  оставить её с теми же нас тройками, что сделали мы, то она может быть выведена только как одноразмерный модуль со всеми полями, но если в настройках изменить параметр, то форму можно вызывать всплывающим окном по клику.
Для этого, в настройках проекта, необходимо установить "Yes" для " Форма в модальном окне".
Далее необходимо обозначить место для вставки кода в шаблон, посредством размещения HTML модуля. То есть, описать в шаблоне позицию вывода модуля, стили и прочее.