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

Сейчас мы с вами реализуем оформление заказа в интернет-магазине на MODx Revo, работающем на miniShop2. Для начала нам нужно интегрировать шаблон оформления заказа (checkout.html) и создать ресурс в корне сайта с данным шаблоном.

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

Так как шаблон у нас адаптирован под запад, я немного переделал чанк tpl.msOrder и на основе него создал новый orderFormTpl (код не проходит валидатором – смотрите на тестовом сайте):

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

И нам осталось вызвать наш сниппет в шаблоне:


<!DOCTYPE html>
<html lang="ru">
  <head>
	[[$meta]]
  </head>  
  <body>
	<div class="wrapper">
	  [[$headerInner]]
	  <section id="checkout-page">
		<div class="container">
		  <h1>[[*pagetitle]]</h1>
		  [[!msOrder?tpl=`orderFormTpl`]]
		  [[!msGetOrder]]
		</div>
	  </section>
	  [[$footer]]
	</div>
	[[$scripts]]
  </body>
</html>

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

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

Заказ оформлен! Осталось всего несколько корректировок: вывести пользователю текст, что заказ оформлен и убрать поле “Вес” из таблицы. Для этого нам нужно подредактировать чанк tpl.msGetOrder. Вот так, на мой взгляд, выглядит все намного лучше:

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

Вот мы с вами и реализовали оформление заказа. Поздравляю!

Оцените статью:

Проголосовало: 48

Комментарии (6)

  1. Константин 21 марта 2017, 09:40 # 0
    На тестовом сайт еще нет чанка orderFormTpl?
    1. Петропавловский Артем 23 марта 2017, 15:43 # 0
      У нас две тестовые площадки:
      1) http://ecom.dart.agency/ — эта площадка идет по видео
      2) http://ecom2.dart.agency/ — эта площадка идет по статьям
      Доступы совпадают.
    2. Жак 31 марта 2017, 10:30 # 0
      Когда следующий урок?
      1. Петропавловский Артем 14 апреля 2017, 14:03 # 0
        Вышли новые статейки. Смотрите в полном списке Интернет-магазин на MODx Revo
      2. Алена 20 мая 2017, 02:33 # 0
        Доброго времени суток! Интересное видео и урок! только вы не рассмотрели Как передать значение TV параметров в письмо при совершении заказа?Например: у товара есть дополнительное поле img_1, как значение данного параметра передать в письме, {$product.img_1} — не работает
        1. Владимир 01 октября 2017, 22:47 # 0
          Как сделать вывод двух разных форм, например через radio. Когда у тебя покупатели физлицо или юрлицо. Дайте, пожалуйста, хотя бы наводку, как это организовать. Спасибо.