Magento 2 - Как добавить дополнительный шаг проверки после раздела проверки и оплаты с помощью кнопки «Разместить заказ»

Я пытаюсь добавить дополнительный шаг оформления заказа после раздела «Просмотр и оплата». Требование состоит в том, чтобы разделить платеж и рассмотреть его как отдельные этапы. После выбора способа оплаты следует перейти к заключительному этапу «просмотр», где вся информация о заказе должна отображаться с помощью кнопки «оформить заказ».

до сих пор я добавил пользовательский шаг после шага оплаты, перейдя по ссылке ниже. http://devdocs.magento.com/guides/v2.0/howdoi/checkout/checkout_new_step.html

Но проблема здесь в том, что кнопка «Разместить заказ» связана с Шагом оплаты, мне нужно переместить кнопку «Разместить заказ» на Последний шаг.

Любая помощь наиболее ценится!

magento2 onepage-checkout

— rameshpushparaj
источник

Вам удалось добавить шаг после оплаты?

— Рави Бхалодиа

@rameshpushparaj Ты это сделал?

— Аршад Хуссейн

Та же проблема здесь, какое-то решение?

— Диего Кейроз

Альтернативой этому является добавление сводки заказа к шагу успеха. Кнопка «Разместить заказ» привязана к этапу оплаты, потому что будет проблема, если клиент оплатит, а затем не завершит заказ, тогда платеж не будет принадлежать какому-либо заказу.

— Санне

Ниже я добавил некоторый шаг. пожалуйста, следуйте шаг

1. Создайте файл checkout_index_index.xml в папке макета

Приложение / код / Имя_вендор / PlaceOrder / вид / интерфейс / расположение

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="VendorName_PlaceOrder::css/place_order_button.css"/>
    </head>
    <body>
        <referenceBlock name="checkout.root">
            <arguments>
                <argument name="jsLayout" xsi:type="array">
                    <item name="components" xsi:type="array">
                        <item name="checkout" xsi:type="array">
                            <item name="children" xsi:type="array">
                                <item name="sidebar" xsi:type="array">
                                    <item name="children" xsi:type="array">
                                        <item name="newstep" xsi:type="array">
                                            <item name="component" xsi:type="string">VendorName_PlaceOrder/js/view/newstep</item>
                                            <item name="config" xsi:type="array">
                                                <item name="template" xsi:type="string">VendorName_PlaceOrder/newstep</item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

2. Создайте файл newstep.html в шаблоне

Приложение / код / Имя_вендор / PlaceOrder / вид / интерфейс / веб / шаблон

<div class="opc-block-newstep" data-bind="blockLoader: isLoading">
    <span data-bind="i18n: 'Order newstep'" class="title"></span>
    <!-- ko foreach: elems() -->
        <!-- ko template: getTemplate() --><!-- /ko -->
    <!-- /ko -->
</div>
<!-- ko if: (isVisible()) -->
<div class="actions-toolbar-trigger" id="place-order-trigger-wrapper">
    <button type="button" class="button action primary" id="place-order-trigger" value="Place Order" >
        <span>Place Order</span>
    </button>
</div>
<!-- /ko -->

Создайте файл newstep.js в пути

Приложение / код / Имя_вендор / PlaceOrder / вид / интерфейс / веб / JS / просмотр

define(
    [
        'jquery',
        'ko',
        'Magento_Checkout/js/view/newstep',
        'Magento_Checkout/js/model/step-navigator',
    ],
    function(
        $,
        ko,
        Component,
        stepNavigator
    ) {
        'use strict';

        return Component.extend({

            isVisible: function () {
                return stepNavigator.isProcessed('shipping');
            },
            initialize: function () {
                $(function() {
                    $('body').on("click", '#place-order-trigger', function () {
                        $(".payment-method._active").find('.action.primary.checkout').trigger( 'click' );
                    });
                });
                var self = this;
                this._super();
            }

        });
    }
);

4.Для добавления условий и условий в checkout_index_index.xml:

<?xml version="1.0"?>

    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

        <body>
            <referenceBlock name="checkout.root">
                <arguments>
                    <argument name="jsLayout" xsi:type="array">
                        <item name="components" xsi:type="array">
                            <item name="checkout" xsi:type="array">
                                <item name="children" xsi:type="array">
                                    <item name="sidebar" xsi:type="array">
                                        <item name="children" xsi:type="array">

                                            <item name="newstep" xsi:type="array">
                                                <item name="children" xsi:type="array">

                                                    <item name="agreements" xsi:type="array">
                                                        <item name="component" xsi:type="string">Magento_CheckoutAgreements/js/view/checkout-agreements</item>
                                                        <item name="sortOrder" xsi:type="string">100</item>
                                                        <item name="displayArea" xsi:type="string">before-place-order</item>
                                                        <item name="dataScope" xsi:type="string">checkoutAgreements</item>
                                                        <item name="provider" xsi:type="string">checkoutProvider</item>
                                                    </item>

                                                    <item name="agreements-validator" xsi:type="array">
                                                        <item name="component" xsi:type="string">Magento_CheckoutAgreements/js/view/agreement-validation</item>
                                                    </item>

                                                </item>
                                            </item>
                                        </item>
                                    </item>
                                </item>
                            </item>
                        </item>
                    </argument>
                </arguments>
            </referenceBlock>
        </body>
    </page>

— Shorabh
источник

В этом ответе отсутствует файл place_order_button.css

— Виньеш Бала

это решение решило вашу проблему? на самом деле, я должен сделать то же самое

— Акаш Агравал