Как добавить обертку на страницу оформления заказа в magento 2?

Question

Как добавить обертку на страницу оформления заказа в magento 2?

Я хочу добавить контейнер div и добавить Адрес доставки и Резюме заказа в него, как показано ниже. Как я могу это сделать?

Спасибо.

7

css design magento2 checkout template

Author: Community, 2016-11-26

Source

1 answers

score 6 · Accepted Answer

Сводка заказов поступает из module-checkout/view/frontend/web/template/sidebar.html на странице оформления заказа.

Вам просто нужно изменить класс оболочки здесь:

Magento_Ui/js/modal/modal':{
        'type': 'custom',
        'modalClass': 'opc-sidebar opc-summary-wrapper',
        'wrapperClass': 'checkout-container',
        'parentModalClass': '_has-modal-custom',
        'responsive': true,
        'responsiveClass': 'custom-slide',
        'overlayClass': 'modal-custom-overlay',
        'buttons': []
    }}">

До

Magento_Ui/js/modal/modal':{
        'type': 'custom',
        'modalClass': 'opc-sidebar opc-summary-wrapper',
        'wrapperClass': 'custome-wrapper',
        'parentModalClass': '_has-modal-custom',
        'responsive': true,
        'responsiveClass': 'custom-slide',
        'overlayClass': 'modal-custom-overlay',
        'buttons': []
    }}">

Добавить оболочку div в module-checkout/view/frontend/web/template/onepage.html

<div class="custome-wrapper">
    <div class="opc-wrapper">
        <ol class="opc" id="checkoutSteps">
        <!-- ko foreach: getRegion('steps') -->
        <!-- ko template: getTemplate() --><!-- /ko -->
        <!--/ko-->
       </ol>
    </div>
</div>