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

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

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

Покупатель не уходит на отдельную страницу. Всё — здесь:

• изменить количество товара
  
• удалить позицию
  
• отложить товар — снять галочку, чтобы не включать позицию в этот заказ, но не потерять её из виду
  

Итог пересчитывается мгновенно. Именно так это работает на крупнейших площадках страны — и теперь так же работает в вашем магазине на Битрикс.

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

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

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

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

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

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

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

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