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

Корзина и оформление заказа на одной странице — без лишних шагов

Покупатель не любит переходить туда-сюда. Если ему нужно изменить количество товара, убрать позицию или отложить её на потом, он хочет сделать это сразу, не покидая страницу оформления. Модуль SOK собирает всю корзину на одном экране. Человек видит итоговую сумму мгновенно, а не после перезагрузки страницы. Можно снять галочку с товара, чтобы исключить его из текущего заказа, но не потерять из виду — позиция остаётся в списке и доступна для следующей покупки. Это именно тот подход, который работает на Ozon, Wildberries и Яндекс Маркете, и теперь он доступен в вашем магазине на 1С-Битрикс.

Никакого ухода на отдельную страницу корзины. Всё происходит здесь и сейчас. Покупатель быстрее принимает решение, меньше отвлекается и реже бросает оформление на полпути. Для интернет-магазина это означает рост конверсии и снижение числа брошенных корзин.

Настройка без программиста — меняйте внешний вид и тексты через параметры

Вам не нужно трогать код, чтобы подогнать страницу под фирменный стиль. Цвета блоков, фон, скругления кнопок и полей — всё это настраивается прямо в параметрах компонента. Тексты тоже там: названия разделов, подписи к кнопкам, сообщения для пустой корзины. Верстальщик для таких правок не понадобится. Любой менеджер или маркетолог может самостоятельно привести страницу к единому визуалу бренда за пару минут.

Гибкость касается не только дизайна. Вы управляете логикой показа: например, нулевая стоимость доставки автоматически заменяется на слово «Бесплатно» или скрывается совсем. А для крупногабаритных заказов вместо цены можно вывести пояснение «Рассчитывается отдельно». Всё это настраивается без единой строчки кода.

Умная доставка с картой, остатками и ограничениями

Модуль умеет работать с разными сценариями доставки. На карте Яндекса отображаются пункты самовывоза с возможностью поиска ближайшего ПВЗ и постраничным списком. Это удобно для покупателя и снижает нагрузку на поддержку — люди сами находят подходящий адрес. Если товар крупногабаритный или требует индивидуального расчёта, вместо цены показывается нужный текст.

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

Готовая аналитика — цели Метрики и Enhanced Ecommerce из коробки

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

Это позволяет видеть, на каком этапе покупатели теряются, какие способы доставки выбирают чаще и где возникают проблемы. Аналитика работает без дополнительных модулей и не требует привлечения разработчика для настройки событий.

Архитектура на Vue 3 — расширяйте логику без переписывания ядра

Модуль построен на Vue 3 с чистой компонентной структурой. Он не просто меняет внешний вид стандартного компонента, а расширяет его бизнес-логику. Вы можете добавлять собственные ограничения для служб доставки, подключать провайдеры для автозаполнения служебных свойств заказа и изолировать логику по сайтам на мультисайтовых проектах. Всё это без взлома ядра Битрикс и без конфликтов при обновлениях.

Функционал модуля будет расширяться, а для разработчиков выйдет подробная документация по кастомизации. Если у вас нестандартная задача — вы сможете адаптировать решение под неё, не начиная с нуля. Установка простая: активировать купон, установить модуль, привязать группы свойств к блокам «Покупатель» и «Доставка», переключить шаблон компонента на sok_order_placement и настроить цвета с подписями. Подробная инструкция есть на вкладке установки.