Добавить Обратный Звонок
#1
Отправлено 12 Июль 2014 - 14:15
Здравствуйте! У вас теперь реализован функционал обратный звонок. Помогите мне реализовать такую кнопку не отсылая в другие похожие темы, в том месте как указанно на картинке
#2
Отправлено 13 Июль 2014 - 14:12
Ильяc (12 Июль 2014 - 14:15) писал:
Здравствуйте! У вас теперь реализован функционал обратный звонок. Помогите мне реализовать такую кнопку не отсылая в другие похожие темы, в том месте как указанно на картинке
обратный.png
Потом в нужном Вам месте ставляете ссылку.
#3
Отправлено 13 Июль 2014 - 15:38
Ирина345 (13 Июль 2014 - 14:12) писал:
Здравствуйте, Вам нужно пройти по данной ссылке прочитать информацию и скачать файл, а так же выполнить инструкцию по установки скрипта.
Потом в нужном Вам месте ставляете ссылку.
Скачал архив вставил. Скрипт тоже вставил. Теперь скажите какую ссылку вставить в то место куда я указал на картинке выше?
#4
Отправлено 13 Июль 2014 - 17:32
Ильяc (13 Июль 2014 - 15:38) писал:
<div id="tmsearch"> <form action="http://{NET_DOMAIN}/search" method="get"> <input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';"> <input type="image" style="margin-top:8px; margin-left:3px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />замените на
<div id="tmsearch"> <form action="http://{NET_DOMAIN}/search" method="get"> <input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';"> <input type="image" style="margin-top:8px; margin-left:-117px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" /> <span class="cal"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/callback.only_body=1">Обратный звонок</a></span>в конец файла main.css добавьте
.cal{padding: 5px; position: absolute; margin-top: 9px; }
#5
Отправлено 13 Июль 2014 - 21:35
Ирина345 (13 Июль 2014 - 17:32) писал:
Найдите в HTML
<div id="tmsearch"> <form action="http://{NET_DOMAIN}/search" method="get"> <input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';"> <input type="image" style="margin-top:8px; margin-left:3px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" />замените на
<div id="tmsearch"> <form action="http://{NET_DOMAIN}/search" method="get"> <input class="search_query" type="text" id="search_query_top" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onfocus="if(this.value=='Поиск')this.value='';" onblur="if(this.value=='')this.value='Поиск';"> <input type="image" style="margin-top:8px; margin-left:-117px;" src="{ASSETS_IMAGES_PATH}poisk.jpg" /> <span class="cal"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}callback?only_body=1">Обратный звонок</a></span>в конец файла main.css добавьте
.cal{padding: 5px; position: absolute; margin-top: 9px; }
неровно кнопка отображается
И еще когда нажимаю на кнопку перекидывает на какую то страницу с ошибкой.
#6
Отправлено 14 Июль 2014 - 11:20
Ильяc (13 Июль 2014 - 21:35) писал:
звонок.png
И еще когда нажимаю на кнопку перекидывает на какую то страницу с ошибкой.
#8
Отправлено 14 Июль 2014 - 12:04
Ильяc (14 Июль 2014 - 11:52) писал:
Если Вам не нужны какте-то поля для заполнения, то в шаблоне Обратный звонок, удалите строки
например если Вам не нужен Адрес для заполнения
<tr> <td><label for="callback_address">Адрес</label></td> <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td> </tr>
#9
Отправлено 14 Июль 2014 - 12:10
Ирина345 (14 Июль 2014 - 12:04) писал:
Если Вам не нужны какте-то поля для заполнения, то в шаблоне Обратный звонок, удалите строки
например если Вам не нужен Адрес для заполнения
<tr> <td><label for="callback_address">Адрес</label></td> <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td> </tr>
А можно сделать как на картинке и всплывающее окно?
#10
Отправлено 14 Июль 2014 - 12:19
Ильяc (14 Июль 2014 - 12:10) писал:
Хотелось бы как на этом сайте реализовать все это
http://botanicus-cosmetic.ru/
#11
#13
Отправлено 15 Июль 2014 - 01:26
Используйте следующий код:
<!-- Обратный звонок --> <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">Имя: <span class="red">*</span></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">Телефон: <span class="red">*</span> +7</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="mail@mail.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> <div class="oneclick_s1"><a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a></div> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 500; var height = 300; 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> <!-- end Обратный звонок -->
#14
Отправлено 15 Июль 2014 - 08:54
#15
Отправлено 16 Июль 2014 - 01:38
#16
Отправлено 19 Июль 2014 - 13:04
#17
Отправлено 21 Июль 2014 - 10:04
PowerTea (19 Июль 2014 - 13:04) писал:
#18
Отправлено 23 Июль 2014 - 10:21
Ирина345 (21 Июль 2014 - 10:04) писал:
Здравствуйте! Да все изменить хотелось бы! Функционал - одна проблемка - пишет слишком короткое имя (хотя ввожу нормальное имя из одного слова, например Алексей) и пускает только если два слова ввести в поле. Далее по дизайну - в обсуждении этой темы было масса примеров реализации, например http://shopyland.ru/ Вот у них очень красиво. Мне бы их стили скопировать себе и код окошка!
#19
Отправлено 23 Июль 2014 - 11:00
PowerTea (23 Июль 2014 - 10:21) писал:
Здравствуйте! Да все изменить хотелось бы! Функционал - одна проблемка - пишет слишком короткое имя (хотя ввожу нормальное имя из одного слова, например Алексей) и пускает только если два слова ввести в поле. Далее по дизайну - в обсуждении этой темы было масса примеров реализации, например http://shopyland.ru/ Вот у них очень красиво. Мне бы их стили скопировать себе и код окошка!
Здравствуйте, попробуйте такой вариант
В шаблоне "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">Имя: <span class="red">*</span></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">Телефон: <span class="red">*</span> +7</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> <div class="oneclick_s1"><a class="zvonoc" id="openFlippingBook" title="Обратный звонок" href="#">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 500; var height = 300; 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>
Заменяем на:
<!-- Обратный звонок --> <div class="iframe_block_back1" style="display:none;"><center> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <h1>Заказать обратный звонок</h1> <br> <div class="form feedbackForm" style="width:300px;"> <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label> <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/> <br> <label for="callback_phone" class="required">Телефон<em>*</em></label> <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/> <br> <label for="callback_comment">Комментарий</label> <textarea id="callback_comment" rows="3" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" style="width:50%;">{FORM_CALLBACK_COMMENT}</textarea> </div> <div class="buttons"> <div> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </div> </div> </form> </center></div> <div class="oneclick_s1"><a class="zvonoc" id="openFlippingBook" title="Обратный звонок" href="#">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div> <script type="text/javascript"> $('a#openFlippingBook').click(function(e) { e.preventDefault(); var width = 300; var height = 240; 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>
#20
Отправлено 09 Август 2014 - 15:57
На эту страницу.
http://***.**/feedback
Добавить нужно ниже основной формы.
Аккаунт SL-259171
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных