Оформление заказа в 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

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

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

0 Число голосов: 6
3
5
1
6

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

  1. Константин 21 марта 2017, 09:40 # 0
    На тестовом сайт еще нет чанка orderFormTpl?
    1. Петропавловский Артем 23 марта 2017, 15:43 # 0
      У нас две тестовые площадки:
      1) http://ecom.dart.agency/ — эта площадка идет по видео
      2) http://ecom2.dart.agency/ — эта площадка идет по статьям
      Доступы совпадают.
      1. елена 20 октября 2018, 23:42 # 0
        Где взять доступы?
    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. Когда у тебя покупатели физлицо или юрлицо. Дайте, пожалуйста, хотя бы наводку, как это организовать. Спасибо.
          1. Михаил 11 июня 2018, 05:24 # 0
            Здравствуйте. При оформлении заказа с пустыми полями, заказ нормально оформляется, сообщение о пустых полях не появляется, хотя обязательные поля указаны. И я так понимаю что после заказа должно прийти письмо о новом заказе не почту, но ящик пуст. Куда копать?
            1. Юрий 15 ноября 2018, 17:33 # 0
              Блин, а почему данные о заказчике не передаются на почту? Это же капец как неудобно когда в письме нет ФИО, телефона, адреса и прочей инфы
              1. Андрей 05 марта 2019, 23:57 # 0
                Подскажите пожалуйста как в заказе изменить валюту руб. на другую?
                1. Иван 04 февраля 2020, 11:48 # 0
                  Вопрос: Как в minishop2 настроить что бы заказы из разных категорий падали на разные почты.Например: из категории смартфоны на 1@mail.ru, а из категории телевизоры на 2@mail.ru

                  Наши клиенты

                  Многие компании уже доверяют нам. Будьте в их числе!

                  Хотите реализовать проект?

                  Контакты

                  Напишите нам - мы расскажем вам много интересного!


                  Пермь, ул. Крупской 34, офис 510