Інструкція:

Пример кода кнопок для вслывающих форм:

<div class="hotengine-form-constructor" data-dialog-form_id="XXX" data-dialog-width="370" data-dialog-height="280" data-dialog-form_title="Callback" data-dialog-title="Заказать обратный звонок" data-dialog-whatform="Форма заказать обратный звонок с кнопки в ... сайта" data-dialog-buttontext="Відправити">Зворотний дзвінок</div>

<div class="hotengine-form-constructor" data-dialog-form_id="XXX" data-dialog-width="370" data-dialog-height="490" data-dialog-form_title="Задати питання" data-dialog-title="Задати питання" data-dialog-whatform="Форма Задать вопрос с кнопки в ... сайта" data-dialog-buttontext="Відправити">Задати питання</div>

• "data-dialog-form_id" - ID формы
• "data-dialog-width" - ширина всплывающего окна
• "data-dialog-height" - высота всплывающего окна
• "data-dialog-title" - заголовок диалогового окна
• "data-dialog-form_title" - примечание о заявке, добавляется в статистику продаж
• "data-dialog-whatform" - с какой формы заявка (положение или свои данные)
• "data-dialog-productid" - ID товара, если заявка о конкретном продукте.
• "data-dialog-product_num" - количество добавляемого товара, если заявка о конкретном продукте.
• "data-dialog-varietyid" - разновидность товара, если заявка о конкретном продукте.
• "data-dialog-formprice" - цена заявки или товара
• "data-dialog-buttontext" - текст кнопки внутри окна
• "data-dialog-modify-text" - автозамена текста заявки (комментария). Используется для отправки дополнительной информации, которую можно предваритиельно сформировать с помощью Javascript.
• "data-close-button" - текст кнопки закрытия окна (отображается только если указано значение)
• "data-header-fix" - Закривати вікно при натисканні за його межами
• "data-close-overlay" - Увімкнути/Вимкнути закриття вікна при натисканні на область за її межами (додатковий атрибут. Значення: «1» (увімкнути), «0» (вимкнути)). За замовчуванням - Вимкнено (якщо не вказано).
• "data-dialog-form-hide-fields" - Скрыть елементы в форме (список, разделитель `|`)
• Дополнительные параметры (автозаполнение формы):
  • "data-dialog-form-autosubmit" - 1-включить
  • "data-dialog-form-required-class" - обязательные поля для заполнения (список, разделитель `|`) (**)
  • "data-dialog-form-autosubmit-replace-class" - (список, разделитель `|`) (***)
  • "data-dialog-form-required-class-alert" - сообщения об ошибке если не заполнено поле data-dialog-form-required-class (**) (список, разделитель `|`)
  • 
    *** - Например значения полей data-dialog-form-required-class (**) будут перезаписаны найденными значениями на странице, элементами из списка data-dialog-form-autosubmit-replace-class (***).
    Если поля data-dialog-form-required-class (**) не заполнены, то всплывает сообщение указанное в поле data-dialog-form-required-class-alert.
    Данная функция полезна в том случае, когда вы хотите создать поле для заполнения, при нажатии на которое будет всплывать форма и сразу отправляться с заменой данных из созданного ранее поля.
• data-dialog-callback - Атрибут data-dialog-callback дозволяє вказати ім'я функції, яка викличеться після відкриття вспливаючого вікна.
  Пример

  Code: html

  <a href="#" class="hotengine-script-popup" data-dialog-callback="myCustomFunction">Открыть</a>
  <script>
  function myCustomFunction() {
      console.log("Callback выполнен!");
  }
  </script>

• data-dialog-button-callback - Атрибут data-dialog-button-callback дозволяє вказати коллбек-функції для кнопок вспливаючого вікна. Формат: Назва кнопки:callbackFunctionBtn, розділяємо кілька кнопок комою. Функції можуть бути визначені як до відкриття вікна, так і після — вони будуть викликатися при кліку на кнопку, якщо функция існує.
  Пример

  Code: html

  
  <a href="#" class="hotengine-script-popup" data-dialog-button-callback="Ok:callbackFunctionBtn1">Открыть</a>
  
  <script>
  window.callbackFunctionBtn1 = function() {
      console.log("Нажата кнопка Ок");
  };
  </script>