Вот наконец то , появилось немного времени написать про обещанное мною в этой статье о других возможностях и применениях модуля UniForm. В прошлой статье о самом модуле кратко было описано для чего он нужен и как исправить некоторые ошибки при отправлении письма.
Теперь хочу поделиться с возможностями использования модуля так сказать (не по назначению) .
Другие возможности модуля UniForm
Сейчас я не буду писать о том , для чего он нужен, потому что Вы и так знаете.
Для чего можно еще его использовать? А все дело в том,что мне было необходимо реализовать несколько модальных окон на сайте, с разной информацией. Решил не искать дополнительный модуль и не стал лезть в исходный код.
Решил проблему модулем UniForm, используя его богатый функционал, который дает такую возможность. Посмотрите пример скринов с этого сайта (или на странице) как это выглядит уже в модальном окне.
При нажатии на кнопку мне надо было открывать дополнительную информацию : о услуге,товаре, программе и тд тп. В общем посмотрите и поймете.
После нажатия на кнопку будет выходить модальное окно с любой нужной , дополнительной информацией.
Все это правда вносится непосредственно вручную в сам шаблон .tpl Uniform. (Попозже сделаю весь процесс с использованием дополнительных полей,непосредственно при добавлении новости. Напишу отдельную статью)
Реализация других возможностей модуля UniForm
Нам нужно будет перейти в саму папку модуля действующего шаблона DLE по пути templates/ваш шаблон/uniform/
Как видите здесь много папок, но они все нужны нам. И в добавок мы создали еще несколько. А именно
папку (hostland и hostlife) каждая папка, это то что открывается в модальном окне.
Давайте откроем одну из них и посмотрим что находится там.. ( Это все нужно скопировать с папки feedback )
По сути необходимы только .htaccess,config.tpl и form.tpl. Мы с Вами будем настраивать и изменять только два файлика, это : config.tpl и form.tpl.
В файле config.tpl настраиваем только шаблон (папку всплывающего окна).
Здесь необходимо изменить на 27 строке папку где будет находиться сам шаблон со всплывающим окном. У меня это папка hostland, у вас конечно будет другое название , поэтому тут вписывать только папку. .
Еще один момент, после 25 строки кроме указанной желательно удалить или закомментировать
Теперь перейдем к самому шаблону всплывающего окна UniForm, там находится весь код для отправки писем. Но нам он больше не нужен. Поэтому оставляем только вот эти строки кода.
<div class="uf-wrapper">
<span class="mfp-close">×</span>
<div class="uf-header">
Здесь пишем название всплывающего окна
</div>
<div>
Здесь сам код HTML или другое содержимое
</div>
<style>
Здесь можете задать свои стили блока
</style>
Ну и все в принципе, осталось только в нужном Вам месте вывести кнопку вызова всплывающего окна.
Для вывода нужной кнопки открытия формы используйте этот код:
<span data-uf-open="/engine/ajax/uniform/uniform.php" data-uf-settings='{"formConfig": "feedback"}' class="uf-btn">Тут название кнопки</span>
Где "feedback" = Название папки где будет форма
class="uf-btn" = Стили вашей кнопки на сайте
Если вдруг что то непонятно,пишите или оставляйте комментарии,чем смогу помогу. Можете скачать актуальную версию самого модуля UniForm с нашего сайта или отсюда.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Главные категории
Вы это смотрели
Случайные материалы

Система для организации онлайн-школы

Готовый шаблон партнерских программ

Как настроить сайт для поисковиков

Recoder v2.3.0 перекодировка файлов
Template not found: /templates/Maxs/feed.tpl