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

Что умеет решение

Страница оформления заказа уровня крупных маркетплейсов для магазинов на 1С-Битрикс. В модуле объединены лучшие практики, изученные на площадках OZON, Wildberries, Яндекс.Маркет и ВсеИнструменты. Решение предлагает современный интерфейс, размещение корзины на одном экране с формой оформления, настройку без изменения кода, использование Vue 3 и архитектуру, адаптированную для расширения проекта. Модуль подключается как шаблон sok_order_placement для стандартного компонента bitrix:sale.order.ajax.

Корзина на странице оформления заказа

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

Массовый выбор позиций с помощью флажков, включая опции «выбрать все» и «снять выбор».

В заказ включаются исключительно отмеченные товары; не отмеченные позиции автоматически переводятся в статус отложенных (DELAY).

Изменение количества товаров сопровождается мгновенным пересчётом итоговой суммы.

Удаление позиций с функцией восстановления.

Два варианта отображения карточек товара: компактный и расширенный.

Отображение свойств в карточке: свойства корзины, а также свойства инфоблока или SKU.

Обработка пустой корзины: возможность настройки текстового наполнения и кнопок навигации «В каталог» и «На главную».

Модуль SOK для оформления заказа с корзиной. Система поддерживает различные типы плательщиков; блок выбора отображается даже при наличии только одного типа. Пользователи могут выбирать существующие профили, создавать новые, редактировать их, сохранять изменения или удалять с обязательным подтверждением. Свойства заказа разделены на группы «Покупатель» и «Доставка» в соответствии с настройками модуля. Служебные свойства формируются на основе бизнес-значений модуля с учетом маппинга по типу плательщика. Расположение блока покупателя настраивается: он может размещаться до или после блоков доставки и оплаты. Комментарий к заказу вводится в блоке доставки или в профиле покупателя.

Модуль SOK «Оформление заказа с корзиной» обеспечивает гибкую настройку доставки и самовывоза. Система отображает список служб доставки с указанием сроков, описаний и дополнительных услуг. Выбор местоположения осуществляется через полный текстовый путь или значение по умолчанию, заданное в параметрах компонента.

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

Для служб доставки, не поддерживающих автоматический расчет стоимости, вместо цены отображается текст «Рассчитывается отдельно». Если стоимость доставки равна нулю, система показывает надпись «Бесплатно» или скрывает соответствующую строку.

Модуль расширяет настройки служб доставки в системе Битрикс, добавляя дополнительные условия фильтрации в стандартный интерфейс. Служба доставки скрывается автоматически, если на складе недостаточно товара для формирования заказа. Также доступна фильтрация по свойствам товаров и типу плательщика: служба скрывается при совпадении указанных значений. Для артикулов (SKU) предусмотрена опция проверки родительского товара.

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

Раздел оплаты и итогов отображает выбранные способы оплаты и доставки. Боковая панель с итогом зафиксирована на экране и содержит якорные ссылки для быстрого перехода к разделам доставки, оплаты, списку позиций, НДС, скидкам и общей сумме, а также кнопку оформления заказа. Отступ фиксированной боковой панели настраивается администратором.

Модуль поддерживает управление купонами: их применение, удаление и отображение текущего статуса. Реализована проверка минимальной суммы заказа с автоматическим предупреждением пользователя при нарушении условия.

Гостевой сценарий оформления заказа с корзиной

Реализован блок «Вход или регистрация» для управления доступом. При включенной опции ALLOW_AUTO_REGISTER=Y активируется оформление с автоматической регистрацией. В режиме без авторегистрации гостю доступны только вход, корзина и итоговый расчет; методы доставки и оплаты скрыты, а кнопка оформления заказа недоступна до момента авторизации.

Для корректного пересчета корзины, стоимости доставки и применения купонов у гостя используется AJAX-прокси шаблона. Согласие на обработку персональных данных обеспечивается через ядро USER_CONSENT с обязательной записью в журнал при сохранении заказа. Подпись согласия формируется на основе соглашения Битрикс или подключенного include-файла.

Доступна опция отображения галочки согласия исключительно для гостевых пользователей. Текст оферты может быть вынесен в отдельный include-файл и отображаться без галочки согласия.

Настройка без программиста

В параметрах компонента sale.order.ajax (шаблон sok_order_placement) настраиваются основной цвет, состояние при наведении, радиусы скругления и фоновые цвета блоков. Доступна кастомизация подписей блоков, кнопок, системных сообщений и текстов для пустой корзины. Состав и поведение этапов оформления заказа (покупатель, доставка, оплата, корзина) также управляются через параметры компонента. Цели аналитики задаются в том же месте.

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

Аналитика из коробки

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

Архитектура и доработка

Интерфейс реализован на базе Vue 3 с использованием Bitrix Extensions. Решение использует шаблон стандартного компонента bitrix:sale.order.ajax без изменения ядра модуля Sale. Бизнес-логика расширяется через ограничения доставки, провайдеры бизнес-значений и события. Модуль поддерживает изоляцию по сайтам в мультисайтовой среде, устанавливаясь только на выбранные ресурсы. Кастомизация частей интерфейса выполняется через директорию parts/custom/ на стороне проекта, а не внутри пакета модуля. Для нестандартных задач предусмотрена документация для разработчиков.

Как внедрить

Подробная инструкция доступна на вкладке установки и настройки решения. Кратко: активируйте купон в разделе «Marketplace» в пункте «Обновление решений».

Модуль «SOK: Оформление заказа с корзиной» для 1С-Битрикс реализует одностраничный процесс оформления заказа. Установка включает указание сайтов в настройках модуля и привязку групп свойств к блокам «Покупатель» и «Доставка». Для активации необходимо переключить шаблон sale.order.ajax на sok_order_placement через режим правки или редактирование кода страницы. В параметрах компонента настраиваются цвета, подписи и цели аналитики. Решение работает без изменения ядра системы.

Модуль поддерживает один экран оформления заказа, галочки для выбора товаров, отложенные позиции, профили пользователей, доставку и пункты выдачи (ПВЗ), расширенные ограничения для служб доставки, сценарии для гостей, согласия на обработку данных и интеграцию аналитики. Для корректной работы требуются версии 1С-Битрикс: Управление сайтом «Малый бизнес» и выше. Карта самовывоза требует API-ключ Яндекс.Карт с правами «Управление структурой». Для аналитики необходим счётчик Яндекс.Метрики и/или Google Analytics.

Внедрение «SOK: Оформление заказа с корзиной» можно поручить General iT — от установки до настройки и проверки совместимости с сайтом.