Документация Сотбит: Розница. Основные разделы. Оформление заказа
На данной странице описаны возможности и порядок настройки одностраничного шаблона оформления заказа onepage (Сотбит: Розница) компонента 1С-Битрикс sale.order.ajax. Шаблон оптимизирует путь покупателя, объединяя зависимые шаги в логические блоки и уменьшая визуальную высоту страницы.
Публичная часть сайта > Включить режим правки > Страница оформления заказа > Всплывающее меню компонента (шестеренка) > Параметры компонента
Особенности одностраничного шаблона
Одностраничный шаблон оформления заказа onepage разработан как современная альтернатива классическому шаблону .default (Сотбит: Розница). При переключении шаблона сохраняются все стандартные алгоритмы 1С-Битрикс: расчет скидок, налогов, стоимости доставок, валидация полей, ограничения платежных систем и логика создания заказа.
Главные отличия и преимущества шаблона:
- Двухколоночная компоновка: основная область оформления расположена слева, а фиксированный блок итогов и блок согласий — справа.
- Группировка связанных параметров: тип плательщика объединен со свойствами заказа в блок Данные покупателя, а выбор города, службы доставки, складов, ПВЗ и адреса объединены в блок Получение заказа.
- Компактное состояние разделов: после выбора параметров блоки доставки и оплаты сворачиваются в компактные информационные карточки. Для повторного выбора достаточно нажать кнопку Изменить.
- Управление составом заказа: список приобретенных товаров можно свернуть в компактную панель, развернуть полностью или скрыть из основной области оформления.
- Интерактивные ссылки в блоке итогов: выбранные способы доставки и оплаты отображаются в боковой панели. Клик по строке выполняет плавную прокрутку страницы прямо к соответствующему блоку.
- Перенос блока согласий: чекбоксы подтверждения оферты и политики обработки персональных данных вынесены под боковую панель оформления, визуально связывая согласие с финальной кнопкой подтверждения заказа.
- Удобная навигация: в шапке формы размещена прямая текстовая ссылка Вернуться в корзину, исключающая случайную потерю введенных данных.
Подключение шаблона оформления заказа
Подключение шаблона выполняется непосредственно в публичной части сайта администратором или контент-менеджером:
1. Перейдите на страницу оформления заказа в публичной части сайта (по умолчанию /order/).
2. В верхней панели управления 1С-Битрикс включите переключатель Режим правки.
3. Наведите курсор мыши на область оформления заказа, во всплывающем меню нажмите пиктограмму шестеренки и перейдите в пункт Параметры компонента.
4. В открывшемся окне перейдите на вкладку Шаблон компонента (1).
5. В выпадающем списке Шаблон компонента (2) выберите значение onepage.
6. Нажмите кнопку Сохранить (3) в левом нижнем углу окна.
Переключение на шаблон onepage не изменяет и не удаляет стандартный шаблон .default. Вы всегда можете переключиться обратно без потери настроек магазина.
Настройка отображения состава заказа
Для сохранения компактности страницы оформления заказа в шаблоне предусмотрена регулировка видимости товарных позиций. Параметр настраивается в окне параметров компонента оформления заказа:
|
Поле
|
Описание
|
||||||||||||||||||||||||||||||||||||||||
|
Внешний вид
|
|||||||||||||||||||||||||||||||||||||||||
|
Отображение состава заказа
|
Определяет вариант представления перечня товаров в левой рабочей области:
|
||||||||||||||||||||||||||||||||||||||||
Редактирование количества позиций или удаление товаров на странице оформления заказа не предусмотрено, чтобы исключить случайные ошибки при расчете доставки. Для изменения состава покупки используйте ссылку Вернуться в корзину в верхней части формы.
Структура основной рабочей области
Левая область формы оформления содержит последовательные логические блоки:
Товары в заказе (1)
Блок располагается в самом верху формы. В зависимости от выбранного режима отображения блок показывает:
-
Миниатюру изображения товара.
-
Полное наименование.
-
Торговые предложения и характеристики товара.
-
Текущую стоимость за единицу и суммарную стоимость позиции.
-
Старую цену и размер скидки (если они применимы к позиции).
Данные покупателя (2)
Блок группирует все идентификационные сведения о заказчике:
- Тип плательщика (например, Физическое лицо или Юридическое лицо). Переключатель расположен в верхней части блока. При смене типа плательщика автоматически выполняется пересчет, подгружающий соответствующий набор полей.
- Свойства заказа: поля Ф.И.О., E-mail, контактный телефон и другие свойства, настроенные для выбранного типа плательщика в административной панели.
- Комментарии к заказу: текстовое поле для передачи дополнительных пожеланий менеджеру магазина.
Способ оплаты (3)
Блок содержит список платежных систем, доступных для текущего местоположения, типа плательщика и выбранного способа доставки.
Порядок взаимодействия с блоком:
1. В развернутом режиме покупатель выбирает предпочтительную платежную систему (например, Банковские карты, ЮMoney или оплату с внутреннего счета) и нажимает кнопку Продолжить.
2. Блок переходит в компактное состояние: в карточке отображается только логотип, наименование выбранной системы, краткая подсказка и кнопка Изменить.
3. При нажатии кнопки Изменить блок вновь раскрывается для смены способа оплаты.
Получение заказа (4)
Блок объединяет параметры геолокации, выбор логистической службы, адресацию и пункты выдачи заказов:
- Выбор города: в верхней строке блока выводится текущий населенный пункт (например, Способ доставки в Москва) и ссылка Другой город. Нажатие ссылки открывает стандартное всплывающее окно выбора местоположения. Подробнее о работе местоположений читайте в разделе Выбор города.
- Службы доставки: отображаются в виде плиток с логотипом, наименованием, расчетной стоимостью и сроками доставки.
- Самовывоз и ПВЗ: при выборе способа получения с самовывозом прямо в блоке отображается интерактивная карта и список доступных пунктов выдачи заказов/складов. Покупатель может найти нужный пункт на карте или выбрать его из списка.
- Компактный режим: после выбора точки выдачи (или ввода адреса курьерской доставки) и нажатия кнопки Продолжить блок сворачивается в компактное резюме с адресом, графиком работы, телефоном склада и кнопкой Изменить.
Боковая панель и блок согласий
Правая колонка страницы оформления заказа предназначена для постоянного контроля стоимости и быстрого подтверждения покупки.
Расчет и быстрые ссылки боковой панели
Боковая панель включает в себя:
- Товаров (N): отображает количество товарных единиц и их стоимость. Если в параметрах компонента блок товаров включен (свернут или развернут), клик по этой строке выполняет плавную прокрутку страницы вверх к списку позиций.
- НДС: сумма налога (если включена в настройках торгового каталога).
- Доставка: стоимость доставки выбранным способом.
- Итого: финальная сумма к оплате с учетом всех скидок и наценок.
- Купон: поле для ввода промокода или купона на скидку.
- Строки выбранной доставки и оплаты: как только в основной области оформления выбраны параметры получения и оплаты, в панели итогов формируются интерактивные ссылки с наименованиями выбранных вариантов. Нажатие на строку выполняет плавный скролл страницы точно к заголовку соответствующего блока в левой колонке (с учетом высоты фиксированной шапки сайта).
На настольных компьютерах (desktop) боковая панель обладает эффектом фиксации (sticky) — она плавно скользит вдоль экрана при прокрутке длинного списка полей, оставаясь всегда на виду у покупателя.
Размещение блока согласий
Cогласия на обработку данных и подтверждения условий оферты вынесены в правую колонку непосредственно под боковую панель:
-
Если обязательный чекбокс не был отмечен, при попытке отправки заказа система автоматически выполнит фокусировку и скролл экрана к пропущенному пункту согласия.
-
Тексты согласий и ссылки на правовые документы настраиваются централизованно. Порядок управления соглашениями описан в главе Конфиденциальность.
