Перейти к содержимому


Обратный Звонок Для Шаблона Осень

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

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 30

#21 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 07 Сентябрь 2014 - 17:30

Просмотр сообщенияВалерия (07 Сентябрь 2014 - 17:25) писал:

<div id="header-right">
Не нахожу такой код...
Здравствуйте, уточните на скриншоте куда именно хотите установить кнопку, и мы укажем куда вставлять код.

#22 Валерия

Валерия

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 08 Сентябрь 2014 - 17:51

Просмотр сообщенияИрина345 (07 Сентябрь 2014 - 17:30) писал:

Здравствуйте, уточните на скриншоте куда именно хотите установить кнопку, и мы укажем куда вставлять код.

Изображение


Под телефонами) и подскажите еще, как вернуть красную полоску под меню?

#23 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 08 Сентябрь 2014 - 18:15

Просмотр сообщенияВалерия (08 Сентябрь 2014 - 17:51) писал:

Изображение


Под телефонами) и подскажите еще, как вернуть красную полоску под меню?

Полосу вернули, кнопку поставили, но у Вас не загружен файл из инструкции, поэтому кнопка пока не работает.

#24 Валерия

Валерия

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 102 сообщений

Отправлено 08 Сентябрь 2014 - 20:15

Просмотр сообщенияMikDark (08 Сентябрь 2014 - 18:15) писал:

Полосу вернули, кнопку поставили, но у Вас не загружен файл из инструкции, поэтому кнопка пока не работает.

Подскажите пожалуйста какой именно код и перед чем)

#25 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 08 Сентябрь 2014 - 20:25

Просмотр сообщенияВалерия (08 Сентябрь 2014 - 20:15) писал:

Подскажите пожалуйста какой именно код и перед чем)
Здравствуйте! Скачайте из инструкции файл с названием callback.zip. Разархивируйте его и загрузите файл из архива в разделе Сайт->Редактор шаблонов (при нажатии на зеленую кнопку "Добавить файлы").

#26 Konlino

Konlino

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 14 Март 2015 - 13:08

Просмотр сообщенияCastiel (12 Июль 2014 - 17:01) писал:

Создаем форму обратного звонка при нажатии на иконку телефона.
Уведомления будут приходить в раздел Заказы - Заказы, На почту, а так же уведомления по СМС на номер администратора в магазине и на номер ICQ если в настройках он указан.

Для начала нам необходимо загрузить шаблон "Обратный звонок" (callme.zip)



Далее нам необходимо указать при нажатии на какую кнопку выводить функцию с обратным звонком.
Сделаем на примере иконки телефона в шапке
В шаблоне HTML находим
<div id="header-right">
Перед ним вставляем
<div id="callback">
<a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax">Обратный звонок</a>
</div>

Вставляем данный код перед </head>
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

Далее добавляем стили в style.css
#callback {
float: left;
position: relative;
padding: 5px;
}
#callback a {
color: #FFF;
text-decoration: none;
font-size: 18px;
}


Рекомендуем прочитать данную тему, в ней описано более подробно как можно использовать функцию обратный звонок.

после изменения в html шаблоне верхняя часть сайта "ломается" сьезжают корзина, поиск и т.д. Подскажите, что не так?
https://yadi.sk/i/-vkM2nTLfFMdn

#27 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 14 Март 2015 - 13:28

Просмотр сообщенияKonlino (14 Март 2015 - 13:08) писал:

после изменения в html шаблоне верхняя часть сайта "ломается" сьезжают корзина, поиск и т.д. Подскажите, что не так?
https://yadi.sk/i/-vkM2nTLfFMdn

Скорее всего Вы неправильно поставили код самой кнопки в шаблон HTML,повторите изменения, мы посмотрим и поправим при необходимости.

#28 Konlino

Konlino

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 14 Март 2015 - 13:49

Просмотр сообщенияCastiel (15 Июль 2014 - 06:59) писал:

В шаблоне "HTML"
Находим:
$(".callme").fancybox({

Заменяем на:
$(".callback").fancybox({

У меня не получилось после этих манипуляций добиться всплывающего окна, подскажите как сделать в моем случае?

Просмотр сообщенияMikDark (14 Март 2015 - 13:28) писал:

Скорее всего Вы неправильно поставили код самой кнопки в шаблон HTML,повторите изменения, мы посмотрим и поправим при необходимости.

Откатил шаблон и повторил все заново, стало лучше, но кнопка черная как и полоса на верху и поэтому ее не водно, и все равно съезжают кнопки соц сетей, :(

#29 kislovodchanin

kislovodchanin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 22 Март 2015 - 00:28

Всем доброго времени суток.
Перелопатил кучу тем, по поводу настройки обратного звонка.
Всё что находилось, меня не устраивало и по виду и по функционалу.
Решил пойти своим путём, покурил мурзилки на разных форумах и сваял себе кнопку обратного звонка.
Вот как она выглядит у меня на сайте.
Готовая форма..png

Если интересует подобное исполнение, то эта инструкция для вас.
И так поехали.
Первое что нужно сделать, зарегистрироваться на сайте
ПОДХОДИТ НАМ ТОЛЬКО ПЛАТНЫЙ ТАРИФ.
Но думаю 5 $ в год это не цена, а функционал у сайта огромный!

После регистрации вы попадаете на конструктор формы
Конструктор форм.png

После того как вы сконструировали форму под свои желания и потребности идёте в личный кабинет.
Кабинет..png

Скачали файлы, теперь нам из того что вы находим в документе с названием "index" нужно собрать вот такую конструкцию
<!--Не в коем случае не подключайте первый плагин. -->
<script type="text/javascript" src="http://jbcallme.ru/lib/external/jquery.maskedinput.js"></script>
<script type="text/javascript" src="http://jbcallme.ru/lib/js/jquery.jbform.js"></script>
<!--Раскоментируйте нужный выбранный вами стиль-->
<!-- <link rel="stylesheet" type="text/css" href="http://jbcallme.ru/lib/css/jquery.jbform.css"> --><!--Стиль по умолчанию-->
<!-- <link rel="stylesheet" type="text/css" href="/путь_к/css/blue.jquery.jbform.css"> --><!--Синий стиль-->
<!-- <link rel="stylesheet" type="text/css" href="/путь_к/css/yellow.jquery.jbform.css"> --><!--Желтый стиль-->
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
$('.YOUR_BUTTON').jbform({
key: "здесь ваш ключ с сайта ",
title: "Заказ обратного звонка",
postfix: "call_me_normal",
fields: {
	 name: {
		 type: "text",
		 required: true,
		 placeholder: "Ваше имя"
	 },
	 tel: {
		 type: "tel",
		 required: true,
		 placeholder: "Ваш номер телефона"
	 },
	 submit: {
		 type: "submit",
		 value: "Перезвоните мне"
	 }
},
onShow: function(){
	 // Украина: '+38 (999) 999-99-99', любой номер телефона: '(999) 999-9999?99999'
	 $('#jbForm_call_me_normal [name=tel]').mask('+7 (999) 999-99-99');
}
});
});
// ]]>
</script>
Конструкция полностью рабочая, адаптированная под шаблон ОСЕНЬ.
Советую не использовать код выложенный мною тут для примера, а собрать свой из документа "index"
Моя конструкция хоть и рабочая, но всё же пример.

И так, код собран, теперь нужно его вставить вот в это место.
Основные.png

Конструкцию вставляем в поле
Код для вывода на всех страницах магазина

И только туда, в остальных местах глюки шаблона будете собирать лопатой.
Никаких файлов заливать на сайт не надо, так же ломает шаблон.
Подключать библиотеки js в пределах тега <head> так же настоятельно не советую.
(хотя от экспериментов ещё ни кто не умер, делайте бекап шаблона)

Далее в документе "index" найдёте вот такой код
<a href="#" class="YOUR_BUTTON">Кнопка вызова формы</a>
Его нужно вставить туда, где вы хотите видеть отображение кнопки или ссылки обратного звонка.
Ну соответственно в редакторе шаблонов, в шаблон "HTML"

Оформление кнопки, это уже отдельная тема, а то эта инструкция будет очень запутанной.
Но думаю в этом уже нет ничего сложного, там нет плагинов и ничего у вас не покоробит.

Забыл добавить, если вы хотите, что бы Вам на телефон приходило смс о заказе звонка, нужно зарегистрироваться на сайте
и заберите
Ваш api_id
api-id.png

А теперь то что вы забрали на сайте sms.ru нужно вставить в поле на сайте jbCallMe.ru
jbCallMe.png

Думаю на этом всё.
Простите если инструкция сильно корявая, но это моё первое творение.
Если будут какие либо сложности, помогу с удовольствием.

#30 Flor@@

Flor@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 29 Март 2015 - 19:53

Просмотр сообщенияCastiel (12 Июль 2014 - 17:01) писал:

Далее нам необходимо указать при нажатии на какую кнопку выводить функцию с обратным звонком.
Сделаем на примере иконки телефона в шапке
В шаблоне HTML находим
<div id="header-right">
Перед ним вставляем
<div id="callback">
<a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax">Обратный звонок</a>
</div>
не могу найти кода перед которым нужно производить правки для акка: 307648

#31 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 30 Март 2015 - 09:56

Просмотр сообщенияFlor@@ (29 Март 2015 - 19:53) писал:

не могу найти кода перед которым нужно производить правки для акка: 307648

Уточните, где бы вы хотели видеть кнопку обратного звонка, мы Вам поставим.





Темы с аналогичным тегами Обратный звонок, перезвони мне, перезвонить, Осень, звонок

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных