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


Создать Кнопку "заказать Звонок"


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

#1 delu-vrema

delu-vrema

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

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

Отправлено 18 Ноябрь 2015 - 12:48

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

#2 MikDark

MikDark

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

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

Отправлено 18 Ноябрь 2015 - 13:24

Просмотр сообщенияdelu-vrema (18 Ноябрь 2015 - 12:48) писал:

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

Здравствуйте. В шаблоне HTML Вам нужно найти код:
							 {% IF SETTINGS_STORE_EMAIL_MAIN %}
								 <div class="contentTableHeadMainSkype">
									 <a class="valignMiddle" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по E-mail">
										 <span class="valignMiddle">{SETTINGS_STORE_EMAIL_MAIN}</span>
									 </a>
								 </div>
							 {% ENDIF %}

и после него добавить:
<div><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span style="color:red;">Заказать звонок</span></a><div>

Далее там же перед тегом </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,14К   105 Количество загрузок:


#3 delu-vrema

delu-vrema

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

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

Отправлено 18 Ноябрь 2015 - 13:46

Просмотр сообщенияMikDark (18 Ноябрь 2015 - 13:24) писал:

Здравствуйте. В шаблоне HTML Вам нужно найти код:
							 {% IF SETTINGS_STORE_EMAIL_MAIN %}
								 <div class="contentTableHeadMainSkype">
									 <a class="valignMiddle" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по E-mail">
										 <span class="valignMiddle">{SETTINGS_STORE_EMAIL_MAIN}</span>
									 </a>
								 </div>
							 {% ENDIF %}

и после него добавить:
<div><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span style="color:red;">Заказать звонок</span></a><div>

Далее там же перед тегом </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>

Скачать приложенный архив и файл из него загрузить в раздел Сайт - Редактор шаблонов

Случилось следующее, весь блок контактов перенёсся под логотип (скриншот)
Хотелось бы вернуть обратно

И кроме того весь сайт стал чёрно - красным

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

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


#4 Danil

Danil

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

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

Отправлено 18 Ноябрь 2015 - 14:00

Просмотр сообщенияdelu-vrema (18 Ноябрь 2015 - 13:46) писал:

Случилось следующее, весь блок контактов перенёсся под логотип (скриншот)
Хотелось бы вернуть обратно

И кроме того весь сайт стал чёрно - красным
Здравствуйте.
Ошибки Вам исправили, проверьте.

#5 delu-vrema

delu-vrema

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

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

Отправлено 18 Ноябрь 2015 - 14:02

Просмотр сообщенияdelu-vrema (18 Ноябрь 2015 - 13:46) писал:

Случилось следующее, весь блок контактов перенёсся под логотип (скриншот)
Хотелось бы вернуть обратно

И кроме того весь сайт стал чёрно - красным

Вопрос решился, тег <div> был не закрытый в конце

#6 tsar

tsar

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

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

Отправлено 28 Апрель 2017 - 01:25

Здравствуйте.

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

Еще пожелание - чтобы кнопка "отправить" была не активной, если не указаны имя пользователя и номер телефона

#7 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 01 Май 2017 - 20:02

Просмотр сообщенияtsar (28 Апрель 2017 - 01:25) писал:

Здравствуйте.

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

Еще пожелание - чтобы кнопка "отправить" была не активной, если не указаны имя пользователя и номер телефона
Здравствуйте.
Поля формы Имя и Номер телеофна сделал обязательными.
Функционал обратного звонка реализован именно через переход на страницу после отправки сообщения.

#8 tsar

tsar

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

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

Отправлено 01 Май 2017 - 21:59

спасибо!

#9 zoogle

zoogle

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

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

Отправлено 02 Сентябрь 2017 - 23:22

Здравствуйте! в шапке сайта под логотипом хотелось бы разместить запись "Заказать звонок" и при нажатии открывалась форма обратной связи с указанием имени и номера телефона.

#10 Ирина345

Ирина345

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

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

Отправлено 04 Сентябрь 2017 - 14:45

Просмотр сообщенияzoogle (02 Сентябрь 2017 - 23:22) писал:

Здравствуйте! в шапке сайта под логотипом хотелось бы разместить запись "Заказать звонок" и при нажатии открывалась форма обратной связи с указанием имени и номера телефона.
Здравствуйте, если Вы говорите о магазине 339127, найдите в шаблоне hTML
	  <!-- Название магазина -->
				 <div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div> 
после вставьте
<a class="callback " href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>
<script>
$(document).ready(function() {
$(".callback").click(function(){
   $(this).nyroModalManual({
	  formIndicator: 'ajax_q',  // Value added when a form is sent
	  minWidth: 450, // Minimum width
	  minHeight: 175, // Minimum height
	  gallery: null // Gallery name if provided
	});
	return false;
})
});
</script>


#11 zoogle

zoogle

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

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

Отправлено 05 Сентябрь 2017 - 21:22

Спасибо!

#12 zoogle

zoogle

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

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

Отправлено 08 Сентябрь 2017 - 15:43

Добрый день! Как  уменьшить размер (ширину) выплывающего окна "заказать обратный звонок"?

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

  • Clip2net_170908154034.png


#13 Ирина345

Ирина345

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

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

Отправлено 08 Сентябрь 2017 - 17:18

Просмотр сообщенияzoogle (08 Сентябрь 2017 - 15:43) писал:

Добрый день! Как  уменьшить размер (ширину) выплывающего окна "заказать обратный звонок"?
Здравствуйте, добавьте в конец файла main.css
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent .content {
min-width: 300px;
}


#14 zoogle

zoogle

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

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

Отправлено 09 Сентябрь 2017 - 15:16

Ничего не  изменилось.

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

  • ZX.png


#15 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 09 Сентябрь 2017 - 16:08

Просмотр сообщенияzoogle (09 Сентябрь 2017 - 15:16) писал:

Ничего не  изменилось.
Здравствуйте.
Обновите страницу через Ctrl + F5
Сейчас окно отображается шириной в 300px

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

  • 09-09-2017 16-06-51.jpg


#16 Елена Букович

Елена Букович

    Новичок

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

Отправлено 22 Сентябрь 2018 - 15:42

Здравствуйте! актуальна ли данная настройка?? не могу найти строку в шаблоне HTML

#17 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 24 Сентябрь 2018 - 20:17

Просмотр сообщенияЕлена Букович (22 Сентябрь 2018 - 15:42) писал:

Здравствуйте! актуальна ли данная настройка?? не могу найти строку в шаблоне HTML
Здравствуйте.
Установил обратный звонок по инструкции из сообщения №2

#18 Елена Букович

Елена Букович

    Новичок

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

Отправлено 26 Сентябрь 2018 - 07:10

Просмотр сообщенияMr.Nito (24 Сентябрь 2018 - 20:17) писал:

Здравствуйте.
Установил обратный звонок по инструкции из сообщения №2
спасибо! а можно еще перенести кнопку?!

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

  • обратный звонок.PNG


#19 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 14 Октябрь 2018 - 09:41

Просмотр сообщенияЕлена Букович (26 Сентябрь 2018 - 07:10) писал:

спасибо! а можно еще перенести кнопку?!
Здравствуйте.
Кнопку перенёс




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

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