For this, we need to create a plugin to place the billing address section before the payment methods.
create below file at the located place and paste the below code it
Path: app/code/Magemonkeys/Babeforepayment/etc/frontend/di.xml
|
1 2 3 4 5 |
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd"> <type name="Magento\Checkout\Block\Checkout\LayoutProcessor"> <plugin name="move_billingaddress" type="Magemonkeys\Babeforepayment\Plugin\Block\Checkout\LayoutProcessor"/> </type> </config> |
Create a plugin at the located place and paste the below code.
Path: app/code/Magemonkeys/Babeforepayment/Plugin/Block/Checkout/LayoutProcessor.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<?php namespace Magemonkeys\Babeforepayment\Plugin\Block\Checkout; use Magento\Checkout\Block\Checkout\LayoutProcessor as CheckoutLayoutProcessor; class LayoutProcessor { public function afterProcess(CheckoutLayoutProcessor $subject, array $jsLayout) { $paymentLayout = $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']; if (isset($paymentLayout['afterMethods']['children']['billing-address-form'])) { $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['beforeMethods']['children']['billing-address-form'] = $paymentLayout['afterMethods']['children']['billing-address-form']; unset($jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['afterMethods']['children']['billing-address-form']); } return $jsLayout; } } |
Clear the cache and check the output.