Кнопка Заказать Звонок Без Испльзования Сторонних Сервисов
#1
Отправлено 13 Июнь 2014 - 22:00
#2
Отправлено 13 Июнь 2014 - 22:08
Ruslan25 (13 Июнь 2014 - 22:00) писал:
#3
Отправлено 17 Июнь 2014 - 03:42
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center> <form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div> <div class="iframe_click"> {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %} <label for="feedback_name">Имя</label> <input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" /> <br/><label for="feedback_message">Телефон</label> <input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" /> <br/><label for="feedback_clock">Дополнительно</label> <textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea> <input type="submit" class="button_med" value="Позвоните мне" /> </div> </form> </center></div> <a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 500; 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>
#4
Отправлено 20 Июнь 2014 - 17:37
Vaccina (17 Июнь 2014 - 03:42) писал:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center> <form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div> <div class="iframe_click"> {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %} <label for="feedback_name">Имя</label> <input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" /> <br/><label for="feedback_message">Телефон</label> <input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" /> <br/><label for="feedback_clock">Дополнительно</label> <textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea> <input type="submit" class="button_med" value="Позвоните мне" /> </div> </form> </center></div> <a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 500; 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>
#5
Отправлено 21 Июнь 2014 - 01:18
<label for="feedback_name">Имя</label> <input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
и замените их на
<label style="display: none;" for="feedback_name">Имя</label> <input style="display: none;" id="feedback_name" name="form[feedback_name]" value="null" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
В приведенном вами коде обратного звонка нет текста "связь с администрацией". Пожалуйста, уточните где именно располагается данный текст, приведите пример в виде скриншота.
#6
Отправлено 21 Июнь 2014 - 07:12
т.е. сделать уведомление что заявка отправлена прямо в окне с формой заказа звонка?
SL-268427
#7
Отправлено 24 Июнь 2014 - 02:10
$(form).hide().before('<center>Подождите, идет отправка формы...</center>'); form.submit();
и заменить его на
$(form).hide().before('<center id="noticeSent">Подождите, идет отправка формы...</center>'); $.post('/feedback', $(form).serializeArray(), function() { $('#noticeSent').text('Форма успешно отправлена!'); setTimeout(function() { $('.nyroModalClose').click(); }, 3000); }); return(false);
#8
Отправлено 10 Июль 2014 - 15:40
Vaccina (17 Июнь 2014 - 03:42) писал:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center> <form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div> <div class="iframe_click"> {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %} <label for="feedback_name">Имя</label> <input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" /> <br/><label for="feedback_message">Телефон</label> <input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" /> <br/><label for="feedback_clock">Дополнительно</label> <textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea> <input type="submit" class="button_med" value="Позвоните мне" /> </div> </form> </center></div> <a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 500; 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>
#9
Отправлено 10 Июль 2014 - 23:58
#11
Отправлено 11 Июль 2014 - 15:01
#12
Отправлено 11 Июль 2014 - 19:39
Сake (10 Июль 2014 - 23:58) писал:
Вот, посмотрите пожалуйста, на моём втором сайте, не работает корректно.
http://botanicus-2.ru/
#13
Отправлено 11 Июль 2014 - 23:09
Темы с аналогичным тегами заказать звонок
Вопросы работы сервиса StoreLand →
Инструкция по использованию (документация) →
Как Сделать Кнопку "заказать Обратный Звонок?Автор Гость_Andrey_K_* , 28 нояб. 2013 заказать звонок, кнопка |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных