Сообщений в теме: 126

[be4ok]

Добрый день.
Перечитал много тем на форуме о том, как люди пытаются упростить оформление заказа до 1-й страницы. И я нигде не нашёл более менее приемлемого решения данного вопроса, кроме как уместить оформление в 2 шага. У меня установлен шаблон "Вечность" и в нём уже был вшит "Быстрый заказ", через "Заказать-> Оформить заказ" во всплывающем окне. Отсюда вопрос: можно ли "Быстрый заказ" перенести в "Оформление заказа", т.е. когда мы находимся в корзине при нажатии "Оформить заказ" открывается следующая страница (как правило это http://sait.ru/order/stage/contacts) а там не 4 шага, а одна страница, на которой "Быстрый заказ", но не во всплывающем окне, а именно на этой странице. И именно как в быстром заказе при выборе определённого типа доставки динамически без перезагрузки страницы менялись способы оплаты, которые соответствуют им. Как это можно реализовать? Может вставить "Быстрый заказ" в "Оформление заказа" через фрейм? Или тупо перенести код?

[support 2.0]

be4ok (06 Август 2013 - 16:02) писал:

Добрый день.
Перечитал много тем на форуме о том, как люди пытаются упростить оформление заказа до 1-й страницы. И я нигде не нашёл более менее приемлемого решения данного вопроса, кроме как уместить оформление в 2 шага. У меня установлен шаблон "Вечность" и в нём уже был вшит "Быстрый заказ", через "Заказать-> Оформить заказ" во всплывающем окне. Отсюда вопрос: можно ли "Быстрый заказ" перенести в "Оформление заказа", т.е. когда мы находимся в корзине при нажатии "Оформить заказ" открывается следующая страница (как правило это http://sait.ru/order/stage/contacts) а там не 4 шага, а одна страница, на которой "Быстрый заказ", но не во всплывающем окне, а именно на этой странице. И именно как в быстром заказе при выборе определённого типа доставки динамически без перезагрузки страницы менялись способы оплаты, которые соответствуют им. Как это можно реализовать? Может вставить "Быстрый заказ" в "Оформление заказа" через фрейм? Или тупо перенести код?

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

[be4ok]

А можно узнать почему? Ведь код уже есть, казалось бы можно просто перенести и доработать...
Тогда можно встроить кнопку "Быстрый заказ" рядом с кнопкой "Оформить заказ" в корзине? Чтобы тогда форма быстрого заказа открывалась в сплывающем окне без перезагрузки корзины (как в карточке товара).

[Сake]

Цитата

можно ли "Быстрый заказ" перенести в "Оформление заказа", т.е. когда мы находимся в корзине при нажатии "Оформить заказ"

Это можно реализовать выполнив следующие действия. В шаблоне "Быстрый заказ" найдите

<div class="alignCenter">
  <button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button>
  <button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button>
</div>
<div class="clear">
<div id="quickform2" style="display: none;">

и замените на

{% IF FORM_NOTICE %}
<div class="alignCenter">
  <button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button>
  <button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button>
</div>
{% ENDIF %} 
<div class="clear">
<div id="quickform2" {% IF FORM_NOTICE %}style="display: none;"{% ENDIF %}>

далее в шаблоне "Оформление заказа" найдите

<script>
$(document).ready(function(){
$("body").addClass("full-width basket checkout");
$("body").removeClass("home");
});
</script>
<section role="main">
  <div class="order">

и ниже вставьте

{% IF ORDER_STAGE_NUM=1 %}
<script> 
$.post('/cart/add', [{name: 'ajax_q', value: 1}, {name: 'fast_order', value:1}], function(html) {
  $('.order').html(html);
});
</script>
{% ELSE %}

далее в самом конце шаблона найдите

</div>
  </div>
</section>

и замените на

</div>
{% ENDIF %}
  </div>
</section>

[be4ok]

Огромное спасибо!!! Всё отлично работает! У Вас лучшая служба поддержки)
Теперь осталось немного подправить, а именно, когда в корзине нажимаю "Оформить заказ" открывается страница с 2-мя кнопками "Оформить заказ" и "Продолжить покупки". При нажатии на "Оформить заказ" без перезагрузки появляется на этой же странице быстрая форма заказа. В общем, нужно исключить шаг повторного нажатия на "Оформить заказ".

Всё исправил, немного не досмотрел. Ваш вариант абсолютно рабочий. Ещё раз: спасибо Вам огромное!!!

Сообщение отредактировал be4ok: 08 Август 2013 - 11:12

[punkkez]

а как такое же использовать для сияния?

[Сake]

В теме "Сияние" аналогично. Только для сияния - в шаблоне "Оформление заказа" необходимо после

<div class="order cornerAll">
	<form
	  {% IF ORDER_STAGE_NUM=1 %}
		action="{ORDER_STAGE_CONTACTS_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=2 %}
		action="{ORDER_STAGE_DELIVERY_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=3 %}
		action="{ORDER_STAGE_PAYMENT_URL}"
	  {% ELSEIF ORDER_STAGE_NUM=4 %}
		action="{ORDER_STAGE_CONFIRM_URL}"
	  {% ENDIF %}
	  method="post"
	>
	  <input type="hidden" name="hash" value="{HASH}" />

вставить

{% IF ORDER_STAGE_NUM=1 %}
<script>
$.post('/cart/add', [{name: 'ajax_q', value: 1}, {name: 'fast_order', value:1}], function(html) {
  $('.order').html(html);
});
</script>
{% ELSE %}

а перед кодом

</form>
  </div>
</div>

вставить

{% ENDIF %}

А в шаблоне "Быстрый заказ" изменения полностью аналогичны.

[punkkez]

Сake (08 Август 2013 - 01:05) писал:

Это можно реализовать выполнив следующие действия. В шаблоне "Быстрый заказ" найдите

<div class="alignCenter">
<button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button>
<button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button>
</div>
<div class="clear">
<div id="quickform2" style="display: none;">

и замените на

{% IF FORM_NOTICE %}
<div class="alignCenter">
<button type="button" class="submit quickform" id="quickform-order">Оформить заказ</button>
<button type="submit" class="submit сlose2" id="quickform-close">Продолжить покупки</button>
</div>
{% ENDIF %}
<div class="clear">
<div id="quickform2" {% IF FORM_NOTICE %}style="display: none;"{% ENDIF %}>

не могу найти такие строки у себя

[miyako]

punkkez (12 Октябрь 2013 - 21:34) писал:

не могу найти такие строки у себя

Посмотрите пожалуйста в шаблоне Оформление заказа строки 15 - 28

А код -

</form>
  </div>
</div>

в самом конце шаблона.

[punkkez]

miyako (13 Октябрь 2013 - 09:52) писал:

Посмотрите пожалуйста в шаблоне Оформление заказа строки 15 - 28

А код -

</form>
</div>
</div>

в самом конце шаблона.

в шаблоне оформление заказа я все сделал, а в шаблоне быстрый заказ не нашел вышеописанных мною строк

[Taisia]

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

у вас и так при нажатии в корзине кнопки "оформить заказ" появляется форма быстрого заказа.

[punkkez]

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

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

• 

[miyako]

punkkez (14 Октябрь 2013 - 06:54) писал:

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

Сейчас у Вас изменилось отображение первого шага Оформления заказа. Вопрос еще актуален?

[punkkez]

да, я хотел бы сделать отображение как указано и подписано в скрине выше

[Vaccina]

Найдите в шаблоне "Оформление заказа"

<h1>Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1>

и замените на

<h1>Оформление заказа.</h1>

далее найдите

<a href="http://{NET_DOMAIN}/">Главная</a> » <a href="{CART_URL}" title="Перейти в корзину">Корзина</a> » <span class="current">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</span>

и замените на

<a href="http://{NET_DOMAIN}/">Главная</a> » <a href="{CART_URL}" title="Перейти в корзину">Корзина</a> » <span class="current">Оформление заказа.</span>

Далее в файл стилей main.css добавьте

#quickform h1, #quickform h2 {
   font-weight: bold;
}
#quickform .fieldset {
   margin: 5px 0;
}

в первом правиле #quickform h1, #quickform h2 вы можете задать стиль заголовкам, а во втором расстояние между шагами. Далее в шаблоне "Быстрый заказ" найдите

<div style="margin:0;padding:0 0 1em 0">

и замените на

<div class="fieldset">

Кнопка - у вас кнопка и так выполнена в виде кнопки <button> а не ссылкой. Пожалуйста, уточните данный вопрос.

[punkkez]

Vaccina (15 Октябрь 2013 - 03:08) писал:

Найдите в шаблоне "Оформление заказа"

[b]Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4[/b]

и замените на

[b]Оформление заказа.[/b]

далее найдите

[url="http://{NET_DOMAIN}/"]Главная[/url] » [url="{CART_URL}"]Корзина[/url] » Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4

и замените на

[url="http://{NET_DOMAIN}/"]Главная[/url] » [url="{CART_URL}"]Корзина[/url] » Оформление заказа.

Далее в файл стилей main.css добавьте

#quickform h1, #quickform h2 {font-weight: bold;}#quickform .fieldset {margin: 5px 0;}

в первом правиле #quickform h1, #quickform h2 вы можете задать стиль заголовкам, а во втором расстояние между шагами. Далее в шаблоне "Быстрый заказ" найдите

и замените на

Кнопка - у вас кнопка и так выполнена в виде кнопки  а не ссылкой. Пожалуйста, уточните данный вопрос.

кнопку имею ввиду поставить такую же как на странице товара и отцентровать ее на странице оформления заказа
как подкорректировать расположение полей  на странице оформления заказа? так же выходят за рамки страницы, поля адрес доставки и комментарий

[miyako]

punkkez (15 Октябрь 2013 - 07:55) писал:

кнопку имею ввиду поставить такую же как на странице товара и отцентровать ее на странице оформления заказа
как подкорректировать расположение полей  на странице оформления заказа? так же выходят за рамки страницы, поля адрес доставки и комментарий

Найдите код кнопки в шаблоне Оформления заказа (примерно такой код) -

<button type="submit" class="submit" title="Оформить заказ" style="float: left">Оформить заказ</button>

в коде

class="submit"

замените на -

class="submit goContacts"

[punkkez]

miyako (15 Октябрь 2013 - 08:06) писал:

Найдите код кнопки в шаблоне Оформления заказа (примерно такой код) -

<button type="submit" class="submit" title="Оформить заказ" style="float: left">Оформить заказ</button>

в коде

class="submit"

замените на -

class="submit goContacts"

попробовал вставить в следующую часть кода

	  <!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
		<input class="more-link" type="submit" name="tonext"
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Перейти далее"
		  {% ENDIF %}

но кнопка не изменилась
так же акутален вопрос с выравниванием полей для ввода

[miyako]

punkkez (15 Октябрь 2013 - 09:33) писал:

попробовал вставить в следующую часть кода

	 <!-- Кнопки навигации -->
	 <div class="orderStageSubmitNavigation">
	 <input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
	 <input class="more-link" type="submit" name="tonext"
		 {% IF ORDER_STAGE_NUM=4%}
		 value="Оформить заказ"
		 {% ELSE %}
		 value="Перейти далее"
		 {% ENDIF %}

но кнопка не изменилась
так же акутален вопрос с выравниванием полей для ввода

Код -

  <input class="more-link" type="submit" name="tonext"
				  {% IF ORDER_STAGE_NUM=4%}
						value="Оформить заказ"
				  {% ELSE %}
						value="Перейти далее"
				  {% ENDIF %}

замените на -

  <input class="more-link goContacts" type="submit" name="tonext"
				  {% IF ORDER_STAGE_NUM=4%}
						value="Оформить заказ"
				  {% ELSE %}
						value="Перейти далее"
				  {% ENDIF %}

[punkkez]

не помогло