Форма Заказа Callme
#1
Отправлено 03 Сентябрь 2013 - 16:28
Скажите, возможно установить ее на платформу сторленд?
#2
Отправлено 03 Сентябрь 2013 - 18:30
Korolev Andrey (03 Сентябрь 2013 - 16:28) писал:
Скажите, возможно установить ее на платформу сторленд?
Если я правильно Вас поняла, это форма обратного звонка, подобную инструкцию Вы сможете найти здесь.
#3
Отправлено 03 Сентябрь 2013 - 20:29
support 2.0 (03 Сентябрь 2013 - 18:30) писал:
Если я правильно Вас поняла, это форма обратного звонка, подобную инструкцию Вы сможете найти здесь.
Спасибо, как раз эту форму я и использую, но хочется найти форму где не будет капчи из цифр. Капча снижается конверсию заявок... надеюсь в скором будущем сторленд решит эту проблему.
#4
Отправлено 04 Сентябрь 2013 - 00:05
http://forum.storela...лик/#entry33274
http://forum.storela...лик/#entry82810
#5
Отправлено 04 Сентябрь 2013 - 14:56
Vaccina (04 Сентябрь 2013 - 00:05) писал:
http://forum.storela...лик/#entry33274
http://forum.storela...лик/#entry82810
http://forum.storela...ик/page__st__20
В этой теме описывается как поставить форму заказа в один клин (как на сайте http://www.video-reg...skaya-proshivka) для шаблона Мокко, а как для шаблона Пластик сделать тоже самое?
Попробовал прописать код в шаблоне ТОВАРЫ:
<div class="iframe_block_order" style="display:none;"><center> <form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Быстрый заказ<br /><span class="form_product_name"></span></strong></div> <div class="iframe_click"> <input type="hidden" name="hash" value="{HASH}" /> {% IF FORM_SEND_OK %} <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3> <a href="http://{NET_DOMAIN}/">Перейти на главную</a> {% ELSE %} <input id="feedback_name" name="form[feedback_name]" value="Имя" maxlength="50" minlength="3" class="input required" /> <input id="feedback_message" name="form[feedback_message]" class="required" value="Телефон" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" /> <input type="button" class="button_med" value="Заказать" onclick="$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center>Подождите, идет отправка формы...</center>');$(this).closest('form').submit();"/> <p>*не забудьте оставить свой контактный телефон для подтверждения заказа</p> {% ENDIF %} </div> </form> </center></div> <a class="readmore" id="fastorder" href="#fastorder">Заказать</a> <script type="text/javascript"> $('a#fastorder').click(function(e) { $('.form_product_name').text($(this).closest('.goodsListItem').find('.goodsListItemName a').text()); e.preventDefault(); var width = 400; var height = 260; var content = $('.iframe_block_order').html(); $.fn.nyroModalManual({ width: width, height: height, content: content, minWidth: width, minHeight: height, gallery: null }); return(false); }); </script>
Кнопка вообще нигде не появилась... магазин http://s974034.storeland.ru
#6
Отправлено 05 Сентябрь 2013 - 00:23
<div class="iframe_block_order" style="display:none;"><center> <form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Быстрый заказ<br /><span class="form_product_name"></span></strong></div> <div class="iframe_click"> <input type="hidden" name="hash" value="{HASH}" /> {% IF FORM_SEND_OK %} <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3> <a href="http://{NET_DOMAIN}/">Перейти на главную</a> {% ELSE %} <input id="feedback_name" name="form[feedback_name]" value="Имя" maxlength="50" minlength="3" class="input required" /> <input id="feedback_message" name="form[feedback_message]" class="required" value="Телефон" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" /> <input type="button" class="button_med" value="Заказать" onclick="$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center>Подождите, идет отправка формы...</center>');$(this).closest('form').submit();"/> <p>*не забудьте оставить свой контактный телефон для подтверждения заказа</p> {% ENDIF %} </div> </form> </center></div> <script type="text/javascript"> $('a#fastorder').click(function(e) { $('.form_product_name').text($(this).closest('.infoproduct').find('.name a').text()); e.preventDefault(); var width = 400; var height = 260; var content = $('.iframe_block_order').html(); $.fn.nyroModalManual({ width: width, height: height, content: content, minWidth: width, minHeight: height, gallery: null }); return(false); }); </script>
далее найти в шаблоне
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>{% ENDIF %}
и заменить на
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>{% ENDIF %} <a class="whtgray readmore" id="fastorder" href="#fastorder">Заказать</a>
#7
Отправлено 05 Сентябрь 2013 - 10:56
Сake (05 Сентябрь 2013 - 00:23) писал:
<div class="iframe_block_order" style="display:none;"><center> <form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data"> <div class="section-caption c-orange"><strong>Быстрый заказ<br /><span class="form_product_name"></span></strong></div> <div class="iframe_click"> <input type="hidden" name="hash" value="{HASH}" /> {% IF FORM_SEND_OK %} <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3> <a href="http://{NET_DOMAIN}/">Перейти на главную</a> {% ELSE %} <input id="feedback_name" name="form[feedback_name]" value="Имя" maxlength="50" minlength="3" class="input required" /> <input id="feedback_message" name="form[feedback_message]" class="required" value="Телефон" minlength="5" /> <input id="feedback_еmail" name="form[feedback_email]" value="Адрес email" maxlength="255" minlength="5" class="input" /> <input type="button" class="button_med" value="Заказать" onclick="$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center>Подождите, идет отправка формы...</center>');$(this).closest('form').submit();"/> <p>*не забудьте оставить свой контактный телефон для подтверждения заказа</p> {% ENDIF %} </div> </form> </center></div> <script type="text/javascript"> $('a#fastorder').click(function(e) { $('.form_product_name').text($(this).closest('.infoproduct').find('.name a').text()); e.preventDefault(); var width = 400; var height = 260; var content = $('.iframe_block_order').html(); $.fn.nyroModalManual({ width: width, height: height, content: content, minWidth: width, minHeight: height, gallery: null }); return(false); }); </script>
далее найти в шаблоне
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>{% ENDIF %}
и заменить на
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>{% ENDIF %} <a class="whtgray readmore" id="fastorder" href="#fastorder">Заказать</a>
У меня нету кода:
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>{% ENDIF %}
Все так же без изменений, кнопки нет. Что делать?
#8
Отправлено 06 Сентябрь 2013 - 01:18
<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу «{goods.NAME}»">Подробнее</a>
после данной строки добавьте
<a class="whtgray readmore" id="fastorder" href="#fastorder">Заказать</a>
данную ссылку вы можете вставить и в другое место, например после
<a class="blgreen" href="http://turpohod-palatki.ru/feedback" title="Положить «{goods.NAME}» в корзину">Купить</a>
#9
Отправлено 06 Сентябрь 2013 - 14:36
Сake (06 Сентябрь 2013 - 01:18) писал:
<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу «{goods.NAME}»">Подробнее</a>
после данной строки добавьте
<a class="whtgray readmore" id="fastorder" href="#fastorder">Заказать</a>
данную ссылку вы можете вставить и в другое место, например после
<a class="blgreen" href="http://turpohod-palatki.ru/feedback" title="Положить «{goods.NAME}» в корзину">Купить</a>
Вы не поняли, сейчас объясню что мне надо:
Когда заходишь в карточку товара, там есть кнопка "КУПИТЬ".
Когда клиент нажимает кнопку "КУПИТЬ" у него всплывает форма заказа с полями: Имя, Почта, Телефон и картинка товара с ценой.
Далее он заполняет эту форму и нажимает кнопку "ЗАКАЗАТЬ".
И все, ко мне на почту приходит письмо с этими данными.
Вот такая мне нужна форма заказа, ее уже реализовывали тут, только на другом шаблоне... (
#10
Отправлено 06 Сентябрь 2013 - 16:44
ссылку на тему форума или на сайт что бы понять о чем идет речь.
#11
Отправлено 06 Сентябрь 2013 - 20:42
Taisia (06 Сентябрь 2013 - 16:44) писал:
ссылку на тему форума или на сайт что бы понять о чем идет речь.
Вот этой теме: http://forum.storela...пить-за-1-клик/ AlexP_RUS писал про кнопку купить в один клик. В итоге у него с вашей помощью получилась вот такая форма:
Мне нужно тоже самое, только на шаблоне Пластик.
Когда заходишь в карточку товара, там есть кнопка "КУПИТЬ".
Когда клиент нажимает на кнопку "КУПИТЬ" у него всплывает форма заказа с полями: Имя, Почта, Телефон и картинка товара с ценой.
Далее он заполняет эту форму и нажимает кнопку "ЗАКАЗАТЬ".
И все, ко мне на почту приходит письмо с этими данными.
Иными словами, нужно сделать тоже самое что и тут, когда нажимаешь на кнопку "БЫСТРЫЙ ЗАКАЗ": http://www.video-reg...skaya-proshivka
#12
Отправлено 07 Сентябрь 2013 - 00:37
#nyroModalWrapper .block_order #closeBut { display: none; } #nyroModalWrapper { border: 4px double #777777 !important; } #nyroModalWrapper .block_order .feedbackForm { padding: 0 40px; } #nyroModalWrapper .block_order h3 { color: #000000; font-size: 17px; line-height: 33px; margin: 0 0 15px; text-align: left; } #nyroModalWrapper .block_order .prd-table table, #nyroModalWrapper .block_order .prd-table table td, #nyroModalWrapper .block_order .prd-table tr { border: 1px solid #CCCCCC; margin: 0; padding: 10px; text-align: center; vertical-align: middle; } #nyroModalWrapper .block_order .prd-block > tr:not(.prd-table) td { padding: 0; margin: 0; } #nyroModalWrapper .block_order .button_med { background: #FFDB00; height: 30px; width: 300px; } #nyroModalWrapper .block_order .prd-block > tbody > tr:not(.prd-table) td { padding: 0; } #nyroModalWrapper .form_product_price .goodsDataMainModificationPriceNow { font-size: 12px; } .prd-block input { margin: 4px 10px !important; } .block_order div#nyroModalContent { overflow: visible !important; } #nyroModalWrapper .block_order .prd-table > td { padding-bottom: 10px; } #nyroModalWrapper .block_order .button_med { margin-top: 10px; }
в конец шаблона "Товар" добавьте
<div class="iframe_block_order" style="display:none;"> <center> <form method="post" action="http://{NET_DOMAIN}/feedback" class="feedbackForm" enctype="multipart/form-data"> <div class="section-caption c-orange"><h3>Быстрая покупка без регистрации!</h3></div> <div class="iframe_click"> <input type="hidden" name="hash" value="{HASH}" /> {% IF FORM_SEND_OK %} <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3> <a href="http://{NET_DOMAIN}/">Перейти на главную</a> {% ELSE %} <table class="prd-block"> <tr class="prd-table"> <td colspan="2"> <table> <tr> <td class="form_product_img"></td> <td class="form_product_name"></td> <td class="form_product_price"></td> </tr> </table> </td> </tr> <tr> <td>Ваше имя*:</td> <td><input id="feedback_name" style="width: 150px; margin: 10px;" name="form[feedback_name]" placeholder="Имя" maxlength="50" required="required" minlength="3" class="input required" /></td> </tr> <tr> <td>Ваш телефон*:</td> <td><input id="feedback_message" style="width: 150px; margin: 10px;" name="form[feedback_message]" class="required" required="required" placeholder="Телефон" minlength="5" /></td> </tr> <tr style="display: none;"> <td>Ваш email*:</td> <td><input id="feedback_еmail" name="form[feedback_email]" type="hidden" value="test@test.com" /></td> </tr> </table> <input type="button" class="button_med" value="Заказать" onclick="$('#nyroModalContent .feedbackForm').validate();if(!$('#nyroModalContent .feedbackForm').valid())return(false);$(this).closest('form').find('#feedback_name').val($(this).closest('form').find('#feedback_name').val() + ' ' + $(this).closest('form').find('.form_product_name').text());$(this).closest('form').hide();$(this).closest('form').before('<center class=sends>Подождите, идет отправка формы...</center>');$.post($(this).closest('form').attr('action'), $(this).closest('form').serializeArray(), $.proxy(function() {$('.sends').remove();$(this).closest('form').before('<center class=sends>Спасибо за заявку, мы перезвоним Вам в самое ближайшее время.</center>');setTimeout(function() {$('.nyroModalClose').trigger('click');}, 3000)}, this));"/> <p>*не забудьте оставить свой контактный телефон для подтверждения заказа</p> {% ENDIF %} </div> </form> </center> </div> <script type="text/javascript"> $(function() { $('a#fastorder').click(function(e) { $('.form_product_name').text('{GOODS_NAME}'); $('.form_product_img').html($('.allphoto .zoomicon li:eq(0)').html()).find('a').removeAttr('rel'); $('.form_product_price').html($('.goodsDataMainModificationDataBlock .goodsDataMainModificationPriceNow:first').clone()); e.preventDefault(); var width = 400; var height = 260; var content = $('.iframe_block_order').html(); $.fn.nyroModalManual({ width: '600px', height: height, content: content, minWidth: '400px', minHeight: height, gallery: null, wrap: { div: '<div class="wrapper block_order"></div>', ajax: '<div class="wrapper block_order"></div>', form: '<div class="wrapper block_order"></div>', formData: '<div class="wrapper block_order"></div>', manual: '<div class="wrapper block_order"></div>' } }); return(false); }); }); </script>
Далее остается заменить кнопку "В корзину", для этого необходимо найти
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>
и заменить на
<a class="whtblue" id="fastorder" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>
#13
Отправлено 07 Сентябрь 2013 - 11:06
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>
#14
Отправлено 07 Сентябрь 2013 - 13:29
вероятней всего вы меня ли код в сообщении выше и сейчас он выглядит так
<a class="blgreen zvonoc" href="http://turpohod-palatki.ru/feedback" title="Положить «{goods.NAME}» в корзину">Купить</a>
замените его на код
<a class="whtblue" id="fastorder" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>
#15
Отправлено 07 Сентябрь 2013 - 15:14
Taisia (07 Сентябрь 2013 - 13:29) писал:
вероятней всего вы меня ли код в сообщении выше и сейчас он выглядит так
<a class="blgreen zvonoc" href="http://turpohod-palatki.ru/feedback" title="Положить «{goods.NAME}» в корзину">Купить</a>
замените его на код
<a class="whtblue" id="fastorder" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>
Ничего не изменилось. Вот сайт: http://s974034.storeland.ru Если зайти в карточку любого товара и на жать кнопку купить, то товар попадает в корзину, а нужно чтобы всплывало окно с формой, о которой я писал выше:
Когда заходишь в карточку товара, там есть кнопка "КУПИТЬ".
Когда клиент нажимает на кнопку "КУПИТЬ" у него всплывает форма заказа с полями: Имя, Почта, Телефон и картинка товара с ценой.
Далее он заполняет эту форму и нажимает кнопку "ЗАКАЗАТЬ".
И все, ко мне на почту приходит письмо с этими данными.
Иными словами, должно получиться тоже самое что и тут, когда нажимаешь на кнопку "БЫСТРЫЙ ЗАКАЗ": http://www.video-reg...skaya-proshivka
#16
Отправлено 07 Сентябрь 2013 - 15:40
код выше я давала вам по сайту аккаунта из вашего профиля.
на сайте же который вы указали в сообщении
код кнопки не изменен
это 105 строка файла ТОВАР
<li><a class="blgreen to_cart" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">КУПИТЬ</a></li>
этот код замените на нужный
#17
Отправлено 07 Сентябрь 2013 - 15:49
этот код
<a style="font-size: 19px; color: #636363; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif; href="{CART_URL}" title="Корзина">Корзина</a>
замените на код
<a style="font-size: 19px; color: #636363; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;" href="{CART_URL}" title="Корзина">Корзина</a>
из-за пропущенной кавычки код всплывающего окна был у вас неактивен.
#18
Отправлено 07 Сентябрь 2013 - 15:54
Taisia (07 Сентябрь 2013 - 15:49) писал:
этот код
<a style="font-size: 19px; color: #636363; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif; href="{CART_URL}" title="Корзина">Корзина</a>
замените на код
<a style="font-size: 19px; color: #636363; z-index: 2; top: 20px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 190%/1.4 Copperplate, Geneva, sans-serif;" href="{CART_URL}" title="Корзина">Корзина</a>
из-за пропущенной кавычки код всплывающего окна был у вас неактивен.
Ничего не изменилось, попробуйте http://s974034.store...ru/goods/iPhone при нажатии на "КУПИТЬ" товар так же попадает в корзину.
#19
Отправлено 07 Сентябрь 2013 - 21:50
Korolev Andrey (07 Сентябрь 2013 - 15:54) писал:
попробуйте сделать следующее:
1. загрузите мой прикрепленный файл
2. далее выполните инструкцию по этому сообщению
3. теперь зайдите в файл main.css и в конец добавьте
.zakaz { float: left; background: #EB455D; cursor: pointer; vertical-align: middle; padding: 7px; margin-top: 15px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; color: white; font-style: italic; text-shadow: #cad5e2 0.5px 0.5px 0, #cad5e2 0px 1px 0, #cad5e2 0px 0px 0, #cad5e2 0.5px 0.5px 0, #cad5e2 0.5px 0.5px 0; }.success-msg { text-align: center; color: green; font-weight: bold; font-size: 14px; }
Чтобы не требовалось вводить адрес доставки, уберите из Настройки -> основные -> Настройка полей доставки использующихся при оформлении заказа
#20
Отправлено 08 Сентябрь 2013 - 09:28
support 2.0 (07 Сентябрь 2013 - 21:50) писал:
1. загрузите мой прикрепленный файл
2. далее выполните инструкцию по этому сообщению
3. теперь зайдите в файл main.css и в конец добавьте
.zakaz { float: left; background: #EB455D; cursor: pointer; vertical-align: middle; padding: 7px; margin-top: 15px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; color: white; font-style: italic; text-shadow: #cad5e2 0.5px 0.5px 0, #cad5e2 0px 1px 0, #cad5e2 0px 0px 0, #cad5e2 0.5px 0.5px 0, #cad5e2 0.5px 0.5px 0; }.success-msg { text-align: center; color: green; font-weight: bold; font-size: 14px; }
Чтобы не требовалось вводить адрес доставки, уберите из Настройки -> основные -> Настройка полей доставки использующихся при оформлении заказа
Я пишу про одно, а Вы мне предлагаете совершенно другое...
Еще раз, нужно чтобы в карточке товара при нажатии на кнопку КУПИТЬ (В КОРЗИНУ), всплывала форма заказа с полями: Имя, Почта, Телефон. Вот как тут http://markil.ru/
На шаблоне Мокко эта функция реализованная в теме: http://forum.storela...пить-за-1-клик/ с пользователем AlexP_RUS начиная с поста №9. В результате чего у него получилась вот такая симпатичная форма заказа:
И похожая тема тут: http://forum.storela...лик/#entry33435
Вот что получилось у меня, чего я никак не могу добиться от вас: http://s974034.store...ru/goods/iPhone Появилась кнопка ЗАКАЗАТЬ в карточке товара и там всплывает форма заказа. Но она кривая и не работает...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных