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

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; },

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

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

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От seregin

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


      Opencart: Обратный звонок с СМС оповещением
      Обратный звонок с СМС оповещением

      Модуль отправляет администратору магазина SMS и сообщение на электронную почту от пользователя с просьбой перезвонить ему по указанному телефону и в выбранное время.

      Для добавление кнопки в любом другом месте, добавьте нужному элементу класс: class="show-callback".

      Совместим с Opencart: 2.1.0.1 - 3.0.2.0
      Совместим с ocStore: 2.1.0.1 - 2.3.0.2.3

      Демонстрация

      Главная страница: Переход на сайт
      Настройки модуля: Переход на сайт

      Доступ в Панель управления

      Логин: demo
      Пароль: demo
      Добавил seregin Добавлено 07.03.2017 Категория Обратная связь, звонки Системные требования Сайт разработчика http://seregin-pro.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От seregin
      Обратный звонок с СМС оповещением

      Модуль отправляет администратору магазина SMS и сообщение на электронную почту от пользователя с просьбой перезвонить ему по указанному телефону и в выбранное время.

      Для добавление кнопки в любом другом месте, добавьте нужному элементу класс: class="show-callback".

      Совместим с Opencart: 2.1.0.1 - 3.0.2.0
      Совместим с ocStore: 2.1.0.1 - 2.3.0.2.3

      Демонстрация

      Главная страница: Переход на сайт
      Настройки модуля: Переход на сайт

      Доступ в Панель управления

      Логин: demo
      Пароль: demo
    • От 29aleksey

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


      NewStore - универсальный, адаптивный шаблон
      Адаптивный универсальный шаблон NewStore работает на Opencart 2 (Ocstore, Русская Сборка, чиcтый Opencart) 2.1.x 2.2.x 2.3.x

       Демо - 1:
         Главная страница
         Страница категории
         Страница товара
         Админка
       Демо - 2:
         Главная страница
         Страница категории
         Страница товара
         Админка
       Демо - 3:
         Главная страница
         Страница категории
         Страница товара
         Админка

      Логин demo
      pass demo
       
      Все архивы подписаны согласно версиям движка !
      архив PRO только для OpencartPRO
      Обязательная установка IonCube Loader.

      Cписок функционала и модулей (Все эти модули есть в шаблоне)
      Управление торговлей 6 Персональный редактор ++ 1.1 Описание модуля Управление торговлей 3 - быстрый заказ Описание модуля Управление торговлей 1 - Обатный звонок Описание модуля Управление торговлей 7 - Product any Описание модуля Быстрая обработка заказов Описание модуля Быстрый просмотр товара Описание модуля Баннеры блоки (модуль баннеров) Стена категорий + производители Цена закупки поле в админке Слайдер для Категорий Мультиязычный (для каждой категории можно задать свой слайдер) Мега меню (горизонтальное и вертикальное) Вкладки модулей ALLTABS (5 в 1) 3 вид Прайс - лист Показать еще товар (ajax загрузка товара) Подписаться на рассылку 16 дополнительных позиций для главной страницы 11 дополнительных позиций для страницы Категорий Стикеры товара(4 вида стикера - акция, хит продаж, новинки, топ продаж. все они настраиваются как Вам угодно) Контактная информация в шапке сайта Контактная информация в подвал сайта Способ оплаты Социальные сети Дополнительные картинки товара во всех модулях, страницах при наведении, можно отключить в настройках, изменить на другую анимацию. Кнопки быстрый заказ, в закладки, в сравнение можно отключить для каждого модуля и для каждой старницы, Описание товара можно отключить для каждого модуля(страницы отдельно) Модель товара можно отключить для каждого модуля(страницы отдельно) Рейтинг товара - можно отключить Количество отзывов - можно включить / выключить в настройках модуля по клику на количество отзывов открываются отзывы товара в карточке товара. Ручная настройка темы Предустановлены 6 цветовые схемы Основное меню постоянно открыто либо закрыто (Настраивается в настройках шаблона) 2 Варианта подвала сайта с (Google Map + Кластеризация меток и Описанием Магазина) Popup Авторизация на сайте ! One Page Checkout Нашли дешевле Дополнительные вкладки для товара Отзывы Покупателей Опция (Цвет) Продукты из категорий + баннеры Дополнительные изображения (слайдер или смена изображения при наведении ну и выкл) 3 вид прайс лист для страниц акций поиска производителя Основной меню всегда открыто(Главная / Категории/ Поиск / Производитель / Информация) Вывод Опций в модулях Вывод Опций на страницах: Категории , Поиск, Акция, Производители Отображать только обязательные опции Кнопка купить когда товара нет в наличии менять текст на любой который задали в админке (да / нет ) Отображение статуса товара когда товара отсутствует (да / нет) Быстрый доступ к настройкам шаблона Ckeditor Фиксированная панель в шапке при прокрутке страницы Оптимизация Стилей и Скриптов + Кеш этих файлов Отзывы(добавил Достоинства, недостатки, уже купил ) Автоматическое создание категорий для меню Возможность открывать ссылку с баннера в popup окне дополнительные ссылки в верхнем меню Упрощенное оформление заказа


       

      http://nsdemo.waterfilter.in.ua/ns_banner/One_Page_checkout.jpg
       
      Продающий интернет магазин – что это ? Мнений и обсуждений великое множество, так же как и людей с собственным опытом ведения E-торговли. 8летний опыт группы специалистов ведения электронной коммерции на территории стран бывшего СССР после многочисленных экспериментов, проб и ошибок, успехов и аналитики остановило выбор на русскоязычном сообществе опенкарт. Тема NewStore - это собранный в 1м месте и обкатанный на реальных успешных магазинах инструмент позволяющий владельцу сосредоточить собственное внимание на способе и моментах удобовариваемого преподнесения информации для потенциальных покупателей, не заморачиваясь при этом на технических моментах реализации задумок. Для любого владельца И.М. знание технических подробностей и правка кода всегда было головной болью, потому NewStore создана по принципу : «Просто добавь домен». Далее практически все настройки шаблона осуществляются из удобного модуля управления шаблоном. Перечисление достоинств и возможностей шаблона займет не одну страницу описания, потому наиболее рациональные модули (читаем достоинства) далее идут перечислением
       
       
       
       
       
       
       
       
       
       
      После покупки шаблона писать в личку для получения ключа активации шаблона Добавил 29aleksey Добавлено 23.10.2015 Категория Платные шаблоны Системные требования Ioncube Loader Сайт разработчика Старая цена 1990 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От 29aleksey
      Адаптивный универсальный шаблон NewStore работает на Opencart 2 (Ocstore, Русская Сборка, чиcтый Opencart) 2.1.x 2.2.x 2.3.x

       Демо - 1:
         Главная страница
         Страница категории
         Страница товара
         Админка
       Демо - 2:
         Главная страница
         Страница категории
         Страница товара
         Админка
       Демо - 3:
         Главная страница
         Страница категории
         Страница товара
         Админка

      Логин demo
      pass demo
       
      Все архивы подписаны согласно версиям движка !
      архив PRO только для OpencartPRO
      Обязательная установка IonCube Loader.

      Cписок функционала и модулей (Все эти модули есть в шаблоне)
      Управление торговлей 6 Персональный редактор ++ 1.1 Описание модуля Управление торговлей 3 - быстрый заказ Описание модуля Управление торговлей 1 - Обатный звонок Описание модуля Управление торговлей 7 - Product any Описание модуля Быстрая обработка заказов Описание модуля Быстрый просмотр товара Описание модуля Баннеры блоки (модуль баннеров) Стена категорий + производители Цена закупки поле в админке Слайдер для Категорий Мультиязычный (для каждой категории можно задать свой слайдер) Мега меню (горизонтальное и вертикальное) Вкладки модулей ALLTABS (5 в 1) 3 вид Прайс - лист Показать еще товар (ajax загрузка товара) Подписаться на рассылку 16 дополнительных позиций для главной страницы 11 дополнительных позиций для страницы Категорий Стикеры товара(4 вида стикера - акция, хит продаж, новинки, топ продаж. все они настраиваются как Вам угодно) Контактная информация в шапке сайта Контактная информация в подвал сайта Способ оплаты Социальные сети Дополнительные картинки товара во всех модулях, страницах при наведении, можно отключить в настройках, изменить на другую анимацию. Кнопки быстрый заказ, в закладки, в сравнение можно отключить для каждого модуля и для каждой старницы, Описание товара можно отключить для каждого модуля(страницы отдельно) Модель товара можно отключить для каждого модуля(страницы отдельно) Рейтинг товара - можно отключить Количество отзывов - можно включить / выключить в настройках модуля по клику на количество отзывов открываются отзывы товара в карточке товара. Ручная настройка темы Предустановлены 6 цветовые схемы Основное меню постоянно открыто либо закрыто (Настраивается в настройках шаблона) 2 Варианта подвала сайта с (Google Map + Кластеризация меток и Описанием Магазина) Popup Авторизация на сайте ! One Page Checkout Нашли дешевле Дополнительные вкладки для товара Отзывы Покупателей Опция (Цвет) Продукты из категорий + баннеры Дополнительные изображения (слайдер или смена изображения при наведении ну и выкл) 3 вид прайс лист для страниц акций поиска производителя Основной меню всегда открыто(Главная / Категории/ Поиск / Производитель / Информация) Вывод Опций в модулях Вывод Опций на страницах: Категории , Поиск, Акция, Производители Отображать только обязательные опции Кнопка купить когда товара нет в наличии менять текст на любой который задали в админке (да / нет ) Отображение статуса товара когда товара отсутствует (да / нет) Быстрый доступ к настройкам шаблона Ckeditor Фиксированная панель в шапке при прокрутке страницы Оптимизация Стилей и Скриптов + Кеш этих файлов Отзывы(добавил Достоинства, недостатки, уже купил ) Автоматическое создание категорий для меню Возможность открывать ссылку с баннера в popup окне дополнительные ссылки в верхнем меню Упрощенное оформление заказа


       

      http://nsdemo.waterfilter.in.ua/ns_banner/One_Page_checkout.jpg
       
      Продающий интернет магазин – что это ? Мнений и обсуждений великое множество, так же как и людей с собственным опытом ведения E-торговли. 8летний опыт группы специалистов ведения электронной коммерции на территории стран бывшего СССР после многочисленных экспериментов, проб и ошибок, успехов и аналитики остановило выбор на русскоязычном сообществе опенкарт. Тема NewStore - это собранный в 1м месте и обкатанный на реальных успешных магазинах инструмент позволяющий владельцу сосредоточить собственное внимание на способе и моментах удобовариваемого преподнесения информации для потенциальных покупателей, не заморачиваясь при этом на технических моментах реализации задумок. Для любого владельца И.М. знание технических подробностей и правка кода всегда было головной болью, потому NewStore создана по принципу : «Просто добавь домен». Далее практически все настройки шаблона осуществляются из удобного модуля управления шаблоном. Перечисление достоинств и возможностей шаблона займет не одну страницу описания, потому наиболее рациональные модули (читаем достоинства) далее идут перечислением
       
       
       
       
       
       
       
       
       
       
      После покупки шаблона писать в личку для получения ключа активации шаблона
    • От ozxsunny777
      модуль Обратный звонок (Callback) opencart 2.3.. Существует бесплатный. Вообще есть хоть какой то? 
  • Последние посетители   0 пользователей онлайн

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