SOK: Оформление заказа с корзиной

Страница оформления заказа уровня крупных маркетплейсов — для любого магазина на 1С-Битрикс.

Мы изучили оформление заказа на OZON, Wildberries, Яндекс.Маркет, ВсеИнструменты и др. и собрали практики в одном модуле: современный интерфейс, корзина на одном экране с оформлением, настройка без правки кода, Vue 3 и архитектура под расширение проекта.

Модуль подключается как шаблон sok_order_placement стандартного компонента bitrix:sale.order.ajax.

Попробуйте бесплатно — 7 дней демо-периода.

Покупатель не уходит на отдельную страницу корзины. На экране оформления заказа:

• выбор позиций галочками («выбрать все» / снять выбор);
  
• в заказ попадают только отмеченные товары; остальные остаются отложенными (DELAY);
  
• изменение количества с мгновенным пересчётом итога;
  
• удаление позиции с возможностью восстановления;
  
• два вида карточек товара: компактный и увеличенный;
  
• вывод свойств в карточке: свойства корзины и свойства инфоблока / SKU;
  
• пустая корзина: настраиваемые тексты и кнопки «В каталог» / «На главную».
  

• типы плательщиков (можно показывать блок даже при одном типе);
  
• профили покупателя: выбор, создание, редактирование, сохранение, удаление с подтверждением;
  
• свойства заказа разделены на группы «Покупатель» и «Доставка» (настройки модуля);
  
• служебные свойства через бизнес-значения модуля (маппинг по типу плательщика);
  
• расположение блока покупателя: до или после доставки/оплаты (параметр);
  
• комментарий к заказу — в блоке доставки или профиля.
  

• список служб доставки: сроки, описания, дополнительные услуги;
  
• местоположение с полным текстовым путём; местоположение по умолчанию из параметров компонента;
  
• самовывоз: список пунктов + Яндекс.Карты 3.0, маркеры, поиск ближайшего ПВЗ;
  
• постраничный список пунктов («Показать ещё»), настраиваемый показ карты;
  
• настраиваемые поля списка ПВЗ: название, график, телефон, описание;
  
• запоминание последнего выбранного пункта самовывоза;
  
• службы без авторасчёта — текст вместо цены («Рассчитывается отдельно»);
  
• нулевая стоимость — «Бесплатно» или скрытие строки.
  

Расширение настроек служб доставки Битрикс — дополнительные ограничения в стандартном интерфейсе службы:

• по наличию на складе (скрыть службу, если остатка не хватает);
  
• по свойству товара и типу плательщика (скрыть службу при совпадении значения; для SKU — опция проверки родителя).
  

• указан выбранный способ оплаты и доставки;
  
• sticky-сайдбар итога: якоря на доставку/оплату, позиции, НДС, скидка, итого, кнопка оформления;
  
• настраиваемый отступ фиксированной боковой панели;
  
• купоны: применение, удаление, статус;
  
• ограничение по минимальной сумме заказа с предупреждением;
  

• блок «Вход или регистрация»;
  
• оформление с авторегистрацией (ALLOW_AUTO_REGISTER=Y);
  
• без авторегистрации: гостю доступны вход, корзина и итог; доставка/оплата скрыты, кнопка оформления недоступна до входа;
  
• AJAX-прокси шаблона для корректного пересчёта корзины/доставки/купонов у гостя;
  
• согласие на обработку ПДн через ядро USER_CONSENT (запись в журнал при сохранении заказа);
  
• подпись согласия из соглашения Битрикс или include-файла;
  
• опция показывать галочку согласия только гостям;
  
• текст оферты без галочки (отдельный include).
  

В параметрах компонента sale.order.ajax (шаблон sok_order_placement):

• основной цвет, hover, радиусы, фон блоков;
  
• подписи блоков, кнопок, сообщений, тексты пустой корзины;
  
• состав и поведение блоков оформления (покупатель, доставка, оплата, корзина);
  
• цели аналитики (см. ниже).
  

Верстальщик для базовой адаптации под фирменный стиль не нужен.

• цели Яндекс.Метрики на шаги покупателя — в параметрах компонента;
  
• Enhanced Ecommerce для Google Analytics;
  
• идентификаторы целей по умолчанию совпадают с типовыми (если цели уже есть в Метрике, менять не обязательно).
  

• UI на Vue 3 (Bitrix Extensions);
  
• шаблон стандартного bitrix:sale.order.ajax — без правки ядра Sale;
  
• расширение бизнес-логики: restriction’ы доставки, провайдеры бизнес-значений, события;
  
• изоляция по сайтам на мультисайте (модуль только на выбранных сайтах);
  
• кастомизация частей интерфейса через parts/custom/ на стороне проекта (не в пакете МП);
  
• документация для разработчиков под нестандартные задачи.
  

Подробная инструкция — на вкладке установки и настройки решения. Коротко:

1. Активировать купон в «Marketplace» → «Обновление решений».
   
2. Установить «SOK: Оформление заказа с корзиной».
   
3. В настройках модуля указать сайты и привязать группы свойств к блокам «Покупатель» и «Доставка».
   
4. Переключить шаблон sale.order.ajax на sok_order_placement (режим правки или код страницы).
   
5. Настроить цвета, подписи и цели аналитики в параметрах компонента.
   

Требования

• 1С-Битрикс: Управление сайтом — «Малый бизнес» и выше;
  
• для карты самовывоза — API-ключ Яндекс.Карт («Управление структурой»);
  
• для аналитики — счётчик Яндекс.Метрики и/или Google Analytics.
  

Готовый модуль оформления заказа с корзиной для 1С-Битрикс: один экран checkout, галочки и отложенные товары, профили, доставка/ПВЗ, расширенные ограничения служб доставки, гостевые сценарии, согласия, аналитика и настройка без правки ядра.

Попробуйте бесплатно 7 дней или установите решение из Marketplace.