Модуль Joomla для формы быстрого заказа товара в интернет-магазине JoomShopping. Макет модуля построен на бесплатном фреймворке UiKit 3, если на вашем сайте его нет, то его нужно скачать и установить с сайта разработчика.
Форма появляется во всплывающем окне и содержит два поля, телефон и имя. В теме письма указана страница, с которой был отправлен заказ, имя и номер телефона, которые ввел пользователь.
Установка модуля
Модуль устанавливается обычным способом через установщик Joomla. Публиковать модуль вы можете в любой позиции сайта, это не имеет большого значения. Модальное окно будет размещено фреймворком в самом низу страницы, а кнопка "Быстрый заказ" вставляется модулем под кнопку "В корзину" автоматически, при загрузке страницы. Если в вашем шаблоне JoomShopping есть позиции модулей только для карточки товара, то лучше опубликовать модуль в одной из них (в наших шаблонах такие есть. Только чтоб эта позиция не была в форме заказа, потому что форма в форме работать не будет.).
Отправка формы осуществляется при помощи бесплатного плагина RadicalForm, если на вашем сайте его нет, то его нужно скачать и установить с сайта разработчика.
Плагин RadicalForm имеет богатый функционал и возможность гибкой настройки формы связи. Мы решили подарить вам форму быстрого заказа. Пользуйтесь даром. Можно просто за спасибо. А можно в качестве спасибо использовать QR-код внизу страницы.
Важно! Чтобы работал модуль, нужно настроить плагин RadicalForm.
Инструкция по настройке плагина RadicalForm
В настройках плагина вам нужно указать
- 1. Цвет текста и полей в случае некорректного ввода данных;
- 2. Действия плагина после отправки сообщения:
- a) закрыть всплывающее окно;
- б) вывести сообщение об успешной отправке.
- 3. E-mail, на который будет отправляться сообщение о заказе;
- 4. Настроить тему письма;
1. Настройка цвета текста и полей в случае некорректного ввода данных
При ошибке заполнения, плагин присваивает определенный css класс для формы или сообщения. Тут нужно просто ввести тот класс, который сможет выделить ошибку. UiKit 3 имеет много разных классов для выделения текста и форм, предлагаем использовать для некорректно заполненных форм в поле "CSS класс для невалидных полей" класс .uk-form-danger, для поля "CSS класс ошибок файлов" .uk-text-danger. Если стили UiKit у вас правильно настроены, то эти классы максимально обратят внимание пользователя на себя (обычно это красный цвет).
2. Настройка закрытия формы и всплывающего сообщения.
Тут можно долго разбираться с помощью документации к форме и фреймворку, поэтому мы дадим вам уже готовое, рабочее решение.
a) В поле "Код Javascript №1" впишите код, отвечающий за закрытие формы после отправки:
UIkit.modal(quick_order_radical).hide();
б) В поле "Код Javascript №2" впишите код, отвечающий за второе действие после закрытия формы — вывод сообщения об успешной отправке:
UIkit.notification({message: String(here.dataset.rfText), status: 'success'});
Сообщение об отправке считывается с атрибута data-rf-text в кнопке "Заказать", а в этот атрибут текст попадает с лэнга (языковой файл). Так что для каждого языка выводится корректное сообщение. Если оно вас не устраивает, вы его (как и всё остальные надписи) можете поменять. Языковой файл находится в папке лэнгов Joomla. ... /language/ru-RU/ru-RU.mod_quick_order_radical.ini.
3. Настройка почты для приема сообщений
С адресом для отсылки сообщений вопросов быть не должно, вы просто не забудьте это сделать. Впишите свой email в поле "Куда слать письма" и больше ничего можно не делать. Сообщения будут сразу приходить вам на указанный email. Плагин позволяеть рассылать сообщения сразу на несколько адресов, при чем, в зависимости от условий, определять кому отправлять, и т.д., но в эти подробности мы вдаваться не будем. Для настроек данного модуля это не к чему. А если вам нужно/интересно изучить данный функционал или вы сами захотите улучшить модуль, то можете получить подробную информацию об этом в документации на сайте разработчика плагина.
4. Настройка темы сообщения.
Для того, чтобы понять, на какой товар пришел заказ, название страницы (в которой как правило есть и название товара) добавляется к теме письма. Для удобства туда же добавляются и контактные данные пользователя, так что, для экономии времени, в само письмо на почте можно и не заходить, всё необходимое уже видно в списке сообщений.
Давайте разберемся, как это происходит. Модуль считывает название страницы и заполняет соответствующее поле (rsSubject) для плагина, который отправляет сообщение с указанной модулем темой письма.
В настройках плагина тему письма можно собрать из нужных полей формы, в нашем случае это тема + имя + телефон. Чтобы завершить настройку плагина, их мы и вписываем в поле "Тема письма":
{rsSubject} от {name} {phone}
Остальные поля в настройке плагина можно не менять.
P.S. Если вы разобрались, как менять сообщение "ждите..." на кнопке отправки, чтобы можно было сделать его многоязычным, напишите в комментариях ниже, мы выпустим обновление.
Peterohapse
DrozPropS
Ivaninhapse
Stiv