SOK: Order placement with cart

What this solution does

A checkout page designed to the standards of major marketplaces for any 1C-Bitrix store. This module consolidates best practices observed on OZON, Wildberries, Yandex.Market, and VseInstrumenty. It features a modern interface, a single-screen layout combining the cart and checkout form, configuration without code modification, Vue 3 integration, and an architecture built for project extensibility. The module is connected as the sok_order_placement template for the standard bitrix:sale.order.ajax component.

Cart on the checkout page

The buyer remains on the checkout screen and does not navigate to a separate cart page. The checkout interface supports the following features:

Bulk selection of items using checkboxes, including options to select all or deselect all.

Only marked items are added to the order; unmarked items are automatically moved to a pending status (DELAY).

Changing item quantities triggers an immediate recalculation of the total sum.

Item removal with a recovery option.

Two display formats for product cards: compact and expanded.

Property display within the card: cart properties, as well as information block or SKU properties.

Handling of an empty cart: customizable text content and navigation buttons labeled "To Catalog" and "To Home".

SOK module for order placement with cart functionality. The system supports multiple payer types, displaying the selection block even when only one type is available. Users can select existing profiles, create new ones, edit them, save changes, or delete them with mandatory confirmation. Order properties are divided into Buyer and Delivery groups according to module settings. Service properties are generated based on module business values with mapping by payer type. The buyer block position is configurable, allowing placement before or after the delivery and payment blocks. Order comments are entered in the delivery block or within the buyer profile.

The SOK Order Placement with Cart module provides flexible configuration for delivery and pickup options. The system displays a list of delivery services including timeframes, descriptions, and additional services. Location selection is performed via a full text path or a default value defined in component parameters.

The pickup functionality includes a list of pickup points, integration with Yandex.Maps version 3.0, marker display, and a tool to find the nearest pickup point. The list of points supports pagination with a "Show more" button, and map display settings are configurable. Fields in the pickup point list are customizable, allowing for the display of name, operating hours, phone number, and description. The system retains the last selected pickup point.

For delivery services that do not support automatic cost calculation, the text "Calculated separately" is displayed instead of a price. If the delivery cost is zero, the system shows the label "Free" or hides the corresponding line.

The module extends delivery service settings in the Bitrix system by adding additional filtering conditions to the standard interface. A delivery service is automatically hidden if there is insufficient stock to fulfill the order. Filtering by product properties and payer type is also available; the service is hidden when specified values match. For SKU identifiers, an option to check the parent product is provided.

SOK Module: Order Placement with Cart

The payment and totals section displays the selected payment and delivery methods. A fixed sidebar showing the order summary includes anchor links for quick navigation to delivery, payment, line items, VAT, discounts, and the total amount, along with a checkout button. The margin for the fixed sidebar is configurable.

The module supports coupon management, including application, removal, and status display. It enforces a minimum order amount limit and displays a warning to the user if the condition is not met.

Guest checkout scenario with shopping cart

The "Login or Registration" block manages access control. When the ALLOW_AUTO_REGISTER=Y option is enabled, the system supports checkout with automatic registration. In the mode without auto-registration, guests can access only login, the cart, and the final summary; delivery and payment methods are hidden, and the checkout button remains unavailable until the user logs in.

An AJAX proxy for the template ensures accurate recalculation of the cart, delivery costs, and coupon applications for guest users. Consent for personal data processing is handled via the USER_CONSENT core, with a mandatory journal entry recorded upon order saving. Consent signatures are generated from the Bitrix agreement or an included file.

An option allows the consent checkbox to be displayed exclusively for guest users. The offer text can be placed in a separate include file and displayed without a consent checkbox.

Configuration without a programmer

In the parameters of the sale.order.ajax component (sok_order_placement template), you can configure the primary color, hover state, border radius, and block backgrounds. Labels for blocks, buttons, system messages, and empty cart text are customizable. The composition and behavior of checkout steps (customer, delivery, payment, cart) are also managed via component parameters. Analytics goals are set in the same location.

No web developer is required for basic brand style adaptation.

Analytics out of the box

Yandex.Metrica goals for tracking customer actions are defined in the component parameters. Enhanced Ecommerce for Google Analytics is supported. Default goal identifiers match standard scenarios; if goals already exist in Metrica, changing them is not mandatory.

Architecture and customization

The user interface is built on Vue 3 using Bitrix Extensions. The solution uses the standard bitrix:sale.order.ajax template without modifying the Sale core. Business logic is extended via delivery restrictions, business value providers, and events. The module supports site isolation in a multisite environment, installing only on selected resources. Interface parts are customized via the parts/custom/ directory on the project side, not within the module package. Documentation for developers is provided for non-standard tasks.

Implementation

Detailed instructions are available on the solution installation and configuration tab. Briefly: activate the coupon in the Marketplace under the Solutions Update section.

The SOK: Cart Checkout module for 1C-Bitrix implements a single-page checkout process. Installation involves specifying sites in the module settings and binding property groups to the Buyer and Delivery blocks. To activate the module, switch the sale.order.ajax template to sok_order_placement via the edit mode or by editing the page code. Colors, labels, and analytics goals are configured in the component parameters. The solution operates without modifying the system core.

The module supports a single checkout screen, item selection checkboxes, saved items, user profiles, delivery and pickup points (PVP), extended restrictions for delivery services, guest scenarios, data processing consents, and analytics integration. Compatible with 1C-Bitrix: Site Management editions Small Business and higher. The pickup map requires a Yandex Maps API key with Structure Management permissions. For analytics, a Yandex.Metrica counter and/or Google Analytics is required.

General iT can take care of implementing “SOK: Order placement with cart”, including installation, configuration and result verification.