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.