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

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

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

Корзина интегрирована непосредственно в форму оформления. Покупатель не покидает страницу, получая доступ к следующим действиям:

- изменение количества товаров;

- удаление позиций;

- отложенные товары (отключение галочки для исключения позиции из текущего заказа с сохранением её в списке).

Итоговая сумма пересчитывается мгновенно при любом изменении состава корзины.

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

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

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

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

Расширяемая архитектура

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

Функционал модуля подлежит дальнейшему расширению. В ближайшее время будет опубликована подробная документация для разработчиков, планирующих кастомизацию решения под нестандартные задачи.

Модуль SOK: Оформление заказа с корзиной позволяет настроить процесс оформления заказа с интеграцией блоков «Покупатель» и «Доставка».

Для работы модуля требуется 1С-Битрикс: Управление сайтом редакции «Малый бизнес» и выше.

Для отображения карты самовывоза необходим API-ключ Яндекс.Карт, настроенный в модуле «Управление структурой».

Для сбора аналитики на сайте должны быть установлены счётчики Яндекс.Метрики и/или Google Analytics.

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

Краткий порядок действий:

1. Активируйте купон в разделе «Marketplace» → «Обновление решений».

2. Установите решение «SOK: Оформление заказа».

3. В настройках модуля укажите сайты и привяжите группы свойств к блокам «Покупатель» и «Доставка».

4. Переключите шаблон компонента на sok_order_placement в режиме правки или в коде страницы.

5. Настройте цвета, подписи и цели аналитики в параметрах компонента.

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.