Перейти к содержимому


Кнопка "Бастрый Заказ"

Автор lis383, 06 дек. 2012 10:58

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Декабрь 2012 - 10:58

Добрый день. На сайте maniacasual.ru внесла форму "Быстрый заказ", но 1. - не работает (захадишь, заполняешь , нажимаешь и ничего не происходит),2 - нет кнопки, просто ссылка, как правильно оформить кнопку и разместить рядом с добавить в корзину?

Прикрепленные изображения

  • Безымянный.png

#2 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Декабрь 2012 - 13:15

Просмотр сообщенияlis383 (06 Декабрь 2012 - 10:58) писал:

Добрый день. На сайте maniacasual.ru внесла форму "Быстрый заказ", но 1. - не работает (захадишь, заполняешь , нажимаешь и ничего не происходит),2 - нет кнопки, просто ссылка, как правильно оформить кнопку и разместить рядом с добавить в корзину?

откройте шаблон Товары и найдите блок
<div style="padding-bottom:1em;">
						<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
					  </div>

замените его на этот
	 <div style="padding-bottom:1em;">
					<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> <br> <br>
						<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
	 </div>

Далее зайдите в файл main.css и в самом конце файла вставьте этот блок
#fastorder {
padding: .4em 1em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
display: inline-block;
position: relative;   
margin-right: -2px;
text-decoration: none;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;

border: 1px solid lightGrey;
background: #E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;   
width: 171px;
}

#3 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Декабрь 2012 - 17:24

Кнопка появилась, спасибо!
Но не работает, я поменяла форму(делала на http://main-ip.ru), создала страницу на сайте. Как сделать, что бы работала форма отправки из кнопки? И можно в форму автоматически добавлять название товара, который просматривает в данный момент покупатель, чтобы поле товар, в ручную не заполнять?
и кажется я гдето задвоила записи в шаблоне, посмотрите, пожалуйта...
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div style="padding-bottom:1em;">
<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 = 550;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script> <br> <br>
<input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
</div>
{% ENDIF %}
{% ENDIF %}

<input type="submit" value="Положить в корзину" style="width:200px;" />
</td>
<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 %}
<div style="width: 400px; text-align: left; border: 1px solid #CCCCCC; color: #003300; font: 12px tahoma, verdana; background: #F5F5F5;">
<div style="text-align: center; background: #708090; border: 1px solid #F5F5F5; color: #ffffff; padding: 5px 5px 5px 5px;"><strong>БЫСТРЫЙ ЗАКАЗ</strong></div>
<div style="border-top: solid 1px #CCCCCC; padding: 8px 20px 0px 20px;">Ваше Имя</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" type="text" name="name" maxlength="50" /></div>
<div style="padding: 8px 20px 0px 20px;">Обратный e-mail</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" type="text" name="e_mail" maxlength="50" /></div>
<div style="padding: 8px 20px 0px 20px;">Контактный телефон</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" type="text" name="pole_1a" maxlength="900" /> <input type="hidden" name="pole_1b" value="Контактный телефон" /></div>
<div style="padding: 8px 20px 0px 20px;">Наименование товара</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" type="text" name="pole_2a" maxlength="900" /> <input type="hidden" name="pole_2b" value="Наименование товара" /></div>
<div style="padding: 8px 20px 0px 20px;">Сообщение</div>
<div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" name="text"> </textarea></div>
<div style="overflow: auto; width: 100%;">
<div style="float: left; padding: 10px 0px 10px 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" type="text" name="captcha" maxlength="12" /></div>
<div style="float: right; padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div>
</div>
<div style="padding: 5px 20px 15px 20px; text-align: center;"><input style="cursor: pointer; width: 200px; height: 35px; font: 15px tahoma;" type="submit" value="Отправить" /></div>
{% 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 = 550;
var content = $('.iframe_block_order').html();
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>
</tr>
Какой кусок удалить?

Прикрепленные изображения

  • Безымянный.png
  • Безымянный2.png

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 06 Декабрь 2012 - 18:13

Здравствуйте.
Вы можете вставить заменить в своем коде строку.
Найти код:
<textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" name="text"> </textarea>
Заменить на:
<textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" name="text">{GOODS_NAME}</textarea>

Код {GOODS_NAME} это имя товара  в переменной.
Данные из этой формы как мне известно должны отправляться на ваш почтовый ящик который вы написали при генерации формы на http://main-ip.ru/

#5 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Декабрь 2012 - 18:39

Просмотр сообщенияKoderhan (06 Декабрь 2012 - 18:13) писал:

Здравствуйте.
Вы можете вставить заменить в своем коде строку.
Найти код:
<textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" name="text"> </textarea>
Заменить на:
<textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970;" name="text">{GOODS_NAME}</textarea>

Код {GOODS_NAME} это имя товара  в переменной.
Данные из этой формы как мне известно должны отправляться на ваш почтовый ящик который вы написали при генерации формы на http://main-ip.ru/
Да, он просит ссылку страницы, как правиль ее с кнопки указать?

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 06 Декабрь 2012 - 19:13

Просмотр сообщенияlis383 (06 Декабрь 2012 - 18:39) писал:

Да, он просит ссылку страницы, как правиль ее с кнопки указать?
Нужна лишь ссылка на сайт. Без конкретной страницы.

#7 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Декабрь 2012 - 19:21

Просмотр сообщенияKoderhan (06 Декабрь 2012 - 19:13) писал:

Нужна лишь ссылка на сайт. Без конкретной страницы.
Посмотрите, пожалуйста почему тогда не работает. Не отправляет на почту. и около кнопки "Быстрый заказ" скобка стоит как убрать. Сайт maniacasual.ru

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2012 - 07:53

Для удаления лишний скобки - в шаблоне "Товар" найдите

{  <table>

и замените на

<table>

Так же по быстрому заказу - почитайте тему форума http://forum.storela...лик/#entry33274

Проблема в вашем случае в том что у вас нет тега <form> вокруг вашей формы. Проверьте верно ли вы скопировали код формы, возможно что то упустили.

#9 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 08 Декабрь 2012 - 09:37

Сделала по другому, просто ссылку на страницу, как теперь обличить ссылку в кнопку? Спасибо Вам за поддержку! maniacasual.ru И еще, после отправления сообщение выходит о благополучной отправке, как на той странице тоже сделать ссылки на возврат в каталог или переход на главную (кнопки).
Теперь, когда заменяю код, как в сообщении выше, чтобы автоматически кад товара подставлялся не вы выходит название, а только имя переменной. Можно ли , что бы автоматически в сообщение подставлялось название заказывваемого товара?

#10 lis383

lis383

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 09 Декабрь 2012 - 13:58

Отклинитесь!

#11 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 10 Декабрь 2012 - 11:42

Просмотр сообщенияlis383 (08 Декабрь 2012 - 09:37) писал:

Сделала по другому, просто ссылку на страницу, как теперь обличить ссылку в кнопку? Спасибо Вам за поддержку! maniacasual.ru И еще, после отправления сообщение выходит о благополучной отправке, как на той странице тоже сделать ссылки на возврат в каталог или переход на главную (кнопки).
Теперь, когда заменяю код, как в сообщении выше, чтобы автоматически кад товара подставлялся не вы выходит название, а только имя переменной. Можно ли , что бы автоматически в сообщение подставлялось название заказывваемого товара?
Здравствуйте.
Для замены кнопки.
Открыть файл "Товар".
Найти код:

Заменить на:
<input type="button" value="Вернуться к карте" onClick="window.open('http://maniacasual.ru/page/bystryj-zakaz')">
Ссылка будет открываться в новом окне. Вы можете сделать чтобы ссылка открывалась на этой же странице.
Для этого применяется код:
<input type="button" value="Вернуться к карте" onClick="window.location='http://maniacasual.ru/page/bystryj-zakaz'">

Кнопки на страницу с быстрым заказом можно добавить.
Код кнопки:
<button>
<a href="http://maniacasual.ru/" alt="Главная страница">Главная страница</a>
</button>
<script>
	$("button").button();
  </script>

#12 Ingleest

Ingleest

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 01 Февраль 2016 - 16:44

Просмотр сообщенияlis383 (09 Декабрь 2012 - 13:58) писал:

Отклинитесь!

Тогда уж "расклинитесь!" :-)
Обратно в Оформление заказа


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Оформление заказа
  6. Privacy Policy