Быстрый заказ для JoomShopping

Для работы модуля нужны плагин RadicalForm и фреймворк UiKit 3.
Бесплатно
Быстрый заказ для JoomShopping
$ 0.00

Данные расширения


  • Версия: 1.0.0
  • Дата обновления: 05.01.2021
  • Базовые расширения : UiKit 3, RadicalForm

Системные требования


  • Версия Joomla!: 3.9 +
  • Версия PHP: 7.0 +
  • Версия JoomShopping: 4.18 +

Правовая информация


  • Поддержка от разработчика: Нет
  • Тип лицензии: GPL3
Описание

Модуль 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. Если вы разобрались, как менять сообщение "ждите..." на кнопке отправки, чтобы можно было сделать его многоязычным, напишите в комментариях ниже, мы выпустим обновление.

Отзывы


Еще нет отзывов. Будьте первым, кто его оставит.

Оставить отзыв
Быстрый заказ для JoomShopping
Для работы модуля нужны плагин RadicalForm и фреймворк UiKit 3.
Copyright MAXXmarketing GmbH
JoomShopping Download & Support