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


Заказ В Один Клик


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

#1 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 03:06

Можно реализовать как на сайте markil.ru ? после того как нажимается кнопка заказать выходит форма заказа(всплывающее окно)   потом приходит наэмейл в виде заказа с указанными параметрами

#2 Vaccina

Vaccina

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

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

Отправлено 30 Ноябрь 2012 - 04:03

Можно сделать реализацию аналогичную обратному звонку. Как сделать всплывающее окно с формой? - разбиралось тут http://forum.storela...нок/#entry12724

#3 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 05:49

а как сделать, чтобы  при нажатии купить всплывало окошка заказа (аналогичное обратному звонку) и вместо в корзину тоже самое было (с заменой слова в корзину на купить)

#4 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 07:19

и еще ... как разместить ссылку на обратный звонок в углу шапки

#5 Koderhan

Koderhan

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

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

Отправлено 30 Ноябрь 2012 - 07:35

Просмотр сообщенияalkazare (30 Ноябрь 2012 - 07:19) писал:

и еще ... как разместить ссылку на обратный звонок в углу шапки
Про форму "заказать обратный звонок" писалось тут http://forum.storela...нок/#entry31876

Цитата

как разместить ссылку на обратный звонок в углу шапки

Пожалуйста, не могли бы назвать адрес вашего магазина.

#6 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 07:47

Просмотр сообщенияKoderhan (30 Ноябрь 2012 - 07:35) писал:

Про форму "заказать обратный звонок" писалось тут http://forum.storela...нок/#entry31876


Пожалуйста, не могли бы назвать адрес вашего магазина.
http://avtoteplo73.ru/

там мой вопрос не упоминается

#7 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 08:07

ссылку вроде разместил, отображается некорректно   http://avtoteplo73.ru/

#8 Koderhan

Koderhan

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

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

Отправлено 30 Ноябрь 2012 - 08:33

Как это не упоминается ?
ScreenShot 177.jpg
http://forum.storela...нок/#entry31876

#9 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 08:41

Просмотр сообщенияalkazare (30 Ноябрь 2012 - 05:49) писал:

а как сделать, чтобы  при нажатии купить всплывало окошка заказа (аналогичное обратному звонку) и вместо в корзину тоже самое было (с заменой слова в корзину на купить)
а это где?

#10 Koderhan

Koderhan

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

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

Отправлено 30 Ноябрь 2012 - 09:34

Форма в новом окне.
http://forum.storela...нок/#entry33308

#11 alkazare

alkazare

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

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

Отправлено 30 Ноябрь 2012 - 11:17

вы не поняли. мне нужно упростить форму заказа. мне не нужно класть в корзину товар, мне нужно чтобы вместо кнопки в корзину  была заказать(купить)  и сразу выплывало окошка заказа товара

#12 kovalevap

kovalevap

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

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

Отправлено 30 Ноябрь 2012 - 11:51

ссылка:

<a class="nyroModal" rel="callback" href="#feedbackForm">Обратный звонок</a>

форму сделал так:

  <!-->Форма обратного звонка <-->
  <div id="feedbackForm" style="display: none;">
  <!--><h2 style="margin-left:25px;color:#333;">Мы Вам перезвоним</h2><br /><-->
  <img style="margin:10px 0 10px 25px" src="{ASSETS_IMAGES_PATH}logo_header2.png"/><br/>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
<div style="margin: 5px 25px 0 25px;">
  <input type="hidden" name="hash" value="{HASH}" />   
{% IF FORM_SEND_OK %}
  <h3 class="green">Спасибо за Ваше сообщение! В скором времени мы свяжемся с Вами.</h3>
  <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ELSE %}
  {% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
  <label for="feedback_name">Представьтесь, пожалуйста</label>
  <input style="width:250px" id="feedback_name" name="form[feedback_name]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />

  <input style="display:none" id="feedback_еmail" name="form[feedback_email]" value="ТУТ_ПИШИТЕ_СВОЮ_ПОЧТУ" maxlength="255" class="input required email" />

  <label for="feedback_message">Ваш телефон</label>
  <input id="feedback_message" name="form[feedback_message]" class="required">{FORM_FEEDBACK_MESSAGE}</input><br /><br />

  <input type="submit" class="button_med" value="Отправить"/><br /><br /><br />
{% ENDIF %}
  </div>
</form>
  </div>

результат работы здесь: dremashop.ru (в шапке справа)

#13 Koderhan

Koderhan

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

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

Отправлено 30 Ноябрь 2012 - 11:56

Для того чтобы пользователь переходил сразу в корзину при клике на кнопку "в корзину".
В файле main.js (Панель администратора, Сайт-> Редактор тем) можете удалить код:
  // Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){
   
	$(this).nyroModalManual({
	  formIndicator: 'ajax_q',  // Value added when a form is sent
	  minWidth: 450, // Minimum width
	  minHeight: 140, // Minimum height
	  gallery: null // Gallery name if provided
	});
	return false;
  });


#14 alkazare

alkazare

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

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

Отправлено 01 Декабрь 2012 - 04:38

зайдите на http://markil.ru/. выберите товар и нажмите заказать. Мне нужно реализовать так как там, заказ в один клик.

#15 Vaccina

Vaccina

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

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

Отправлено 01 Декабрь 2012 - 05:54

Для реализации формы заказа необходимо в шаблоне "Товары" найти

<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>

По необходимости удалить данный код, это удалит кнопку в корзину, если она вам не нужна. Далее разместить рядом


<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>


#16 alkazare

alkazare

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

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

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

http://avtoteplo73.ru/

#17 alkazare

alkazare

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

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

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

Просмотр сообщенияVaccina (01 Декабрь 2012 - 05:54) писал:

Для реализации формы заказа необходимо в шаблоне "Товары" найти

<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>

По необходимости удалить данный код, это удалит кнопку в корзину, если она вам не нужна. Далее разместить рядом


<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>


Спасибо. сделал .круто. еще один момент когда открываешь товар, то там появляется кнопка в корзину, ее тоже нужно заменить аналогичным способом

#18 alkazare

alkazare

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

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

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

как это сделать?

#19 support 2.0

support 2.0

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

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

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

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

как это сделать?
Все тоже самое, только кнопка "В корзину находится в шаблоне "Товар"
<a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a>
Зайдите в него и проделайте все тоже самое, что и в шаблоне "Товары", заменяя данную строчку на ту.

#20 alkazare

alkazare

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

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

Отправлено 03 Декабрь 2012 - 04:41

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

Все тоже самое, только кнопка "В корзину находится в шаблоне "Товар"
<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a>
Зайдите в него и проделайте все тоже самое, что и в шаблоне "Товары", заменяя данную строчку на ту.

спасибо большое.    а как сделать, чтобы в письме заказа, который приходит после того,   как клиент быбрал товар  заполнил форму заказа  автоматически встраивалась  название товара?

мой сайт http://avtoteplo73.ru/.  как сделать ссылку обратный звонок кнопкой, как на markil.ru.




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

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