Обратный звонок Opencart
Opencart

Обратный звонок для Opencart 2 — дополнения

Четвертый урок по созданию модуля обратного звонка для Opencart 2 будет посвящен дополнениям и украшательствам. Предыдущие три урока находятся здесь:


Дополнение №1 — маска телефонного номера.

Думаю, это самое важное дополнение, потому что если клиент неверно введет свой номер — потенциальный клиент будет потерян. Кроме того, маску номера сделать довольно просто — есть соответствующие готовые jquery скрипты. Как и модуле упрощенного заказа Opencart воспользуемся прекрасным плагином jQuery Mask Plugin (документация здесь). Для начала подключим его в header.tpl, а также добавим в контроллер header.php переменные маски телефонного номера, для чего добавим пару строк кода в OCMOD:

Остальная часть OCMOD файла останется неизменной. Теперь, если включить в модуле маску номера в админке, при вводе номера телефона номер будет разбиваться в привычный формат:

opencart форма модуля обратного звонка



Дополнение №2 — IP адрес посетителя и адрес страницы

Явно будет нелишним знать IP-адрес посетителя, а также адрес страницы нашего интернет-магазина, с которой он решил нажать кнопку заказа обратного звонка. Чтобы получить IP адрес посетителя нужно лишь добавить пару строк в php-скрипт:

Для того. чтобы получить адрес страницы, придется внести изменения в OCMOD. Нам нужно будет создать дополнительный скрытый input, в который мы будем записывать адрес текущей страницы:

А также принять это значение в php-скрипте:

Результат будет виден в письме:

opencart письмо обратный звонок



Дополнение №3 — Украшательства

иконка обратного звонка

Есть уже ставшая привычной иконка обратного звонка: анимированная иконка телефонной трубки, которая располагается в левом или правом нижнем углу экрана.

Попытаемся сделать такую иконку, заменив стандартную кнопку с надписью «заказать обратный звонок».

 

 

 


К счастью у нас уже есть подключаемый в админке файл стилей. Однако одними стилями будет не обойтись, для начала необходимо немного изменить блоки вывода кнопки «обратный звонок». Для этого внесем изменения в OCMOD модификатор:

Эти изменения позволят нам принимать настройку подключения файла стилей, а также изменяют представление элементов кнопки «обратный звонок».


Кроме того, пропишем css-анимацию в файл стилей:


Теперь если включить стили xd_zvonok.css в админке мы получим кнопку заказа обратного звонка:

обратный звонок phone button


Полностью готовый модуль обратного звонка

Теперь мы можем собрать обновленный OCMOD архив для установки через «Установку дополнений». Для этого разложим наши файлы по папкам, переименуем xd_zvonok.ocmod.xml в install.xml и соберем всё в архив с именем xd_zvonok.ocmod.zip

Я уже собрал такой архив — скачать полный модуль обратного звонка для Opencart 2 можно здесь на сайте.

Подробнее про установку и настройку модуля Обратного звонка для Opencart написано здесь. Там же можно скачать полный архив модуля для Opencart 2.0, 2.1, 2.2, 2.3.


Если Вам нравится модуль, Вы можете поддержать его развитие:
На Yandex

Или на WebMoney
https://webmoney.ua/inout/addfunds/internetbanking.html
  • WMR — R323867544960
  • WMU — U284886818051
  • WMZ — Z298647294285

Возможно, Вам также будет интересен бесплатный модуль Упрощенного заказа для Opencart 2



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