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


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

Сияние звонок callback

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

#1 MikDark

MikDark

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

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

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

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

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

Из архива файл callback.html загружаем в раздел Сайт - Редактор шаблонов

1) В шаблоне HTML находим код:
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>

и заменяем его на:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/jquery.fancybox-1.3.4.min.css" type="text/css" />
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom_fancybox-1.3.4.version2.min.js"></script>

Далее в этом же шаблоне добавляем перед </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>

Далее находим код:
{% IF SETTINGS_STORE_ICQ %}
<tr>
<td class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</td>
</tr>
{% ENDIF %}

и после него добавляем:
<tr><td><div id="callback">
<a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax">Обратный звонок</a>
</div></td></tr>

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

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


#2 sibulba

sibulba

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

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

Отправлено 27 Март 2015 - 12:57

супер!  спасибо. буду докручивать

#3 sibulba

sibulba

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

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

Отправлено 27 Март 2015 - 13:15

на 1 сайте чистом сделал получилось с первого раза
на сайте http://climl.ru выскакивает ошибка + перенаправляет на новую страницу
т.е не работает
помогите поправить пожалуйста

#4 MikDark

MikDark

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

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

Отправлено 27 Март 2015 - 13:29

Просмотр сообщенияsibulba (27 Март 2015 - 13:15) писал:

на 1 сайте чистом сделал получилось с первого раза
на сайте http://climl.ru выскакивает ошибка + перенаправляет на новую страницу
т.е не работает
помогите поправить пожалуйста

Изменения Вам произвели.

#5 sibulba

sibulba

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

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

Отправлено 27 Март 2015 - 13:34

спасибо. и подскажите где можно стилизовать появляющиеся окно? выглядит убого. хотелось бы поменять стили

#6 sibulba

sibulba

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

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

Отправлено 27 Март 2015 - 13:48

извиняюсь но ошибка опять появилась и перенаправление

#7 MikDark

MikDark

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

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

Отправлено 27 Март 2015 - 13:52

Просмотр сообщенияsibulba (27 Март 2015 - 13:34) писал:

спасибо. и подскажите где можно стилизовать появляющиеся окно? выглядит убого. хотелось бы поменять стили

Добавьте в стили код:
table.form input, table.form textarea {
  margin: 5px;
  width: 157px;
}

остальное уточните как должно выглядеть

Просмотр сообщенияsibulba (27 Март 2015 - 13:48) писал:

извиняюсь но ошибка опять появилась и перенаправление

Удалите из шаблона HTML строку:
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>


#8 sibulba

sibulba

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

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

Отправлено 27 Март 2015 - 13:53

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

Добавьте в стили код:
table.form input, table.form textarea {
margin: 5px;
width: 157px;
}

остальное уточните как должно выглядеть



Удалите из шаблона HTML строку:
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>
как на сайте 220 вольт)

#9 sibulba

sibulba

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

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

Отправлено 28 Март 2015 - 10:41

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

#10 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 28 Март 2015 - 11:06

Просмотр сообщенияsibulba (28 Март 2015 - 10:41) писал:

подскажите пожалуйста как изменить размер всплывающего окна?
Здравствуйте. В main.css добавьте
#nyroModalWrapper {
  width: 600px!important;
  height: 150px!important;
}
и меняя эти параметры отредактируйте соответственно значения ширины и высоты.

#11 sibulba

sibulba

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

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

Отправлено 28 Март 2015 - 11:17

где находятся стили этого всплывающиго окна? не могу найти

т.е смотрю что стилей много а где они не вижу

#12 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 28 Март 2015 - 11:30

Просмотр сообщенияsibulba (28 Март 2015 - 11:17) писал:

где находятся стили этого всплывающиго окна? не могу найти

т.е смотрю что стилей много а где они не вижу
Часть стилей прописана в nyroModal.full.css но большая часть стилей прописана через скрипт.

#13 sibulba

sibulba

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

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

Отправлено 28 Март 2015 - 11:47

у меня нету nyroModal.full.css
где все это можно найти?

#14 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 28 Март 2015 - 11:58

Просмотр сообщенияsibulba (28 Март 2015 - 11:47) писал:

у меня нету nyroModal.full.css
где все это можно найти?
Вам нужно добавить в конец main.css
#nyroModalWrapper {
width: 600px!important;
height: 150px!important;
}
после чего можно будет изменить параметры  ширины и высоты в добавленном Вами стиле.

#15 sibulba

sibulba

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

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

Отправлено 28 Март 2015 - 12:10

это я понял
но есть же еще стили текста, заголовка
расположения текста
затемнения фона и так далее. эти файлы есть а админке для изменения?

#16 Cupuyc

Cupuyc

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

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

Отправлено 28 Март 2015 - 12:23

Просмотр сообщенияsibulba (28 Март 2015 - 12:10) писал:

это я понял
но есть же еще стили текста, заголовка
расположения текста
затемнения фона и так далее. эти файлы есть а админке для изменения?

Здравствуйте, все эти опции добавляются по аналогии с параметрами ширины и высоты из предыдущей инструкции

#17 sibulba

sibulba

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

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

Отправлено 28 Март 2015 - 21:20

подскажите как реализовать всплывающее окно заказа обратного звонка по типу кнопки написаь на сайте teplolab.KOM/g2569628-kiturami (замените KOM на com)
хотелось бы повторить это окно точь в точь. как это сделать подскажите.

подскажите как сделать основу а картинки и стили я сам добавлю.
надеюсь что поможете

#18 sibulba

sibulba

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

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

Отправлено 30 Март 2015 - 12:25

вопрос можераторам
уделите мне время?
хотел переделать форму заказа звонка по типу магазина другого

#19 sibulba

sibulba

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

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

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

разместил блок на сайте кровли
http://profkrovlya.ru/
подскажите как можно сделать форму на главной странице рабочей?
нужно чтобы она располагалась после слайдера и работала. стили сам поправлю

#20 Vaccina

Vaccina

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

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

Отправлено 05 Июнь 2015 - 07:44

Попробуйте использовать следующий код:
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm callback" enctype="multipart/form-data">
	 <div class="callback-success" style="display: none;">Ваша заявка отправлена успешно</div>
	 <div class="fieldset">
<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="null@null.nl" />
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="Подписка" />
			 <span class="insert-antispam"></span>
			 <ul class="form-list">
					 <li class="fields">
							 <div class="field name-firstname">
									 <div class="input-box">
											 <input type="text" id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="light required" placeholder="Ваше Имя" />
									 </div>
	 </div>
							 <div class="field name-lastname">
									 <div class="input-box">
											 <input id="feedback_phone" type="text" name="form[phone]" value="{FORM_PHONE}" maxlength="255" class="required phone input-text" placeholder="Ваш телефон" />																													
		 </div>
							 </div>
					 </li>
			 </ul>
	 </div>
	 <div class="buttons-set">
			 <input type="submit" class="exclusive" value="Оставить заявку" />			
	 </div>
</form>
<script>
$(function() {
$('.callback').submit(function() {
	 $.post($(this).attr('action'), $(this).serializeArray(), function() {
		 $('.callback-success').show();
	 });
	 return(false);
});
});
</script>

Или вам необходима именно всплывающая форма?





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

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

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