Отключен JavaScript

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

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

Автор MikDark, 12 нояб. 2014 18:31

Мокко звонок

Авторизуйтесь для ответа в теме

Сообщений в теме: 103

#21 Ярослав 196

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

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

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

Ирина345 (07 Декабрь 2014 - 10:33) писал:

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

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

Наверх

#22 MikDark

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

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

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

Ярослав 196 (09 Декабрь 2014 - 15:45) писал:

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

Наверх

#23 Egik

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

Пользователи
659 сообщений

ГородМосква

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

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

Наверх

#24 Egik

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

Пользователи
659 сообщений

ГородМосква

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

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

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

Наверх

#25 Vaccina

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

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

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

на данный момент не наблюдаю у вас изменений, код обратного звонка можно расположить перед:

<div id="contactInfo">

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

.feedback{
position:absolute;
right:0;
top:100px;
}

Наверх

#26 Egik

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

Пользователи
659 сообщений

ГородМосква

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

Vaccina (10 Декабрь 2014 - 00:44) писал:

на данный момент не наблюдаю у вас изменений, код обратного звонка можно расположить перед:

<div id="contactInfo">

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

.feedback{
position:absolute;
right:0;
top:100px;
}

где находится этот код и что именно перед ним размещать (все что выше было описано), на данный момент востановил просьба посмотреть

Наверх

#27 Vaccina

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

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

Отправлено 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

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

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

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

Удалено

Наверх

#29 Egik

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

Пользователи
659 сообщений

ГородМосква

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

Vaccina (10 Декабрь 2014 - 02:11) писал:

<!-- Обратный звонок -->
						 <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

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

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

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

Egik (10 Декабрь 2014 - 09:48) писал:

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

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

Наверх

#31 Egik

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

Пользователи
659 сообщений

ГородМосква

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

MikDark (10 Декабрь 2014 - 10:06) писал:

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

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

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

Наверх

#32 Vaccina

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

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

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

Стилизовать кнопку можно в main.css через класс zvonoc, пример:

.zvonoc{
color:#000;
text-decoration:none;
}

Чтобы увеличить всплывающее окно, увеличьте значение строк:

var width = 300;
var height = 240;

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

Наверх

#33 Egik

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

Пользователи
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

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

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

Отправлено 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

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

Пользователи
659 сообщений

ГородМосква

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

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

Наверх

#36 Vaccina

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

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

Отправлено 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

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

Пользователи
659 сообщений

ГородМосква

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

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

Наверх

#38 Ирина345

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

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

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

Egik (11 Декабрь 2014 - 09:41) писал:

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

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

Наверх

#39 shnafix

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

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

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

Egik (11 Декабрь 2014 - 09:41) писал:

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

В таком случае, вставьте его сразу после строки

<td class="contentTableHeadMainWorkTime">

Наверх

#40 Egik

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

Пользователи
659 сообщений

ГородМосква

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

shnafix (11 Декабрь 2014 - 12:03) писал:

В таком случае, вставьте его сразу после строки

<td class="contentTableHeadMainWorkTime">

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

Наверх

Обратно в Шаблон Мокко

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

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Обратный Звонок Автор Гость_titov_andrei_* , 21 апр. 2017 звонок, телефон, шапка, форма и 1 еще...	5 Ответов 1 936 Просмотров	Stasya 25 апр. 2017
Повышение продаж, продвижение → Общие вопросы → Сделать Шапку Кликабельной Автор Гость_nikon_* , 28 июля 2015 шапка, мокко, дизайн, аннер и 3 еще...	0 Ответов 1 334 Просмотров	nikon 28 июля 2015
Повышение продаж, продвижение → Общие вопросы → Поменять Цвет Цены В Мокко Автор Гость_nikon_* , 27 июля 2015 мокко, цвет, изменить, шаб, лон и 5 еще...	8 Ответов 2 648 Просмотров	nikon 28 июля 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Цитрус → Изменение общей стилистики → Контакты, Обратный Звонок, Корзина, Поиск, Каталог Автор Гость_Zagadaika_* , 25 мая 2015 контакты, звонок, каталог и 2 еще...	Популярная тема 12 Ответов 2 568 Просмотров	Danil 29 мая 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Цитрус → Изменение общей стилистики → Обратный Звонок Автор Гость_Дима Шумский_* , 06 мая 2015 звонок, телефон, Обратный звонок и 7 еще...	Популярная тема 11 Ответов 4 961 Просмотров	Firefly 29 апр. 2018

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

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

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

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

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

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

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

Войти

Google поиск