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


Добавить Обратный Звонок


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

#1 Ильяc

Ильяc

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

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

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

SL-153985

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

#2 Ирина345

Ирина345

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

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

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

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

SL-153985

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

#3 Ильяc

Ильяc

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

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

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

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


Здравствуйте, Вам нужно пройти по данной ссылке прочитать информацию и скачать файл, а так же выполнить инструкцию по установки скрипта.
Потом в нужном Вам месте ставляете ссылку.

Скачал архив вставил. Скрипт тоже вставил. Теперь скажите какую ссылку вставить в то место куда я указал на картинке выше?

#4 Ирина345

Ирина345

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

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

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

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

Скачал архив вставил. Скрипт тоже вставил. Теперь скажите какую ссылку вставить в то место куда я указал на картинке выше?
Найдите в HTML
<div id="tmsearch">
<form action="http://{NET_DOMAIN}/search" method="get">
<input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';">
<input type="image" style="margin-top:8px; margin-left:3px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />
замените на

<div id="tmsearch">
<form action="http://{NET_DOMAIN}/search" method="get">
<input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';">
<input type="image" style="margin-top:8px; margin-left:-117px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />
<span class="cal"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/callback.only_body=1">Обратный звонок</a></span>
в конец файла main.css добавьте

.cal{padding: 5px;
position: absolute;
margin-top: 9px;
}


#5 Ильяc

Ильяc

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

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

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

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


Найдите в HTML
<div id="tmsearch">
<form action="http://{NET_DOMAIN}/search"  method="get">
<input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';">
<input type="image" style="margin-top:8px; margin-left:3px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />
замените на

<div id="tmsearch">
<form action="http://{NET_DOMAIN}/search"  method="get">
<input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';">
<input type="image" style="margin-top:8px; margin-left:-117px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />
<span class="cal"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}callback?only_body=1">Обратный звонок</a></span>
в конец файла main.css добавьте

.cal{padding: 5px;
position: absolute;
margin-top: 9px;
}

неровно кнопка отображается
звонок.png

И еще когда нажимаю на кнопку перекидывает на какую то страницу с ошибкой.

#6 Ирина345

Ирина345

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

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

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

Просмотр сообщенияИльяc (13 Июль 2014 - 21:35) писал:

неровно кнопка отображается
Прикрепленный файл звонок.png

И еще когда нажимаю на кнопку перекидывает на какую то страницу с ошибкой.
Здравствуйте, не вижу данной кнопки, востановите изменения, чтобы могли Вам помочь.

#7 Ильяc

Ильяc

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

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

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

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

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

Восстановил. Пожалуйста помогите доделать эту кнопку до конца. Это уже пятая попытка установить этот функционал на сайт

#8 Ирина345

Ирина345

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

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

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

Просмотр сообщенияИльяc (14 Июль 2014 - 11:52) писал:

Восстановил. Пожалуйста помогите доделать эту кнопку до конца. Это уже пятая попытка установить этот функционал на сайт
Изменения произведены.
Если Вам не нужны какте-то поля для заполнения, то в шаблоне Обратный звонок, удалите строки
например если Вам не нужен Адрес для заполнения
<tr>
		  <td><label for="callback_address">Адрес</label></td>
		  <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td>
		</tr>


#9 Ильяc

Ильяc

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

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

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

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

Изменения произведены.
Если Вам не нужны какте-то поля для заполнения, то в шаблоне Обратный звонок, удалите строки
например если Вам не нужен Адрес для заполнения
<tr>
<td><label for="callback_address">Адрес</label></td>
<td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td>
</tr>

А можно сделать как на картинке и всплывающее окно?

#10 Ильяc

Ильяc

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

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

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

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

А можно сделать как на картинке и всплывающее окно?

Хотелось бы как на этом сайте реализовать все это
http://botanicus-cosmetic.ru/

#11 Ирина345

Ирина345

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

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

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

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

Хотелось бы как на этом сайте реализовать все это
http://botanicus-cosmetic.ru/
К сожалению для вашего шаблона не предусмотрена данная функция. Данная проблема передана разработчикам.

#12 Ильяc

Ильяc

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

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

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

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

К сожалению для вашего шаблона не предусмотрена данная функция. Данная проблема передана разработчикам.

Спасибо! Тогда лучше скрыть ее и вернуть на место. После установлю, когда доделают

#13 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Тема выше используется для шаблона Весна.

Используйте следующий код:
<!-- Обратный звонок -->
	 <div class="iframe_block_back1" style="display:none;"><center>
				 <form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data">
				 <div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div>
				 <div class="iframe_click">
				

				 {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
				 <label for="feedback_name">Имя: <span class="red">*</span></label>
				 <input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
				 <br /><label for="feedback_message">Телефон: <span class="red">*</span> +7</label>
				 <input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" />
				
				 <input id="feedback_еmail" name="form[feedback_email]" value="mail@mail.ru" type="hidden" />
				
				 <br /><label for="feedback_clock">Дополнительно</label>
				 <textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea>

				 <input type="submit" class="button_med" value="Позвоните мне" />

				 </div>
				 </form>
			 </center></div>
			 <div class="oneclick_s1"><a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a></div>
			
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 500;
var height = 300;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null,
endShowContent: function() {
$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
$(".formback form").validate({
	 submitHandler: function(form) {
		 $(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
		 + $(form).find('#feedback_clock').val());
		 $(form).hide().before('<center>Подождите, идет отправка формы...</center>');
		 form.submit();
	 },
	 rules: {
	 'form[feedback_name]': {
		 required: true,
		 minlength: 3
	 },
	 'form[feedback_message]': {
		 required: true,
		 minlength: 3
	 }
	 }
});
}
});
});
</script>
	 <!-- end Обратный звонок -->


#14 Ильяc

Ильяc

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

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

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

Этот код в какое место вставлять?

#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

В шаблон HTML, можно на место старой реализации.

#16 PowerTea

PowerTea

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

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

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

Сделал это на "Сиянии". Один вопрос. Здесь, в приведенном коде используются классы "section-caption c-orange" и так далее. У меня в main.css таких нет. Я так понял, это элементы дизайна в них прописаны?!! Где код этих классов можно взять, а то окно страшное выскакивает? Может у вас есть готовый шаблон более менее симпатичного окна. Сайт - powertea.ru

#17 Ирина345

Ирина345

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

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

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

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

Сделал это на "Сиянии". Один вопрос. Здесь, в приведенном коде используются классы "section-caption c-orange" и так далее. У меня в main.css таких нет. Я так понял, это элементы дизайна в них прописаны?!! Где код этих классов можно взять, а то окно страшное выскакивает? Может у вас есть готовый шаблон более менее симпатичного окна. Сайт - powertea.ru
Здравствуйте, если вопрос еще актуален, то можно изменить дизайн кнопки и формы на ваше усмотрение. Вы только скажите, что хотите изменить и поможем это сделать.

#18 PowerTea

PowerTea

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

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

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

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

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

Здравствуйте! Да все изменить хотелось бы! Функционал - одна проблемка - пишет слишком короткое имя (хотя ввожу нормальное имя из одного слова, например Алексей) и пускает только если два слова ввести в поле. Далее по дизайну - в обсуждении этой темы было масса примеров реализации, например  http://shopyland.ru/ Вот у них очень красиво. Мне бы их стили скопировать себе и код окошка!

#19 Castiel

Castiel

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

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

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

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



Здравствуйте! Да все изменить хотелось бы! Функционал - одна проблемка - пишет слишком короткое имя (хотя ввожу нормальное имя из одного слова, например Алексей) и пускает только если два слова ввести в поле. Далее по дизайну - в обсуждении этой темы было масса примеров реализации, например  http://shopyland.ru/ Вот у них очень красиво. Мне бы их стили скопировать себе и код окошка!

Здравствуйте, попробуйте такой вариант

В шаблоне "HTML"
Находим:
<!-- Обратный звонок -->
			   <div class="iframe_block_back1" style="display:none;"><center>
								  <form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data">
										<div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div>
										<div class="iframe_click">


										{% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
										<label for="feedback_name">Имя: <span class="red">*</span></label>
										<input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
										<br /><label for="feedback_message">Телефон: <span class="red">*</span> +7</label>
										<input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" />

										<input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" />

										<br /><label for="feedback_clock">Дополнительно</label>
										<textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea>

										<input type="submit" class="button_med" value="Позвоните мне" />

										</div>
								  </form>
								</center></div>
				<div class="oneclick_s1"><a class="zvonoc" id="openFlippingBook" title="Обратный звонок" href="#">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>


<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 500;
var height = 300;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,   
gallery: null,
endShowContent: function() {
		$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
		$(".formback form").validate({
		  submitHandler: function(form) {
				 $(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
				   + $(form).find('#feedback_clock').val());
				 $(form).hide().before('<center>Подождите, идет отправка формы...</center>');
				 form.submit();
		  },   
		  rules: {
		   'form[feedback_name]': {
				  required: true,
				  minlength: 3
				},
				'form[feedback_message]': {
				  required: true,
				  minlength: 3
				} 
		  }
		});
}
});
});
</script>

Заменяем на:
 <!-- Обратный звонок -->
			   <div class="iframe_block_back1" style="display:none;"><center>
								 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">

		 <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}
		 <h1>Заказать обратный звонок</h1>
		 <br>
		 <div class="form feedbackForm" style="width:300px;">
				 <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label>
				 <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>
								  <br>
				 <label for="callback_phone" class="required">Телефон<em>*</em></label>
				 <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>
								  <br>
				 <label for="callback_comment">Комментарий</label>
				 <textarea id="callback_comment" rows="3" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" style="width:50%;">{FORM_CALLBACK_COMMENT}</textarea>
		 </div>
		 <div class="buttons">
		 <div>
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
		 </div>
		 </div>
</form>
								</center></div>
				<div class="oneclick_s1"><a class="zvonoc" id="openFlippingBook" title="Обратный звонок" href="#">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>


<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 300;
var height = 240;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,   
gallery: null,
endShowContent: function() {
		$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
		$(".formback form").validate({
		  submitHandler: function(form) {
				 $(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
				   + $(form).find('#feedback_clock').val());
				 $(form).hide().before('<center>Подождите, идет отправка формы...</center>');
				 form.submit();
		  },   
		  rules: {
		   'form[feedback_name]': {
				  required: true,
				  minlength: 3
				},
				'form[feedback_message]': {
				  required: true,
				  minlength: 3
				} 
		  }
		});
}
});
});
</script>


#20 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 09 Август 2014 - 15:57

Добрый день. Помогите мне пожалуйста вставить обратный звонок.
На эту страницу.
http://***.**/feedback
Добавить нужно ниже основной формы.
Аккаунт SL-259171




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

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