Ещё Одна Тема Про Обратный Звонок...
#1
Отправлено 20 Март 2017 - 20:32
Приношу 1000 извинений за очередную тему по созданию формы обратного звонка.. Но, после многих часов вычитывания форума и длительных танцев с бубнами, не добившись желаемого результата - я решился задать вопрос. У меня шаблон "Сияние".
Спрошу так: можно ли сделать форму обратного звонка на базе страницы "feedback"?
Я сделал следующее: скачал callback.zip, установил его - но заменил текст callback.html на текст из формы "Связь с администрацией". Естественно, всё работает коряво)) Ссылка на форму обратного звонка: http://clear-m.ru/callback
Исходя из проделанного, у меня следующие вопросы:
1) Как сделать, чтобы при переходе по ссылке http://clear-m.ru/callback открывалось всплывающее окно с затемнением фона: наподобие появления окна быстрого перехода в корзину (рисунок 1).
2) Форма требует ввести корректный e-mail вместо номера телефона (рисунок 2). Как сделать, чтобы можно было вводить номер телефона, вместо e-mail?
3) Как сделать, чтобы окно "Комментарии" не было обязательным для заполнения (рисунок 3)? Поля "Имя" и "Телефон" должны остаться обязательными
4) После корректного заполнения формы и нажатия кнопки "Заказать звонок", сайт перекидывает на страницу http://clear-m.ru/feedback (рисунок 4). Как сделать, чтобы этого не происходило, а надпись "Ваше сообщение успешно отправлено" появлялось в текущем окне http://clear-m.ru/callback ?
Пожалуйста, помогите!!! Очень прошу!
#2
Отправлено 21 Март 2017 - 06:02
Перефразируйте пожалуйста результат. Исходя из первого пункта, форма должна быть только всплывающей, то есть, как понимаю, на сайте должна быть кнопка вроде "обратного звонка" при клике на которую форма будет всплывать, верно? Исходя из остальных пунктов, зачем использовать форму обратного звонка, если внутри шаблона вы все меняете на форму из шаблона связь с администрацией, может быть лучше изначально сделать всплывающую форму связи с администрацией?
#3
Отправлено 21 Март 2017 - 11:56
Vaccina (21 Март 2017 - 06:02) писал:
Перефразируйте пожалуйста результат. Исходя из первого пункта, форма должна быть только всплывающей, то есть, как понимаю, на сайте должна быть кнопка вроде "обратного звонка" при клике на которую форма будет всплывать, верно?
Цитата
В принципе, меня устроит так, как реализован обратный звонок на сайте http://climl.ru . НО!! После заказа обратного звонка здесь так же перебрасывается на страницу feedback (как в моём вопросе 4). Хотелось бы, чтобы не перекидывалось.
#4
Отправлено 23 Март 2017 - 19:51
#5
Отправлено 24 Март 2017 - 15:04
Barmalei (21 Март 2017 - 11:56) писал:
Да, будут кнопки на некоторых страницах сайта, в т.ч. на шаблоне HTML хочу разместить две кнопки обратного звонка: в шапке и подвале. А точнее, это будут не кнопки - а просто надписи "заказать обратный звонок". Форму хочу видеть всплывающей, наподобие всплывающего окна на рисунке 1.
Я даже не знаю, посоветуйте Вы? Но форму связи с администрацией, на которую мы попадаем по адресу http://clear-m.ru/feedback я хочу оставить без изменений. Как можете видеть, я её (форму) маленько переделал под себя. Т.е. мне нужно отдельное окно для обратного звонка, по другому адресу.
В принципе, меня устроит так, как реализован обратный звонок на сайте http://climl.ru . НО!! После заказа обратного звонка здесь так же перебрасывается на страницу feedback (как в моём вопросе 4). Хотелось бы, чтобы не перекидывалось.
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}и сразу после нее вставьте блок
!-- Обратный звонок --> <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a> <div id="fancybox-callback" style="display:none"> <h4 class="title">Обратный звонок</h4> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off"> </div> <div class="callback-input"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off"> </div> <button type="submit" title="Отправить" class="button button3">Отправить</button> </form> </div>Далее в этом же шаблоне найдите
</head>и перед ней добавьте блок
<!-- Обратный звонок в шапке --> <script> $(document).ready(function(){ $(".callback > a.button").click(function(){ $(this).nyroModalManual({ minWidth: 310, // Minimum width minHeight: 210, // Minimum height gallery: null // Gallery name if provided }); }) }) </script> <!-- /END Обратный звонок в шапке -->Далее в конец файла main.js добавьте блок
// Валидаторы для Имени и телефона function validName(){ name = $('#callback_person').val(); if(name != ''){ $('.name-error').remove(); q2 = true; }else{ $('.name-error').remove(); $('#callback_person').after('<div class="name-error">Вы не указали ваше Имя</div>'); } } function validPhone(){ tel = $('#callback_phone').val(); check = /^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{5,10}$/.test(tel); if(check == true && check != ''){ $('.phone-error').remove(); q1 = true; } else{ $('.phone-error').remove(); $('#callback_phone').after('<div class="phone-error">Вы ввели неверный номер телефона</div>'); } } //Проверка телефона в обратном звонке. function validCallBack(){q1 = false;q2 = false;validName();validPhone();return q1 && q2;} $(document).ready(function(){ $('.callbackForm').submit(validCallBack) $('.callbackredirect').val(document.location.href); })В конец файла main.css добавьте блок
form.callbackForm .callback-input{margin-bottom:10px;} form.callbackForm .inputText {width:300px;height: 30px;} #nyroModalContent h4{text-transform: uppercase;color: #666;text-align: center;margin: 10px 0 20px;font-size:22px;} .callbackForm{padding:0 10px;} .callbackForm button{ margin: 0 auto; display: block; background: #3a9e78; padding: 10px 30px; color: #fff; border: none; font-size: 15px; } #nyroModalTitle{display:none;} .button.button3{font-size: 12px;position: absolute;left: 20%;}
#6
Отправлено 28 Март 2017 - 20:24
Не помогло: при нажатии на кнопку "Обратный звонок" ничего не происходит.
Я добавил "кнопки": "Задать вопрос" и "Обратный звонок" (Рисунок 5). Обе кнопки сейчас ссылаются на http://clear-m.ru/feedback. Как сделать так, чтобы кнопка "Обратный звонок" ссылалась именно на форму обратного звонка? И уж совсем замечательно будет, если эти "кнопки" действительно станут кнопками - а не надписями на картинке-фоне Можно так сделать? Если сложно - то не сильно принципиально..
И ещё, хочу сделать кнопку "обратный звонок" в нижней панели меню: Рисунок 6. Это возможно?
Ещё вопрос не по теме: можно ли кнопку "Наверх" (рисунок 7) не отображать в мобильных браузерах? Если это не реализуемо - то как сделать так, чтобы кнопка появлялась при значительно большей прокрутке страницы вниз? На данный момент, кнопка перестаёт быть невидимой при очень незначительной прокрутке страницы вниз: а это ни к чему.
#7
Отправлено 30 Март 2017 - 15:18
Barmalei (28 Март 2017 - 20:24) писал:
Не помогло: при нажатии на кнопку "Обратный звонок" ничего не происходит.
Я добавил "кнопки": "Задать вопрос" и "Обратный звонок" (Рисунок 5). Обе кнопки сейчас ссылаются на http://clear-m.ru/feedback. Как сделать так, чтобы кнопка "Обратный звонок" ссылалась именно на форму обратного звонка? И уж совсем замечательно будет, если эти "кнопки" действительно станут кнопками - а не надписями на картинке-фоне Можно так сделать? Если сложно - то не сильно принципиально..
И ещё, хочу сделать кнопку "обратный звонок" в нижней панели меню: Рисунок 6. Это возможно?
Ещё вопрос не по теме: можно ли кнопку "Наверх" (рисунок 7) не отображать в мобильных браузерах? Если это не реализуемо - то как сделать так, чтобы кнопка появлялась при значительно большей прокрутке страницы вниз? На данный момент, кнопка перестаёт быть невидимой при очень незначительной прокрутке страницы вниз: а это ни к чему.
<!-- Обратный звонок в шапке --> <script> $(document).ready(function(){ $(".callback > a.button").click(function(){ $(this).nyroModalManual({ minWidth: 310, // Minimum width minHeight: 210, // Minimum height gallery: null // Gallery name if provided }); }) }) </script>и замените его на
<script> $(document).ready(function(){ $(".footerCall, .contentTableHeadMainPhone > a.button").click(function(){ $(this).nyroModalManual({ minWidth: 310, // Minimum width minHeight: 210, // Minimum height gallery: null // Gallery name if provided }); return false; }) }) </script>
2) В том же шаблоне найдите блок
<li><a title="Перейти к странице «Главная»" class="selected" href="http://clear-m.ru/">Главная</a></li><li><a title="Ваша корзина" href="http://clear-m.ru/cart">Корзина</a></li><li><a title="Полный список товаров на сайте" href="http://clear-m.ru/catalog">Каталог товаров</a></li><li class="last"><a title="Связь с администрацией магазина" href="http://clear-m.ru/feedback">Связь с администрацией</a></li> </ul>и замените на
<li><a title="Перейти к странице «Главная»" class="selected" href="http://clear-m.ru/">Главная</a></li><li><a title="Ваша корзина" href="http://clear-m.ru/cart">Корзина</a></li><li><a title="Полный список товаров на сайте" href="http://clear-m.ru/catalog">Каталог товаров</a></li><li class="last"><a title="Связь с администрацией магазина" href="http://clear-m.ru/feedback">Связь с администрацией</a></li> <li><a class="footerCall" href="#fancybox-callback" title="Обратный звонок"" > Обратный звонок </a> </ul>
3) В шаблоне HTML найдите блок
// fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) {и замените его на
// fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 600) {
#8
Отправлено 02 Апрель 2017 - 02:33
Во-первых, при нажатии на кнопку "Обратный звонок" (рисунок 8), ничего не происходит. Совсем ничего. Как бы сделать так, что бы при нажатии всплывала форма обратной связи?
Во вторых кнопку из рисунка 8 нужно вообще убрать. Форма обратного звонка должна вылазить при нажатии на кнопку на рисунке 9 (сейчас там вшита ссылка на feedback). Как?
В подвале я тоже добавил кнопку заказа обратного звонка (рисунок 10). При её нажатии, так же должна всплывать форма обратного звонка. Как?
Ещё раз повторюсь: может, проще, сделать обратный звонок на базе копии страницы feedback? Нужно только, чтобы окно было всплывающим, и можно было вносить номер телефона - а не e-mail.
Цитата
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
и замените его на
// fade in #back-top
$(function () {
$(window).scroll(function () {
if($(this).scrollTop()>600){
Это не помогло решить проблему. Мне нужно вырезать косяк, который возникает при заполнении форм корзины и связи с администрацией на мобильном браузере. Стрелка "Вверх" загораживает формы, которые нужно заполнить. Рисунки 11,12. Есть решения данной проблемы? Нельзя убрать стрелку в мобильных браузерах?
#9
Отправлено 06 Апрель 2017 - 00:55
#10
Отправлено 06 Апрель 2017 - 12:36
Barmalei (02 Апрель 2017 - 02:33) писал:
Во-первых, при нажатии на кнопку "Обратный звонок" (рисунок 8), ничего не происходит. Совсем ничего. Как бы сделать так, что бы при нажатии всплывала форма обратной связи?
Во вторых кнопку из рисунка 8 нужно вообще убрать. Форма обратного звонка должна вылазить при нажатии на кнопку на рисунке 9 (сейчас там вшита ссылка на feedback). Как?
В подвале я тоже добавил кнопку заказа обратного звонка (рисунок 10). При её нажатии, так же должна всплывать форма обратного звонка. Как?
Ещё раз повторюсь: может, проще, сделать обратный звонок на базе копии страницы feedback? Нужно только, чтобы окно было всплывающим, и можно было вносить номер телефона - а не e-mail.
Это не помогло решить проблему. Мне нужно вырезать косяк, который возникает при заполнении форм корзины и связи с администрацией на мобильном браузере. Стрелка "Вверх" загораживает формы, которые нужно заполнить. Рисунки 11,12. Есть решения данной проблемы? Нельзя убрать стрелку в мобильных браузерах?
Здравствуйте.
Изменения Вам произвел.
Проверьте, пожалуйста.
#11
Отправлено 07 Апрель 2017 - 10:04
Когда я заполняю поля имени и телефон (рисунок, 13) и нажимаю "заказать звонок" - меня перекидывает на страницу feedback и просит заполнить текст сообщения (рисунок 14). Как убрать перекидывание на фидбэк?
С мобильной версией вопрос решён, спасибо!
#12
Отправлено 09 Апрель 2017 - 14:36
Barmalei (07 Апрель 2017 - 10:04) писал:
Когда я заполняю поля имени и телефон (рисунок, 13) и нажимаю "заказать звонок" - меня перекидывает на страницу feedback и просит заполнить текст сообщения (рисунок 14). Как убрать перекидывание на фидбэк?
С мобильной версией вопрос решён, спасибо!
Изменения Вам произвел, проверьте, пожалуйста.
#13
Отправлено 10 Апрель 2017 - 09:22
Danil (09 Апрель 2017 - 14:36) писал:
Изменения Вам произвел, проверьте, пожалуйста.
Нельзя ли убрать перекидывание на страницу http://clear-m.ru/callback после нажатия кнопки "Заказать звонок"? А сообщение: "
Запрос обратного звонка успешно отправлен администрации магазина." писать в том же всплывающем окне, где и заполняли поля с именем и телефоном?
Если это сложнореализуемо - то оставим так, как есть.
И ещё: если просто зайти на страницу http://clear-m.ru/callback - то поле "Комментарии" выходит за границу сайта. А если, находясь на вкладке http://clear-m.ru/callback нажать кнопку "Обратный звонок" - то в появившейся форме не нажимается кнопка "Заказать звонок" (даже при условии корректного заполнения всех полей)
#14
Отправлено 13 Апрель 2017 - 14:11
Barmalei (10 Апрель 2017 - 09:22) писал:
Нельзя ли убрать перекидывание на страницу http://clear-m.ru/callback после нажатия кнопки "Заказать звонок"? А сообщение: "
Запрос обратного звонка успешно отправлен администрации магазина." писать в том же всплывающем окне, где и заполняли поля с именем и телефоном?
Если это сложнореализуемо - то оставим так, как есть.
И ещё: если просто зайти на страницу http://clear-m.ru/callback - то поле "Комментарии" выходит за границу сайта. А если, находясь на вкладке http://clear-m.ru/callback нажать кнопку "Обратный звонок" - то в появившейся форме не нажимается кнопка "Заказать звонок" (даже при условии корректного заполнения всех полей)
Изменения Вам произвел, проверьте, пожалуйста.
#15
Отправлено 17 Апрель 2017 - 12:01
Danil (13 Апрель 2017 - 14:11) писал:
Изменения Вам произвел, проверьте, пожалуйста.
Но!...
В мобильной версии заказать обратный звонок практически не возможно: форма постоянно меняет размер - и заполнить её очень сложно (Рисунок 1).
Поэтому, давайте упростим задачу: пусть при нажатии на кнопку(кнопки) "заказать звонок" пользователь просто перекидывается на страницу http://clear-m.ru/callback - и уже там заполняет форму для звонка.
Но здесь два момента на странице http://clear-m.ru/callback:
1) Если нажать на кнопку "Заказать звонок" не заполнив поля - ничего не происходит. Нужно, чтобы выводились сообщения "Заполните Имя", "Заполните телефон" (как на рисунке 2).
2) Поле "Комментарии" по-прежнему вылазит за границу сайта (Рисунок 3). Как его вписать обратно в границы сайта?
Спасибо, извините, что напряг Вас. Не думал, что в мобильной версии данное решение не будет работать.
#16
Отправлено 17 Апрель 2017 - 14:21
Barmalei (17 Апрель 2017 - 12:01) писал:
Но!...
В мобильной версии заказать обратный звонок практически не возможно: форма постоянно меняет размер - и заполнить её очень сложно (Рисунок 1).
Поэтому, давайте упростим задачу: пусть при нажатии на кнопку(кнопки) "заказать звонок" пользователь просто перекидывается на страницу http://clear-m.ru/callback - и уже там заполняет форму для звонка.
Но здесь два момента на странице http://clear-m.ru/callback:
1) Если нажать на кнопку "Заказать звонок" не заполнив поля - ничего не происходит. Нужно, чтобы выводились сообщения "Заполните Имя", "Заполните телефон" (как на рисунке 2).
2) Поле "Комментарии" по-прежнему вылазит за границу сайта (Рисунок 3). Как его вписать обратно в границы сайта?
Спасибо, извините, что напряг Вас. Не думал, что в мобильной версии данное решение не будет работать.
Изменения Вам произвел, проверьте, пожалуйста.
#17
Отправлено 20 Апрель 2017 - 17:09
Danil (17 Апрель 2017 - 14:21) писал:
Изменения Вам произвел, проверьте, пожалуйста.
Ещё чуть-чуть помучаю..
1) Когда заполняю формы связи с администрацией вылазят ошибки (рисунки 1,2). Очистка кэша не помогает.
2) Когда заказ обратного звонка отправлен - можно, что бы появлялась надпись "Перейти на главную", как это происходит после отправки сообщения по форме обратной связи? (Рисунок 3)
#18
Отправлено 20 Апрель 2017 - 19:45
Barmalei (20 Апрель 2017 - 17:09) писал:
Ещё чуть-чуть помучаю..
1) Когда заполняю формы связи с администрацией вылазят ошибки (рисунки 1,2). Очистка кэша не помогает.
2) Когда заказ обратного звонка отправлен - можно, что бы появлялась надпись "Перейти на главную", как это происходит после отправки сообщения по форме обратной связи? (Рисунок 3)
Изменения Вам произвел, проверьте, пожалуйста.
#20
Отправлено 03 Декабрь 2019 - 01:41
А нам как свои сайты допиливать? ))
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных