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


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

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

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

#1 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 22 Май 2014 - 16:15

Создаем форму обратного звонка при нажатии на иконку телефона.
Уведомления будут приходить на почту указанную в настройках (email для уведомлений)

Для начала нам необходимо загрузить шаблон "Обратный звонок" (callme.zip)
Прикрепленный файл callback.zip 1,54К 488 Количество загрузок:

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

Вставляем данный код перед </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>

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

Прикрепленные файлы

  • Прикрепленный файл  callback.zip   1,54К   488 Количество загрузок:


#2 ligorempty

ligorempty

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

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

Отправлено 01 Июнь 2014 - 10:48

Спасибо, у Вас самая лучшая форма!
У меня появилась загвоздка. Не работает кнопка. В чем проблема?

#3 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 01 Июнь 2014 - 18:55

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

Спасибо, у Вас самая лучшая форма!
У меня появилась загвоздка. Не работает кнопка. В чем проблема?

Здравствуйте, в разделе Сайт - Страницы выбираем страницу Обратный звонок
В SEO параметры отключите пункт
Использовать для ссылок поддомен, вместо названия страницы в URL


#4 ligorempty

ligorempty

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

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

Отправлено 02 Июнь 2014 - 17:11

Спасибо!

#5 Ruslan25

Ruslan25

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

  • Пользователи
  • PipPipPip
  • 195 сообщений
  • ГородУФА

Отправлено 13 Июнь 2014 - 23:43

Просмотр сообщенияCastiel (22 Май 2014 - 16:15) писал:

Создаем форму обратного звонка при нажатии на иконку телефона.
Уведомления будут приходить на почту указанную в настройках (email для уведомлений)

Для начала нам необходимо создать пустую страницу в разделе Сайт - Страницы с названием Обратный звонок, а название страницы в URL callback
После переходим в раздел Сайт - редактор шаблонов и выбираем шаблон страница
Заменяем стандартный код на этот
Скрытый текст

В данном шаблоне мы ввели условие, если название страницы "Обратный звонок" то отображать форму обратного звонка.

Далее нам необходимо указать при нажатии на какую кнопку выводить функцию с обратным звонком.
Сделаем на примере иконки телефона в шапке
В шаблоне HTML находим
<span class="sup_phone"></span>
Заменяем на
<a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1"><span class="sup_phone"></span></a>

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

Пример
А для шаблона "сияние" как

#6 batta

batta

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

  • Модератоpы
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 14 Июнь 2014 - 00:28

Посмотрите в этой теме http://forum.storela...вязь#entry36525 и в этой http://forum.storela...нок/#entry31876

#7 Admin1796

Admin1796

    Пользователь

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

Отправлено 16 Июнь 2014 - 23:56

Сделал все по инструкции, но почему то форма открывается в новом окне? Как исправить?

#8 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 17 Июнь 2014 - 07:08

Просмотр сообщенияAdmin1796 (16 Июнь 2014 - 23:56) писал:

Сделал все по инструкции, но почему то форма открывается в новом окне? Как исправить?

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

#9 Admin1796

Admin1796

    Пользователь

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

Отправлено 17 Июнь 2014 - 19:27

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

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

Почистил кэш, все заработало. Как вывести данную кнопку в другое место? Например в правый бок экрана. Осуществимо такое действие?

#10 Ирина345

Ирина345

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

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

Отправлено 17 Июнь 2014 - 19:54

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

Почистил кэш, все заработало. Как вывести данную кнопку в другое место? Например в правый бок экрана. Осуществимо такое действие?
Здравствуйте, что бы передвинуть кнопку найдите в шаблоне страница
<tr>
				 <td>{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}</td>
				 </tr>
замените на

<tr>
				 <td>{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button" style="   left: 206px;	top: 22px;	position: relative;">Отправить</button>{% ENDIF %}</td>
				 </tr>
Вы можете менять значения   left: 206px; (сдвиг влево),  top: 22px; (сдвиг вниз)

#11 Cybernetic

Cybernetic

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

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

Отправлено 18 Июнь 2014 - 08:26

Здравствуйте! Сделал изменения так, как написано тут, но форма отображается не так, как в примере у Castiel. Помогите разобраться в чем дело, пожалуйста.

Прикрепленные изображения

  • ljhnljdf.jpg


#12 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 18 Июнь 2014 - 09:07

Просмотр сообщенияCybernetic (18 Июнь 2014 - 08:26) писал:

Здравствуйте! Сделал изменения так, как написано тут, но форма отображается не так, как в примере у Castiel. Помогите разобраться в чем дело, пожалуйста.

Здравствуйте, Вы немного не там разместили скрипт.
Мы все исправили, обновите кэш браузера и все должно работать.

#13 Cybernetic

Cybernetic

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

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

Отправлено 18 Июнь 2014 - 09:16

Да, появляется в том виде, как надо, но при нажатии на "Отправить" перекидывает на страницу "Связь с администрацией", так и должно быть? Лучше-бы конечно сразу, при нажатии на "Отправить" на электронку отсылался номер и имя заполнившего, без лишних страниц.

#14 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 18 Июнь 2014 - 09:32

Просмотр сообщенияCybernetic (18 Июнь 2014 - 09:16) писал:

Да, появляется в том виде, как надо, но при нажатии на "Отправить" перекидывает на страницу "Связь с администрацией", так и должно быть? Лучше-бы конечно сразу, при нажатии на "Отправить" на электронку отсылался номер и имя заполнившего, без лишних страниц.

Да так и должно быть.

#15 Admin1796

Admin1796

    Пользователь

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

Отправлено 18 Июнь 2014 - 16:25

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

Здравствуйте, что бы передвинуть кнопку найдите в шаблоне страница
<tr>
<td>{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}</td>
</tr>
замените на

<tr>
<td>{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button" style=" left: 206px; top: 22px; position: relative;">Отправить</button>{% ENDIF %}</td>
</tr>
Вы можете менять значения   left: 206px; (сдвиг влево),  top: 22px; (сдвиг вниз)
Здравствуйте. Заменил код, но не увидел никаких изменений. В идеале конечно сделать так как на скрине.
Спасибо!
2014-06-18 17-20-56 Скриншот экрана.png

#16 Ирина345

Ирина345

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

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

Отправлено 18 Июнь 2014 - 16:30

Просмотр сообщенияAdmin1796 (18 Июнь 2014 - 16:25) писал:

Здравствуйте. Заменил код, но не увидел никаких изменений. В идеале конечно сделать так как на скрине.
Спасибо!
Прикрепленный файл 2014-06-18 17-20-56 Скриншот экрана.png
Здравствуйте,
найдите в main.css
#header #support .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:0;}

замените на


#header #support .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:107px;right:32px;}


#17 Admin1796

Admin1796

    Пользователь

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

Отправлено 18 Июнь 2014 - 16:34

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

Здравствуйте,
найдите в main.css
#header #support .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:0;}

замените на


#header #support .sup_phone{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:107px;right:32px;}

Обновил кэш, все на месте. А иконку как заменить на свою?
такой момент неприятный. При сворачивании верхней  части, значок как бы пропадает. Такой вариант не интересен.
Приложил скрин - 2014-06-18 17-46-05 Скриншот экрана (2).png

#18 Vaccina

Vaccina

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

  • Модераторы
  • 23 691 сообщений

Отправлено 19 Июнь 2014 - 04:13

В шаблоне HTML найдите и удалите:
<a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1"><span class="sup_phone"></span></a> 
			   

далее найдите:
<!-- Корзина -->
		  <div id="cart">
			<div class="heading">
			  <h4>Корзина покупок</h4>
			  <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}
				 - на сумму
			   
				{% IF cart_count_empty %}
				  <span>0</span> {CURRENCY_NAME}
				{% ELSE %}
				  {% FOR cart_sum %}
					{cart_sum.NOW | money_format}<br />
				  {% ENDFOR %}
				{% ENDIF %}</span>
			  </a>
			</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->
замените на:
<!-- Корзина -->
		  <div id="cart">
<div id="support" title="Заказать обратный звонок">
				<a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1"><span class="sup_phone"></span></a>  </div>
			   
			<div class="heading">
			  <h4>Корзина покупок</h4>
			  <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}
				 - на сумму
			   
				{% IF cart_count_empty %}
				  <span>0</span> {CURRENCY_NAME}
				{% ELSE %}
				  {% FOR cart_sum %}
					{cart_sum.NOW | money_format}<br />
				  {% ENDFOR %}
				{% ENDIF %}</span>
			  </a>
			</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->


#19 Наталья11111

Наталья11111

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

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

Отправлено 25 Июнь 2014 - 13:19

День добрый!
Попробовала оформить обратный звонок - все получилось, но мне хотелось бы чтобы форма обратный звонок открывалась бы не с изображения телефона возле контактов, а с надписи, которая уже на сайт заведена, но почему то не функционирует
http://akwaservis.ru/
Заранее благодарна

#20 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 25 Июнь 2014 - 13:25

Просмотр сообщенияНаталья11111 (25 Июнь 2014 - 13:19) писал:

День добрый!
Попробовала оформить обратный звонок - все получилось, но мне хотелось бы чтобы форма обратный звонок открывалась бы не с изображения телефона возле контактов, а с надписи, которая уже на сайт заведена, но почему то не функционирует
http://akwaservis.ru/
Заранее благодарна

Здравствуйте,
В файле "main.css".
Найти:
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 10px;
}

Заменить:
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 10px;
width: 400px;
height: 90px;
}


В шаблоне "HTML"
Находим:
<div class="fb"><a href="{FEEDBACK_URL}">Заказать обратный звонок</a></div>

Заменяем на:
<div class="fb"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1">Заказать обратный звонок</a></div>






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

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

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