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


Оформление Заказа


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

#1 be4ok

be4ok

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

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

Отправлено 06 Август 2013 - 16:02

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

#2 support 2.0

support 2.0

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

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

Отправлено 06 Август 2013 - 18:29

Просмотр сообщенияbe4ok (06 Август 2013 - 16:02) писал:

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

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

#3 be4ok

be4ok

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

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

Отправлено 07 Август 2013 - 17:39

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

#4 Сake

Сake

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

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

Отправлено 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 %}>

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

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


#5 be4ok

be4ok

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

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

Отправлено 08 Август 2013 - 11:12

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

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

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


#6 punkkez

punkkez

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

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

Отправлено 11 Октябрь 2013 - 10:00

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

#7 Сake

Сake

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

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

Отправлено 12 Октябрь 2013 - 05:37

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

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

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

#8 punkkez

punkkez

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

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

Отправлено 12 Октябрь 2013 - 21:34

Просмотр сообщенияС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 %}>


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

#9 miyako

miyako

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

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

Отправлено 13 Октябрь 2013 - 09:52

Просмотр сообщенияpunkkez (12 Октябрь 2013 - 21:34) писал:

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

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

А код -
</form>
  </div>
</div>
в самом конце шаблона.

#10 punkkez

punkkez

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

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

Отправлено 13 Октябрь 2013 - 19:24

Просмотр сообщенияmiyako (13 Октябрь 2013 - 09:52) писал:

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

А код -
</form>
</div>
</div>
в самом конце шаблона.
в шаблоне оформление заказа я все сделал, а в шаблоне быстрый заказ не нашел вышеописанных мною строк

#11 Taisia

Taisia

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

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

Отправлено 13 Октябрь 2013 - 22:46

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

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

#12 punkkez

punkkez

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

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

Отправлено 14 Октябрь 2013 - 06:54

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

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

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


#13 miyako

miyako

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

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

Отправлено 14 Октябрь 2013 - 12:51

Просмотр сообщенияpunkkez (14 Октябрь 2013 - 06:54) писал:

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

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

#14 punkkez

punkkez

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

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

Отправлено 14 Октябрь 2013 - 13:30

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

#15 Vaccina

Vaccina

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

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

Отправлено 15 Октябрь 2013 - 03:08

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

<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> а не ссылкой. Пожалуйста, уточните данный вопрос.

#16 punkkez

punkkez

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

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

Отправлено 15 Октябрь 2013 - 07:55

Просмотр сообщения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 вы можете задать стиль заголовкам, а во втором расстояние между шагами. Далее в шаблоне "Быстрый заказ" найдите
и замените на
Кнопка - у вас кнопка и так выполнена в виде кнопки  а не ссылкой. Пожалуйста, уточните данный вопрос.
кнопку имею ввиду поставить такую же как на странице товара и отцентровать ее на странице оформления заказа
как подкорректировать расположение полей  на странице оформления заказа? так же выходят за рамки страницы, поля адрес доставки и комментарий

#17 miyako

miyako

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

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

Отправлено 15 Октябрь 2013 - 08:06

Просмотр сообщенияpunkkez (15 Октябрь 2013 - 07:55) писал:

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

Найдите код кнопки в шаблоне Оформления заказа (примерно такой код) -
<button type="submit" class="submit" title="Оформить заказ" style="float: left">Оформить заказ</button>
в коде
class="submit"
замените на -
class="submit goContacts"


#18 punkkez

punkkez

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

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

Отправлено 15 Октябрь 2013 - 09:33

Просмотр сообщения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 %}
но кнопка не изменилась
так же акутален вопрос с выравниванием полей для ввода

#19 miyako

miyako

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

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

Отправлено 15 Октябрь 2013 - 09:55

Просмотр сообщения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 %}


#20 punkkez

punkkez

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

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

Отправлено 15 Октябрь 2013 - 10:24

не помогло




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

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