Рекомендуемые сообщения

glGizma    0
1.jpg
Таких чудо обратных звонков много, но задача стояла написать свой. За основу была взята трубка из callbackhunter.
Настройка:
1) Залить папку call в корень сайта.
2) В файле catalog/view/theme/{ваша тема}/template/common/header.tpl добавить до </head>:
<!-- call --><script type="text/javascript" src="call/modal.js"></script><link rel="stylesheet" type="text/css" href="call/modal.css"/><div id="kmacb-form" class="modal"><div class="modal-block"><div class="icon-close"></div><div class="title">Вызов замерщика</div><div class="content"><div class="padding"><img src="catalog/call/1.png" /><form method="post" action="call/send.php"><input type="text" placeholder="Имя" name="txtname" value="" required /><input type="text" placeholder="Телефон" name="txtmessage" value="" required /><input class="linkButton" type="submit" value="Вызвать" name="submit" /></form></div></div></div></div><!-- end call -->
 
3) В файле "send.php" нужно добавить эл.адрес.
 
 

DEMO

 

Скачать: call.zip

post-700295-0-96316100-1453376415_thumb.jpg

post-700295-0-23571600-1453376422_thumb.jpg

Изменено пользователем glGizma

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Akatyi    5

Не плохо, но ещё хорошо бы прилепить маску, что бы в поле телефон нельзя было писать текст.. 

хотя у самого сейчас тоже нет подобной макси..  :-)  когда стояла маска телефоны приходили в виде +7 (921) 111 - 11 - 11 как то так примерно.. в общем приводило в более читабельный вид.. нежели +79211111111

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
glGizma    0

Ты имеешь ввиду:

		validatephone: function (phone) {
			var at = phone.lastIndexOf("@");

			if (!/^[0-9]{5,12}$/.test(phone))
				return false;

			return true;
		},

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Akatyi    5

Да, что то вроде того ) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
SpyderMC    0

К сожалению код для валидации не подошел, сделал с помощью паттерна.

Подскажите пожалуйста, при отправке сообщения перекидывает на новую вкладку. Можно как то сделать что бы появлялось Спасибо и форма закрывалась, или ошибка и не закрывалась.

К сожалению навыков программирования пока не хватает.

P.S. ссылки не убирал с индекс страниц.

 

Сайт: shop.sevidom.com

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
SpyderMC    0

Подключил этот скрипт

http://digitalbush.com/projects/masked-input-plugin/

 

id поля поменял на phone, а name оставил стандартный.

Так же сделал проверку паттерном html5.

 

И поправил файл send.php

 

В header.tpl вывел так:

<script src="call/maskedinput.js"></script>
<script type="text/javascript">
   jQuery(function($){
   $("#phone").mask("(999)999-9999");
   });
</script>
<!-- call --><script type="text/javascript" src="call/modal.js"></script><link rel="stylesheet" type="text/css" href="call/modal.css"/><div id="kmacb-form" class="modal"><div class="modal-block"><div class="icon-close"></div><div class="title">Перезвонить Вам в течении пары минут?</div>
<div class="content"><div class="padding"><form method="post" action="call/send.php">
<p style="text-align:center"><input type="text" name="txtmessage" id="phone" placeholder="Ваш номер?"  pattern="\([0-9]{3}\)[0-9]{3}\-[0-9]{4}" value="" required /></p><p style="text-align:center"><input class="linkButton" type="submit" value="ПЕРЕЗВОНИТЕ" name="submit" /></p></form></div></div></div></div><!-- end call -->

Надеюсь кому то поможет.

Так же правил Css что б трубка не такая настырная была.

Работает здесь: Shop.sevidom.com

 

Автору спасибо!

 

 

P.S. Остался вопрос как лучше организовать что б не выкидывало на лист чистый "Сообщение отправлено" А например в том модальном окне, запрос отправлен и всё..

Изменено пользователем SpyderMC

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
glGizma    0

К сожалению код для валидации не подошел, сделал с помощью паттерна.

Подскажите пожалуйста, при отправке сообщения перекидывает на новую вкладку. Можно как то сделать что бы появлялось Спасибо и форма закрывалась, или ошибка и не закрывалась.

К сожалению навыков программирования пока не хватает.

P.S. ссылки не убирал с индекс страниц.

 

Сайт: shop.sevidom.com

 

http://dnl-sib.ru/1.rar

Качай, настраивай на сайт, наслаждайся ... Пример на сайте, как работает: http://dnl-sib.ru

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
su4efilo    0

http://dnl-sib.ru/1.rar

Качай, настраивай на сайт, наслаждайся ... Пример на сайте, как работает: http://dnl-sib.ru

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

Изменено пользователем su4efilo

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Azazello77    0

не в тему, но подскажите, почему на джумле не запустилось?)  (про самый первый пост)

 

ведь никакой привязки к опенкарту нет...

Изменено пользователем Azazello77

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
glGizma    0

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

 

Я поднял облачный сервер, ссылка больше не работает.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
glGizma    0

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

 

лови: http://glGizma.ru/1.rar

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pokryshkin    1
В 28.02.2016 в 22:02, SpyderMC сказал:

P.S. Остался вопрос как лучше организовать что б не выкидывало на лист чистый "Сообщение отправлено" А например в том модальном окне, запрос отправлен и всё..

Вопрос решился?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
SofTeam    0

Спасибо за модуль!

Может кто-то доработал, что бы не выкидывало на чистый лист "Сообщение отправлено" ?

Заранее спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
zdevl    21
В 30.03.2016 в 20:44, glGizma сказал:

 

лови: http://glGizma.ru/1.rar

А подключать также как и из первого поста?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
zdevl    21
14 часов назад, zdevl сказал:

А подключать также как и из первого поста?

Сорри, не сразу дошло, что в первый пост тоже Ваш

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dhnfgg    0
В 21.01.2016 в 14:42, glGizma сказал:

 

здравствуйте)

 

Изменено пользователем dhnfgg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
dhnfgg    0
В 22.01.2016 в 06:25, glGizma сказал:

validatephone: function (phone) { var at = phone.lastIndexOf("@"); if (!/^[0-9]{5,12}$/.test(phone)) return false; return true; },

здравствуйте скажите пожалуйста как сделать так что бы нельзя было ввести буквы в поле для ввода номера?

куда нужно добавить этот скрипт и что еще нужно сделать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От ozxsunny777
      модуль Обратный звонок (Callback) opencart 2.3.. Существует бесплатный. Вообще есть хоть какой то? 
    • От We9niamin
      Здравствуйте. Есть ли возможность в тексте описания категории сделать кнопку с формой обратной связи? Или как вариант привязать к ней модуль? Уже голову сломал. Может кто знает готовое решение?
    • От ice
      Подскажите пожалуйста, хорошие модули для простого  обратного звонка и подписки 
    • От inguard

      1 200.00 руб
      Скачать/Купить дополнение


      АКЦИЯ 1=3!!! Универсальный шаблон-конструктор Anystore
      1600 р. 1200р. Акция! 1 покупка = 3 лицензии! 
      Для ocStore 2.1.**, 2.3.**, Opencart 2.1.**, 2.3.**, Opencart.PRO 2.1.**, 2.3.**, Opencart.CMS 2.1.**, 2.3.**
      Покупая сейчас, Вы получаете шаблон не только по сниженной цене, но и 3 лицензии!
      Акция действует неопределённый срок и в любой момент может быть отключена!
      НЕ ТРЕБУЕТ активации! НЕ НУЖДАЕТСЯ в Ioncube Loader!
      На повторные и оптовые покупки существенные скидки до 70%! В архиве с шаблоном приложен файл с условиями скидок.
      Каждая последующая лицензия Вам обойдётся всего лишь от 800руб. до 300руб
      Мощная админ панель настроек шаблона: более 1000 опций, позволяющих создать уникальный дизайн. выбор варианта шапки и варианта подвала. Пока 6 вариантов шапки и 2 варианта подвала Возможность отдельных фонов для модулей на всю ширину экрана, в том числе с эффектом параллакс, видеофоны. Возможность переопределить стили любого элемента сайта из админ панели настроек шаблона. Возможность в один клик изменения дизайна сайта, за счёт предустановленных стилевых схем. Возможность создания и подключения своих стилевых схем. Быстрые регистрация и авторизация в модульных окнах. Быстрый просмотр товара с полным функционалом и с возможностью галереи. Вывод котактных данных в блоке, в шапке или в верху шапки. Дополнительные телефоны в контактном блоке. Формирование меню в верху шапки, с возможность вставить не только ссылки, но и блоки с HTML-кодом (видео, изображения, коды виджетов...). Основное меню также с поддержкой вставок и ссылок, и блоков с HTML-кодом. Возможность выбора разных типов шапки и футера. Безграничные стилевые настройки (для шрифтов, ссылок, текста, фонов, теней). Интегрирован модуль Новостей. Интегрирован модуль Популярные, отображающий самые просматриваемые товары. Интегрирован модуль Все вкладки. Популярные, Рекомендуемые, Акции, Хиты продаж и Новинки. Интегрирован модуль Вы смотрели. Интегрирован модуль Модальные окна. Интегрирован модуль Выдвижные панели. Интегрирован модуль Стена категорий, с индивидуальными настройками дизайна и с поддержкой эффекта параллакс. Интегрирована Система сообщений. Интегрирован модуль Слайдшоу с расширенными возможностями. Интегрирован модуль Преимущества. Не смотря на условное название, этот модуль более широкого применения. Интегрирован модуль Контент, с индивидуальными настройками дизайна и с поддержкой эффекта параллакс. Интегрирован модуль Отзывы о магазине с расширенными возможностями. Интегрирован модуль Отзывы о товарах с расширенными возможностями. Интегрирован модуль Статей с расширенными возможностями. Интегрирован модуль Алфавит с индивидуальными настройками и с поддержкой эффекта параллакс. Интегрирован модули Рекомендуемые, Акции, Хиты продаж и Последние с расширенными возможностями. Более 300 предустановленных паттернов (узоров). Также можно с лёгкостью устанавливать свои паттерны (узоры) или изображения для фонов элементов сайта. Социальные иконки-кнопки, устанавливаемые из админ панели настроек шаблона. Поддерживаются 18 соцсетей. В шаблоне используются шрифтовые иконки, что отлично смотрится на ретина-дисплеях. Блок платёжных систем, куда Вы можете вставить изображение (можно ссылкой) платёжной системы, предустановлено более 50 изображений, можно установить и свои. Изменяемый из админки копирайт (поддержка HTML-кода). Кроме основных системных шрифтов 650 Google Web шрифтов , из которых 55 с поддержкой кириллицы. Дополнительное изображение товара при наведении. Быстрый заказ из карточки товара и из быстрого просмотра. Заказ обратного звонка. Микроразметка хлебных крошек и товара. Возможность подключения видео, видео обзоров в карточке товара. Дополнительные блоки в карточке товара. Дополнительные вкладки в карточке товара. Дополнительные блоки в футере и над футером. Дополнительный блок на странице контактов. Дополнительные блоки в пустой корзине и в корзине с товаром. Возможность вкл/откл соцкнопок в карточке товара, выбора из AddThis или Pluso. Возможность подключения своего javascript-a из админ панели настроек шаблона. Совместим со всеми современными браузерами. Полностью адаптивный (responsive) дизайн. Поддержка 1, 2, 3-х колонок. Инструкция по настройкам шаблона и дополнительных модулей. Простота установки и настройки. ...
      Файлы адаптации популярного и востребованного модуля Simple - упрощенная регистрация и заказ.
      Инструкция в архиве.
      Лицензия: 1 покупка - 3 (три) домена.
      Шаблон будет расширяться дополнительным функционалом, но и цена в этом случае будет повышаться.
      Для покупателей все дальнейшие обновления и дополнения будут бесплатны.
      Демо шаблона
      Демо админки
      логин/пароль: demo/demo
      Документация к версии для 2.3+
      Добавил inguard Добавлено 04.07.2016 Категория Платные шаблоны Системные требования Сайт разработчика http://octheme.pro Старая цена 1600 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу