Обратный Звонок
#1
Отправлено 10 Сентябрь 2014 - 00:55
И второй вопрос. После нажатия на кнопку "Отправить" перебрасывает на форму связи с администрацией. Мне это не нужно. Необходимо, что бы после нажатия на эту кнопку, форма просто закрывалась и выдавалось бы зеленым сообщение, что "ваша заявка принята".
третий вопрос. можно ли поменять цвет фона самой формы "обратный звонок".
Спасибо.
#2
Отправлено 10 Сентябрь 2014 - 12:45
ivanchik (10 Сентябрь 2014 - 00:55) писал:
И второй вопрос. После нажатия на кнопку "Отправить" перебрасывает на форму связи с администрацией. Мне это не нужно. Необходимо, что бы после нажатия на эту кнопку, форма просто закрывалась и выдавалось бы зеленым сообщение, что "ваша заявка принята".
третий вопрос. можно ли поменять цвет фона самой формы "обратный звонок".
Спасибо.
Что бы поменять фон формы обратного звонка добавьте в конец файла стилей
.fancybox-skin { background: #123457; }где цвет фона можно изменить изменив значение background: #123457;
#3
Отправлено 10 Сентябрь 2014 - 13:53
#4
Отправлено 10 Сентябрь 2014 - 15:21
ivanchik (10 Сентябрь 2014 - 13:53) писал:
<div class="fb"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать обратный звонок</a></div>замените на
<div class="fb"><a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1" style=" font-size: 17px; color: #FFD700; text-decoration: none; ">Заказать обратный звонок</a></div>
#5
Отправлено 10 Сентябрь 2014 - 15:53
#6
Отправлено 10 Сентябрь 2014 - 23:26
#7
Отправлено 11 Сентябрь 2014 - 01:52
<script> $(document).ready(function() { $(".callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '50%', autoSize : true, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
после в файл main.js добавьте код
$(function () { $('.callback') .fancybox({ maxWidth: 300, maxHeight: 330, fitToView: false, width: '70%', height: '50%', autoSize: true, closeClick: false, openEffect: 'none', closeEffect: 'none', afterShow: function () { $('.callbackForm') .submit(function () { $.post($(this) .attr('action'), $(this) .serializeArray(), function (content) { $('.callbackForm') .html($(content) .find('.content > div:first') .html()); setTimeout(function () { $('.fancybox-close') .trigger('click'); }, 3000); }); return (false); }); } }); });
#8
Отправлено 11 Сентябрь 2014 - 11:12
#9
Отправлено 12 Сентябрь 2014 - 00:54
#10
Отправлено 13 Сентябрь 2014 - 23:40
#11
Отправлено 16 Сентябрь 2014 - 04:17
$('.callbackForm') .html($(content) .find('.content > div:first') .html());
заменить на
$('.callbackForm') .html($(content) .find('.content > .success:first, .content > .warning:first') .html());
#12
Отправлено 16 Сентябрь 2014 - 08:58
#13
Отправлено 17 Сентябрь 2014 - 00:39
{% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %}
и замените его на
{% IF FORM_NOTICE %} <div class="callback message {% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %}
после этого сроку
$('.callbackForm') .html($(content) .find('.content > .success:first, .content > .warning:first') .html());
замените на
$('.callbackForm') .html($(content) .find('.callback.message') .html());
#14
Отправлено 17 Сентябрь 2014 - 15:25
#15
Отправлено 18 Сентябрь 2014 - 03:06
$('.callbackForm') .html($(content) .find('.callback.message') .html());
была заменена на
content = $('<html>').html(content); $('.callbackForm') .html($(content) .find('#content .content > div:first') .html());
Сейчас после отправки формы отображается сообщение "Запрос обратного звонка успешно отправлен администрации магазина".
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных