Категории сайта

Информация

UniForm - другие возможности модуля

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

Теперь хочу поделиться с возможностями использования модуля так сказать (не по назначению) . 

Другие возможности модуля UniForm

Сейчас я не буду писать о том , для чего он нужен, потому что Вы и так знаете.

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

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

При нажатии на кнопку мне надо было открывать дополнительную информацию : о услуге,товаре, программе и тд тп. В общем посмотрите и поймете.

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

модальное окно UniFormВсе это правда вносится непосредственно вручную в сам шаблон .tpl Uniform. (Попозже сделаю весь процесс с использованием дополнительных полей,непосредственно при добавлении новости. Напишу отдельную статью)

Реализация других возможностей модуля UniForm

Нам нужно будет перейти в саму папку модуля действующего шаблона DLE по пути templates/ваш шаблон/uniform/

Как видите здесь много папок, но они все нужны нам. И в добавок мы создали еще несколько. А именно

папку (hostland и hostlife) каждая папка, это то что открывается в модальном окне.

Папки модуля UniFormДавайте откроем одну из них и посмотрим что находится там.. ( Это все нужно скопировать с папки feedback )

папки uniformПо сути необходимы только .htaccess,config.tpl и form.tpl. Мы с Вами будем настраивать и изменять только два файлика, это : config.tpl и form.tpl.

В файле config.tpl настраиваем только шаблон (папку всплывающего окна). 

templatefolderЗдесь необходимо изменить на 27 строке папку где будет находиться сам шаблон со всплывающим окном. У меня это  папка hostland, у вас конечно будет другое название , поэтому тут вписывать только папку. .

Еще один момент, после 25 строки кроме указанной желательно удалить или закомментировать

Теперь перейдем к самому шаблону всплывающего окна UniForm, там находится весь код для отправки писем. Но нам он больше не нужен. Поэтому оставляем только вот эти строки кода. 

<div class="uf-wrapper">
    <span class="mfp-close">&times;</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 с нашего сайта или отсюда.

Обратная связь


Template not found: /templates/Maxs/feed.tpl


Пишите,спрашивайте
Вы уже собрались уходить? Очень жаль ... Могли бы посмотреть еще что нибудь !
+