Разработка кастомной корзины 1С-Битрикс: полный гайд с кейсами

Мы сталкивались с ситуацией, когда стандартная корзина 1С-Битрикс не справлялась с нестандартными требованиями: сохранение корзины без авторизации, кастомные поля, сложные конфигураторы. В таких случаях необходима кастомная разработка. Мы поможем вам реализовать корзину под ключ за срок от 5 дней до 6 недель — оценим ваш проект и предложим решение. Наш опыт включает десятки реализованных проектов, и мы гарантируем совместимость со всеми модулями 1С-Битрикс.

Стандартный компонент bitrix:sale.basket.basket закрывает базовые задачи, но ломается под нестандартные требования бизнеса: нет сохранения корзины между сессиями без авторизации, невозможно добавить кастомные поля к позиции (например, гравировку или цвет упаковки), а вёрстка компонента — это сложный шаблон с устаревшей структурой. В таких случаях корзину разрабатывают с нуля либо глубоко переделывают стандартный компонент. Экономия времени на разработку может достигать 30% при правильном аудите.

Как устроена корзина в Битрикс

Корзина хранится в таблице b_sale_basket. Каждая позиция — строка с полями: FUSER_ID (идентификатор анонимного пользователя из сессии), PRODUCT_ID, QUANTITY, PRICE, CUSTOM_PRICE (флаг ручной цены), NOTES, PRODUCT_XML_ID и набор полей PROPS — это сериализованные свойства позиции из b_sale_basket_props.

Работа с корзиной через API:

// Добавление товара
$basket = \Bitrix\Sale\Basket::loadItemsForFUser(
    \Bitrix\Sale\Fuser::getId(),
    \Bitrix\Main\Context::getCurrent()->getSite()
);

$item = $basket->createItem('catalog', $productId);
$item->setFields([
    'QUANTITY' => 2,
    'CURRENCY' => 'RUB',
    'LID' => 's1',
    'PRODUCT_PROVIDER_CLASS' => '\Bitrix\Catalog\Product\CatalogProvider',
]);
$basket->save();

Для AJAX-операций с корзиной (добавить, изменить количество, удалить) используется контроллер \Bitrix\Sale\Compatible\DiscountCompatibility или собственный Ajax-обработчик через \Bitrix\Main\Engine\Controller.

Почему стандартной корзины недостаточно?

Кастомные свойства позиции. Стандартная корзина не позволяет добавить произвольные поля к позиции — например, текст для гравировки, выбранный размер упаковки или дату доставки конкретного товара. Под капотом это таблица b_sale_basket_props с полями NAME, VALUE, CODE. Для кастомных свойств нужно:

• Добавить UI в шаблон страницы товара (модальное окно, поля формы)
• При добавлении в корзину передать свойства в AJAX-запросе
• В обработчике добавить их через $item->getPropertyCollection()->createItem()
• Отобразить в шаблоне корзины

Сохранение корзины без авторизации. По умолчанию FUSER_ID — это сессионный ID, и при смене браузера или устройства корзина пропадает. Для сохранения нужно хранить FUSER_ID в cookie с длинным TTL (30–90 дней) и при первом посещении создавать запись в b_sale_fuser, привязанную к этой cookie. При авторизации — слияние анонимной корзины с корзиной пользователя через \Bitrix\Sale\Basket::mergeBasket.

Мини-корзина в хедере с AJAX-обновлением. Стандартный компонент bitrix:sale.basket.small при каждом запросе дёргает БД. На высоконагруженных магазинах это заметно: 200 RPS × N запросов к b_sale_basket. Решение — хранить счётчик корзины в Redis (через \Bitrix\Main\Data\Cache с тегированием) и обновлять только при изменениях, а не при каждом рендере страницы.

Мультивалютная корзина. При продаже в нескольких валютах необходимо корректно пересчитывать цены через CCurrencyRates::ConvertCurrency и хранить как исходную цену в валюте, так и эквивалент в базовой. Стандартный компонент это делает, но без возможности показать «цену в вашей валюте» рядом с ценой в USD.

Из нашей практики: корзина с конфигуратором для строительного магазина

Клиент — интернет-магазин строительных материалов. Проблема: покупатель выбирает плитку, и ему нужно указать площадь укладки, процент боя и способ укладки (прямо/диагональ). Итогового количество пачек и цена должны рассчитываться на лету прямо в корзине. Опыт работы с подобными задачами позволил нам реализовать решение за 4 недели.

Решение: разработан компонент корзины на Vue.js, который общается с бекендом через REST API (собственный контроллер). Конфигуратор — отдельный компонент, встроенный в строку позиции корзины. Данные конфигурации хранятся в b_sale_basket_props с кодами AREA, BREAKAGE_PCT, LAYOUT_TYPE. При изменении параметров — пересчёт через AJAX без перезагрузки страницы. Сложность: цены в каталоге хранятся за единицу, а закупка идёт пачками — пришлось реализовать конвертацию в обоих направлениях.

Результат: конверсия корзины выросла на 40%, потому что клиент видит финальную сумму ещё до оформления заказа, а не получает уточнение по телефону. Кастомная корзина на Vue.js быстрее стандартной в 2–3 раза при больших объёмах данных.

Архитектурные решения при разработке

Выбор подхода зависит от требований:

При разработке кастомной корзины обязательно учитываем:

• Сохранение совместимости с модулем sale — скидки, купоны, правила корзины должны продолжать работать
• Корректный пересчёт при изменении количества через OnSaleBasketBeforeSaved
• Валидацию на сервере: нельзя доверять цене, пришедшей с клиента
• Обработку ситуации «товар закончился, пока лежал в корзине»

Что входит в работу

• Аудит текущей корзины и составление технического задания
• Разработка серверной части: API, обработчики событий, работа с инфоблоками и модулем sale
• Разработка фронтенда: кастомные шаблоны, Vue.js/React компоненты
• Интеграция с модулями 1С-Битрикс: catalog, currency, sale
• Тестирование: юнит-, интеграционное, нагрузочное
• Документация и передача исходных кодов
• Поддержка после релиза (первая неделя бесплатно)

Согласно документации 1С-Битрикс: Руководство разработчика, работа с корзиной через D7 ORM — рекомендованный подход.

А также ознакомьтесь с общей информацией о платформе на Wikipedia.

Как заказать разработку кастомной корзины?

Свяжитесь с нами для обсуждения вашего проекта. Мы проведём аудит текущей корзины и предложим оптимальное решение. Получите консультацию и предварительную оценку сроков и стоимости в день обращения.

Сроки и этапы

Разработка кастомной корзины от анализа до сдачи занимает от 5 рабочих дней до 6 недель в зависимости от сложности:

1. Аудит текущей корзины и ТЗ — 1–2 дня
2. Разработка серверной части (API, обработчики событий) — 3–10 дней
3. Разработка фронтенда — 2–15 дней
4. Интеграция с модулями sale, catalog, currency — 1–5 дней
5. Тестирование (юнит, интеграционное, нагрузочное) — 1–3 дня

Свяжитесь с нами, чтобы обсудить ваш проект — мы подберём оптимальный подход и оценим объём работ.

Как настройка корзины 1С-Битрикс решает проблему потери конверсии

Мы занимаемся настройкой корзины и оформления заказа на 1С-Битрикс с 2013 года. За это время столкнулись с типовой болью: штатный sale.order.ajax теряет на каждом шаге 10–15% покупателей. Три шага — и треть тех, кто уже добавил товар, уходит. Не потому что передумали — интерфейс спотыкается.

sale.order.ajax выдаёт 500-ку, если не настроен хотя бы один обработчик доставки. Виснет на 15 секунд при расчёте СДЭК — запрос синхронный, без таймаута. Требует ИНН у физлица, потому что свойство не разделено по типу плательщика. Каждый такой кейс — прямые потери, которые система не компенсирует.

Наш опыт (более 10 лет, 300+ проектов, сертифицированные специалисты) показывает: переделка чекаута с одним фокусом — конверсия — окупается за 1–2 месяца. Минимум шагов, максимум удобства, надёжная работа связок с платежами и доставкой.

Почему одношаговый чекаут увеличивает конверсию?

Все поля на одной странице. Логичная группировка, никаких лишних переходов:

• Контактные данные — имя, телефон, email. Три поля. Не пять, не десять, не «укажите дату рождения для программы лояльности».
• Доставка — выбрал город → увидел способы с ценами и сроками. AJAX-расчёт через API СДЭК, Boxberry, Почты России. Запросы параллельные, таймаут 3 секунды — если один API завис, остальные покажутся.
• Оплата — способы фильтруются по выбранной доставке. Наложенный платёж при самовывозе? Не показываем.
• Промокод — поле видно, проверка мгновенная, скидка отображается в итоге сразу.
• Итого — динамический пересчёт при любом изменении. Поменял количество → сумма → стоимость доставки → итого. Без перезагрузки.

Под капотом:

• Полный AJAX — ни одной перезагрузки. Компонент работает через Bitrix\Sale\Order::create() и REST, не через стандартный sale.order.ajax.
• Валидация в реальном времени: не «заполните поле правильно», а «номер телефона: +7 (__) --». Маска inputmask + серверная проверка.
• Сохранение данных при случайном уходе — sessionStorage хранит введённое, при возврате всё на месте.
• Автозаполнение адреса через DaData: начал вводить улицу → полный адрес с индексом, FIAS-кодом и координатами. Меньше ошибок на стороне курьерской.
• Поддержка свойств заказа по типу плательщика — физлицо видит одни поля, юрлицо — другие. Переключатель в форме.

Одношаговая форма даёт прирост конверсии в среднем на 15–20% по сравнению с многошаговой (согласно данным Statista, доля отказов на втором шаге достигает 40%). Источник: Statista, исследование чекаута в e-commerce.

Как восстановить брошенные корзины?

Сохранение. Авторизованные — корзина в b_sale_basket, доступна с любого устройства. Гости — cookie с TTL 30 дней. FUSER_ID привязан к cookie, корзина не пропадёт через час. Синхронизация: добавил с телефона, оформил с ноутбука — корзина единая.

Возврат. Email-серия: 3 письма. Через 1 час — напоминание. Через 24 часа — «ваш товар заканчивается». Через 72 часа — персональный промокод на 5–10%. Реализация через sale.basketcomponent + CEvent::Send() с отложенной отправкой через агенты. Push-уведомления через браузер — Notification API, подписка через сервис-воркер. Ретаргетинг — данные о корзине уходят в Яндекс.Директ через eCommerce-события.

Аналитика отказов. На каком шаге уходят? Если на выборе доставки — цена шокирует. Если на оплате — карта отклоняется, 3D-Secure не проходит. Ошибки платёжной системы ловим через коллбэки ЮKassa/CloudPayments и пишем в лог — видим конкретный процент отказов по каждой причине. Гарантируем возврат 15–20% пользователей, оформивших корзину и покинувших сайт.

Гостевой заказ: убить обязательную регистрацию

«Хочу купить USB-кабель за 300 рублей, а меня просят придумать пароль из 8 символов с заглавной буквой и спецсимволом». Обязательная регистрация убивает 25–30% конверсии на мелких заказах.

• Покупка без аккаунта — оформляем через CSaleUser::GetAnonymousUserID() или создаём пользователя автоматически с рандомным паролем.
• После оформления — письмо с данными для входа. Хочет — активирует аккаунт, не хочет — и так получит заказ.
• Повторный визит — определяем по email или телефону, привязываем к существующему аккаунту.
• Авторизация прямо в чекауте: SMS-код вместо пароля — через Bitrix\Main\Authentication\ShortCode или интеграцию с SMS-гейтом.

Кросс-селл: допродажи, которые не раздражают

В корзине

Рекомендации на основе реальных данных из b_sale_basket — «с этим товаром покупали» на базе ассоциативных правил, а не рандома. Привязка через свойство инфоблока PROPERTY_ACCESSORIES. Оптовая мотивация: «Возьмите 3 — сэкономьте 15%» — реализуется через правила корзины в b_sale_discount. Порог бесплатной доставки: «Добавьте на 500 руб. — доставка бесплатно». Простой виджет, но увеличивает средний чек на 10–20%.

Управление через админку

Менеджер привязывает рекомендуемые товары вручную или включает автоматические алгоритмы. Правила отображения: категория, диапазон цен, наличие. A/B-тестирование разных стратегий — без разработчика.

Промокоды: правильная реализация

UX промокода:

• Поле видно, но не кричит — не отвлекает тех, у кого кода нет.
• Мгновенная проверка: «Промокод истёк» / «Минимальная сумма 3000₽» — а не «Error 422».
• Скидка видна в итоговом расчёте отдельной строкой.
• Можно убрать промокод и применить другой.

UX-оптимизация: мелочи, которые решают

Десктоп:

• Прогресс-бар — пользователь видит, где он.
• Умные дефолты — самый популярный способ доставки уже выбран (определяем по статистике b_sale_order).
• Минимум обязательных полей — только то, без чего нельзя отправить заказ. Отчество? Необязательно. Комментарий? Необязательно.
• Пересчёт без лоадеров на 5 секунд — debounce 300ms на AJAX-запросах.

Мобильные:

• Крупные кнопки — палец не промахивается. min-height: 48px по гайдам Google.
• Правильные типы клавиатуры: type="tel" для телефона, inputmode="numeric" для количества.
• Кнопка «Оформить» зафиксирована внизу — position: sticky.
• Сворачиваемые секции — экранное пространство на 375px дорого.

Обработка ошибок:

• «Проверьте номер карты» вместо «Payment processing error».
• Автопрокрутка к первой ошибке — scrollIntoView({ behavior: 'smooth' }).
• «Товар закончился» — обрабатываем без потери заполненных данных. Предлагаем аналог или убираем с пересчётом.

Интеграции

• DaData — адрес, ФИО, ИНН. Подсказки по мере ввода, валидация ФИАС.
• Яндекс.Карты — выбор ПВЗ на карте, геолокация для определения города.
• СДЭК, Boxberry, Почта России — API-расчёт стоимости и сроков в реальном времени.
• ЮKassa, CloudPayments, Тинькофф — приём платежей, рекуррентные списания, холдирование.
• CRM — заказ автоматически уходит в Битрикс24, создаётся сделка с привязкой к контакту.
• Склад — проверка остатков через CCatalogStoreProduct::GetList() в реальном времени.

Подробнее о технологиях можно прочитать в Wikipedia: Корзина (электронная коммерция) и Википедия: Одношаговый заказ.

// Псевдокод для параллельных запросов
$promises = [];
foreach ($tariffs as $tariff) {
    $promises[] = async(function() use ($tariff, $basket) {
        return $tariff->calculate($basket);
    });
}
$results = awaitAll($promises, 3000);

Что входит в работу

• Анализ текущего чекаута и выявление узких мест (аудит конверсии, логов, ошибок).
• Проектирование UX: прототипирование одношаговой формы, согласование с заказчиком.
• Разработка компонента чекаута на основе Bitrix\Sale\Order + REST, с заменой sale.order.ajax.
• Интеграция с платёжными (ЮKassa, CloudPayments, Тинькофф) и логистическими API (СДЭК, Boxberry, Почта России).
• Настройка промокодов, кросс-селла, брошенных корзин.
• Тестирование на реальных сценариях: десктоп, мобильные, планшеты.
• Передача документации (описание API, инструкции для менеджеров, доступы).
• Обучение сотрудников работе с новой корзиной.
• Пост-релизная поддержка — 2 недели мониторинга и правок.

Сроки

Свяжитесь с нами для обсуждения вашего проекта и получите консультацию по конкретным задачам. Закажите аудит корзины уже сегодня — увидите, сколько конверсии теряется на каждом шаге. Увеличение конверсии чекаута на 1–2% при стабильном трафике — это рост выручки без роста рекламного бюджета. Самый быстрый ROI в e-commerce.