SOK: Order placement with cart

What this solution does

Order placement module for 1C-Bitrix implementing the workflow of major marketplaces. The solution is based on an analysis of processes at OZON, Wildberries, Yandex.Market, and similar platforms, consolidating their best practices into a single component. The interface is built on Vue 3, provides full cart management within a single page, and supports flexible configuration without modifying source code. The module's architecture allows for adaptation to specific project requirements.

The cart is integrated directly into the checkout form. The buyer remains on the same page and can perform the following actions:

- modify item quantities;

- remove items;

- save items for later (uncheck to exclude the item from the current order while keeping it visible in the list).

The total amount is recalculated instantly upon any change to the cart contents.

Visual customization is performed via component parameters without developer involvement. Options include adjusting colors, block backgrounds, and border radius for buttons and input fields. All text elements, including block titles, button labels, system messages, and empty cart text, are editable through the administration interface.

The component displays a Yandex map with pickup points, supports searching for the nearest pickup locations, and provides paginated navigation through the list. For oversized or individual deliveries, the price is replaced with the text 'Calculated separately'. If the cost is zero, the label 'Free' is displayed, or the row is hidden entirely. Delivery restrictions based on warehouse stock and product properties are configured in the standard Bitrix delivery service interface.

Analytics out of the box

Yandex.Metrica goals for each buyer step and Enhanced Ecommerce for Google Analytics are configured within the component parameters. Goal identifiers default to standard values, so no changes are needed if goals are already created in Metrica.

Extensible architecture

The module is built on Vue 3 with a clean component structure. The solution goes beyond visual changes to extend the business logic of the standard component: it implements custom delivery service restrictions, business value providers for auto-filling order service properties, and site isolation in multi-site projects.

The module's functionality will be expanded. Detailed documentation for developers wishing to customize the solution for non-standard tasks will be released soon.

The SOK: Order Placement with Cart module enables configuration of the checkout process with integration of 'Buyer' and 'Delivery' blocks.

The module requires 1C-Bitrix: Site Management edition 'Small Business' or higher.

To display a pickup location map, a Yandex Maps API key must be configured in the 'Structure Management' module.

To collect analytics, Yandex.Metrica and/or Google Analytics counters must be installed on the site.

A detailed installation and configuration guide is available in the solution installation tab.

Brief procedure:

1. Activate the coupon in 'Marketplace' → 'Solution Updates'.

2. Install the 'SOK: Order Placement' solution.

3. Specify sites in the module settings and bind property groups to the 'Buyer' and 'Delivery' blocks.

4. Switch the component template to sok_order_placement in edit mode or in the page code.

5. Configure colors, labels, and analytics goals in the component parameters.

General iT can install and configure this module and check how it works on your website.