Rokquickcart + Chronoforms. Отправка заказов на почту

Интернет-магазины – в последнее время довольно частое явление. Существует достаточное количество компонентов для организации интернет-магазина на своём сайте, объединяющих в себе большое количество функций и возможностей. Но иногда необходимо обойтись чем-то простым и не слишком сложным. Как вариант, хотел бы посоветовать в этом случае компонент Rokquickcart от знаменитой студии RocketTheme и реализовать связь Rokquickcart + Chronoforms.

RokQuickCart – простое и бесплатное расширение, которое позволит реализовать на Вашем сайте под управлением CMS Joomla 1.5 – 3.3 удобную и простую корзину для покупки любых товаров с Вашего ресурса.

К сожалению, в этом компоненте невозможно добавить альтернативные способы оплаты и доставки товаров. Поэтому, немного покопавшись в интернете и не найдя рабочего решения, попытался хоть как-то решить этот вопрос. В этой статье предлагаю Вам ознакомиться с таким вариантом оформления заказа, как отправка заказа товара из Rokquickcart с помощью формы связи Chronoforms. Сразу оговорюсь, этот способ не позволит производить оплату, с его помощью Вы сможете лишь получать уведомления (информацию) о заказе каких-либо товаров.

Как это работает?

Шаг 1 — Компоненты

Для начала нам потребуются следующие компоненты, которые Вы можете скачать по ссылкам Rokquickcart и Chronoforms.

Шаг 2 — Установка

Установите эти компоненты на свой сайт с помощью стандартной установки расширений Joomla Расширения → Менеджер расширений.

Rokquickcart + Chronoforms. Установка компонентов

Rokquickcart + Chronoforms. Установка компонентов

Шаг 3 — Товары

Теперь нам необходимо наполнить наш магазин товарами. Для этого перейдите в Компоненты → Rokquickcart

Rokquickcart + Chronoforms. Создание товаров

Rokquickcart + Chronoforms. Создание товаров

Сложностей в создании товаров никаких нет, поэтому не будем особо заострять на этом внимание.

Шаг 4 – Форма заказа

Перейдите в Компоненты Chronoforms

Rokquickcart + Chronoforms. Настройка формы заказа

Rokquickcart + Chronoforms. Настройка формы заказа

Если у Вас не активированная версия компонента, Вы не сможете воспользоваться мастером форм (Form Wizard). Но для поставленных нами целей будет достаточно и легкой версии мастера форм (Easy Form Wizard). Переходим на вкладку Easy Form Wizard, если у Вас еще не создана форма. Если форма уже создана, нажимаем на ссылку Wizard Edit рядом с названием формы.

Wizard Edit

Итак, перед нами мастер создания форм.

Rokquickcart + Chronoforms. Настройка формы заказа

Rokquickcart + Chronoforms. Настройка формы заказа

В левой области мы видим доступные для создания поля. Перенесите необходимые поля для заполнения заказчиком, например, несколько текстовых полей (Text Box) и переименуйте их в «Ф.И.О.», чтобы заказчик смог представиться, «Адрес» — куда доставить заказ, «Телефон» — для уточнения заказа и т.д. Для конфигурирования добавленного поля достаточно нажать значок «Configure» справа в добавленном поле.

Custom Element

Также нам понадобится специальное поле Custom Element (HTML/PHP) из списка Advanced Elements, именно в него будут передаваться данные о добавленных в заказ товарах. Откройте конфигурацию этого поля и добавьте следующий код в область Code:

Из кода видно, что при переходе в форму заказа, посетитель сможет увидеть заказываемые им товары в виде таблицы с наименованиями и ценами. Вы можете изменить вывод данных, как Вам хочется. Для знающих – достаточно вместо представленного выше кода добавить <?php print_r($_POST); ?> и ознакомившись с выводимыми данными оформить всё как нужно.

К сожалению, Chronoforms не сможет отправить в письме таблицу, которую мы вывели. Он отправляет лишь значения заполненных полей. Поэтому, чтобы отправить данные, в коде также были добавлены поля input типа hidden.

Пришлось повозиться с этим компонентом, чтобы хоть как-то добиться отправки данных. Компонент отправляет на почту данные только заданных заранее полей, а у нас, как Вы заметили, они формируются динамически в зависимости от количества заказываемых товаров и именно поэтому мы не можем точно знать, сколько будет полей в результате. Обратите внимание на строку:

Это тот максимум, которого удалось добиться с минимальными затратами сил и времени. Список заказанных товаров будет выводиться в строку. Когда мы сделаем отправку заказа, Вы сможете увидеть, как это будет выглядеть.

С настройкой формы почти закончили, не забудьте также добавить кнопку отправки Submit Button. И перейдите на вкладку Form Settings, где необходимо на английском языке без пробелов указать название Вашей формы, например Form-Zakaz.

Emails

Перейдем на вкладку Emails, здесь мы будем формировать письмо.

Rokquickcart + Chronoforms. Настройка формы заказа

Rokquickcart + Chronoforms. Настройка формы заказа

Шаг 5 – Заказ

Теперь нам необходимо сделать так, чтобы заказы товаров из Rokquickcart передавались в нашу форму, созданную в Chronoforms. Для этого в списке созданных форм, перейдите по ссылке в поле Link напротив нашей формы. Скопируйте эту ссылку в буфер.

Переходим в Компоненты → Rokquickcart и в правом верхнем углу нажимаем кнопку «Settings» и выставляем настройки следующим образом:

Rokquickcart + Chronoforms. Настройка Rokquickcart

Rokquickcart + Chronoforms. Настройка Rokquickcart

Шаг 6 – Результат

Теперь нам остается проверить результат произведенных нами действий на деле, для этого открываем наш сайт, добавляем несколько товаров в корзину и нажимаем кнопку «Купить»

Некоторые хитрости.

Как отправлять копию письма заказчику?

При формировании тела письма в Chronoforms на вкладке Email, в поле To указывается адрес администратора, на который будет приходить сообщение о заказе. Чтобы отправить такую же копию письма заказчику, Вам необходимо добавить поле ввода email заказчика в форму, после этого также переходим на вкладку Email и в самом низу заполняем поле Dynamic To именем поля email (например {field_email}), в зависимости от того, какое имя Вы присвоили полю). Если Вы хотите сделать отдельное сообщение для заказчика, например со словами благодарности, перейдите на вкладку Email 2, создайте письмо нужного содержания и также заполните поле Dynamic To, как описано выше.

Как убрать прокрутку страницы при добавлении товара в корзину?

Откройте файл /components/com_rokquickcart/views/rokquickcart/tmpl/default.php и найдите в нем следующий код:

И замените на следующий:

Как добавить рубли?

Одна из сложных затей. Способ в некоторых случаях может оказаться не работоспособным. Откройте файл /administrator/components/com_rokquickcart/config.xml и найдите там начало списка цен:

И добавьте в список следующую опцию:

Далее откройте файл /component/com_rokquickcart/assets/js/simplecart/simpleCart.jsи найдите начало массива цен:

Добавьте наряду со всеми ценами наши русские рубли

Параметр after: true указывает на то, что валюта будет выводиться после значения, а не до него.

Полезность статьи

Оцените, на сколько полезной оказалась статья.
1 балл2 балла3 балла4 балла5 баллов
5,00 / 5 баллов
1 участников
Комментарии

Здесь еще никто не оставлял комментарии.

Добавить комментарий

* - поля обязательные для заполнения. E-mail не публикуется.