Wie füge ich einen Wrapper auf der Checkout-Seite in Magento 2 hinzu?

7

Ich möchte Container div hinzufügen und Versandadresse und Bestellübersicht darin wie unten Design hinzufügen . Wie kann ich das machen?

Auschecken

Vielen Dank.

Dipesh Rangani
quelle

Antworten:

6

Die Bestellübersicht stammt von module-checkout / view / frontend / web / template / sidebar.html auf der Checkout-Seite.

Sie müssen hier nur die Wrapper-Klasse ändern:

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': []
    }}">

zu

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': []
    }}">

Fügen Sie Wrapper divbei hinzumodule-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>
Yogesh Karodiya
quelle