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


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

Мокко звонок

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

#21 Ярослав 196

Ярослав 196

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

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

Отправлено 09 Декабрь 2014 - 15:45

Просмотр сообщенияИрина345 (07 Декабрь 2014 - 10:33) писал:

Здравствуйте, уточните для какого аккаунта Вы производите изменения, а так же верните их и отпишитесь как хотите изменить.
Здравствуйте, Номер аккаунта:SL-260176 Сделал изменения и сохранил в шаблон от 09.12.2014 04:40:14 (сейчас получилось на так криво). Но все же как можно его перенести под номер телефона и сделать мини всплывающее окно с номером телефона и кнопкой отправить.  (буквально 4сантиметра на сантиметр).  И что бы это окно всплывало сразу под ссылкой обратный звонок. Возможно ли так реализовать на стореленде?

#22 MikDark

MikDark

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

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

Отправлено 09 Декабрь 2014 - 17:23

Просмотр сообщенияЯрослав 196 (09 Декабрь 2014 - 15:45) писал:

Здравствуйте, Номер аккаунта:SL-260176 Сделал изменения и сохранил в шаблон от 09.12.2014 04:40:14 (сейчас получилось на так криво). Но все же как можно его перенести под номер телефона и сделать мини всплывающее окно с номером телефона и кнопкой отправить.  (буквально 4сантиметра на сантиметр).  И что бы это окно всплывало сразу под ссылкой обратный звонок. Возможно ли так реализовать на стореленде?

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

#23 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 09 Декабрь 2014 - 22:58

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

#24 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 09 Декабрь 2014 - 23:26

Аккаунт SL-205650
помогите убрать ошибку,и переместить обратный звонок сохранен 9.12.14 23.32
на первом фото куда хотелось бы перенести(где черная полоса) и возможно сделать что то похожее как на фото 2

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

  • Безымянный.png
  • Безымянный 1.png


#25 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2014 - 00:44

на данный момент не наблюдаю у вас изменений, код обратного звонка можно расположить перед:
<div id="contactInfo">

и прописывать уже самому звонку необходимые стили, например
.feedback{
position:absolute;
right:0;
top:100px;
}


#26 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 10 Декабрь 2014 - 01:11

Просмотр сообщенияVaccina (10 Декабрь 2014 - 00:44) писал:

на данный момент не наблюдаю у вас изменений, код обратного звонка можно расположить перед:
<div id="contactInfo">

и прописывать уже самому звонку необходимые стили, например
.feedback{
position:absolute;
right:0;
top:100px;
}
где находится этот код и что именно перед ним размещать (все что выше было описано), на данный момент востановил просьба посмотреть

#27 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2014 - 02:11

Спасибо, проблема в том, что вы используете код не для своего шаблона, то есть у вас нет функции fancybox

В вашем случае необходимо использовать следующую инструкцию:
http://forum.storela...ок/#entry147814

по инструкции необходимо добавить следующий код в необходимое место в шаблоне HTML:
<!-- Обратный звонок -->
						   <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>


#28 Ярослав 196

Ярослав 196

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

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

Отправлено 10 Декабрь 2014 - 08:53

Удалено

#29 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 10 Декабрь 2014 - 09:48

Просмотр сообщенияVaccina (10 Декабрь 2014 - 02:11) писал:

Спасибо, проблема в том, что вы используете код не для своего шаблона, то есть у вас нет функции fancybox

В вашем случае необходимо использовать следующую инструкцию:
http://forum.storela...ок/#entry147814

по инструкции необходимо добавить следующий код в необходимое место в шаблоне HTML:
<!-- Обратный звонок -->
						 <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>
вроде у меня шаблон Мокко, сделал как сказали все ровно ошибка

#30 MikDark

MikDark

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

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

Отправлено 10 Декабрь 2014 - 10:06

Просмотр сообщенияEgik (10 Декабрь 2014 - 09:48) писал:

вроде у меня шаблон Мокко, сделал как сказали все ровно ошибка

Ошибки у Вас не видим. Попробуйте почистить кэш или воспользоваться другим браузером.

#31 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 10 Декабрь 2014 - 10:15

Просмотр сообщенияMikDark (10 Декабрь 2014 - 10:06) писал:

Ошибки у Вас не видим. Попробуйте почистить кэш или воспользоваться другим браузером.
при ведение имени или телефона выскакивает ошибка, и еще вопрос как сделать нормальное окно и поменять цвет надписи на черный и саму надпись немного подвинуть

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

  • Безымянный2.png
  • Безымянный.png


#32 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2014 - 00:36

Стилизовать кнопку можно в main.css через класс zvonoc, пример:
.zvonoc{
color:#000;
text-decoration:none;
}

Чтобы увеличить всплывающее окно, увеличьте значение строк:
var width = 300;
var height = 240;

на данный момент у вас кнопка отсутствует, чтобы мы могли проверить ошибку

#33 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 11 Декабрь 2014 - 02:12

Просмотр сообщенияVaccina (11 Декабрь 2014 - 00:36) писал:

Стилизовать кнопку можно в main.css через класс zvonoc, пример:
.zvonoc{
color:#000;
text-decoration:none;
}

Чтобы увеличить всплывающее окно, увеличьте значение строк:
var width = 300;
var height = 240;

на данный момент у вас кнопка отсутствует, чтобы мы могли проверить ошибку
main.css на до добавить? восстановил обратный звонок убираю так как с ошибкой) и днем он становится не актуальным из за этого.
не разобрался как подвинуть надпись влево.

Сообщение отредактировал Egik: 11 Декабрь 2014 - 02:48


#34 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2014 - 03:16

установила данный код на стандартный шаблон мокко, ошибки не наблюдаю, код рабочий, вы от старого кода по обратному звонку все удалили?

.zvonoc{
color:#000;
text-decoration:none;
}
замените на:
.zvonoc{
color:#000;
text-decoration:none;
margin-left:10px;
}
вставляете данный код в main.css

на счет второго куска кода, он находится непосредственно в блоке обратного звонка.

чтобы скрывать от клиентов кнопку, но мы могли далее проверять
<div class="oneclick_s1"><a href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>
поменяйте на:
<div class="oneclick_s1" style="display:none;"><a href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>


#35 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 11 Декабрь 2014 - 03:34

все сделал, цвет текста не поменялся, кнопку скрыл. я восстанавливал бэкап и потом добавил этот код.(новый). буду ждать помощи в исправление ошибки)

#36 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2014 - 04:26

Перенесите данный код:
<!-- Обратный звонок -->
<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 href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a>
</div>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 320;
var height = 250;
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>
	  <!-- end Контакты -->
   <h2 id="title"></h2>


#37 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 11 Декабрь 2014 - 09:41

код перенес, работает, но разместить хотел туда где он стоял.(над телефоном)

#38 Ирина345

Ирина345

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

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

Отправлено 11 Декабрь 2014 - 11:56

Просмотр сообщенияEgik (11 Декабрь 2014 - 09:41) писал:

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

#39 shnafix

shnafix

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

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

Отправлено 11 Декабрь 2014 - 12:03

Просмотр сообщенияEgik (11 Декабрь 2014 - 09:41) писал:

код перенес, работает, но разместить хотел туда где он стоял.(над телефоном)
В таком случае, вставьте его сразу после строки
<td class="contentTableHeadMainWorkTime">


#40 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 11 Декабрь 2014 - 18:06

Просмотр сообщенияshnafix (11 Декабрь 2014 - 12:03) писал:

В таком случае, вставьте его сразу после строки
<td class="contentTableHeadMainWorkTime">
спасибо получилось! подскажите как надпись сделать черным цветом, а то не получается. И если где то реализована изменение страницы после заказа обратного звонка (в место обратной связи переход на другую) буду благодарен за подсказку, или за помощь в реализации.





Темы с аналогичным тегами Мокко, звонок

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

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