como reordenar (alternar) o endereço de cobrança antes do endereço de entrega

no checkout de uma página, preciso reordenar o endereço de cobrança antes do endereço de entrega. de fato, a lógica deve ser inversa do que é agora. se o endereço de entrega diferir do endereço de cobrança, você poderá editá-lo. agora você pode editar o endereço de cobrança se ele diferir do endereço de entrega. também o endereço de cobrança deve aparecer na mesma "página" que o endereço de entrega. atualmente passo 1 nas etapas de checkout do magento.

Como eu faria isso? talvez exista um plugin para isso, mas ainda não consegui encontrar um.

Anexei uma captura de tela de uma loja alemã fazendo assim:

Encontrei o arquivo de modelo .html para o formulário de cobrança e parece que este é o local em que ele termina no checkout_index_index.xml:

<item name="billing-step" xsi:type="array">
    <item name="component" xsi:type="string">uiComponent</item>
    <item name="sortOrder" xsi:type="string">2</item>
    <item name="children" xsi:type="array">
        <item name="payment" xsi:type="array">
            <item name="component" xsi:type="string">Magento_Checkout/js/view/payment</item>
            <item name="config" xsi:type="array">
                <item name="title" xsi:type="string" translate="true">Payment</item>
            </item>
            <item name="children" xsi:type="array">
                <!-- ... -->
                <!-- merge your payment methods here -->
                <item name="afterMethods" xsi:type="array">
                    <item name="component" xsi:type="string">uiComponent</item>
                    <item name="displayArea" xsi:type="string">afterMethods</item>
                    <item name="children" xsi:type="array">
                        <!-- merge additional data after payment methods here -->

<!-- I think here the billing form ends up -->

                    </item>
                </item>
            </item>
        </item>
    </item>
</item>

Mas não foi especificamente colocado aqui e não consigo encontrar outro lugar onde é injetado nesse local.

Como Aaron apontou, o formulário é adicionado Magento/Checkout/Block/Checkout/LayoutProcessor.php. Com essas informações, desenvolvi um módulo com um plug-in posterior que se conecta ao processador:

app/code/<vendor>/<module>/Model/Checkout/LayoutProcessorPlugin.php

<?php

namespace <vendor>\ReorderBillingForm\Model\Checkout;

class LayoutProcessorPlugin
{

    /**
     * @param \Magento\Checkout\Block\Checkout\LayoutProcessor $subject
     * @param array $jsLayout
     * @return array
     */

    public function afterProcess(
        \Magento\Checkout\Block\Checkout\LayoutProcessor $subject,
        array $jsLayout
    )
    {
        // get billing address form at billing step
        $billingAddressForm = $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['afterMethods']['children']['billing-address-form'];

        // move address form to shipping step
        $jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']['children']['billing-address-form'] = $billingAddressForm;

        // remove form from billing step
        unset($jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['afterMethods']['children']['billing-address-form']);

        return $jsLayout;
    }
}

app/code/<vendor>/<module>/etc/module.xml

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="<vendor>_<module>" setup_version="1.0.0"/>
</config>

app/code/<vendor>/<module>/etc/di.xml

<?xml version="1.0"?>
<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="reorder-billing-form"
                type="<vendor>\<module>\Model\Checkout\LayoutProcessorPlugin" sortOrder="<yourOrder>"/>
    </type>
</config>

app/code/<vendor>/<module>/registration.php

<?php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::MODULE,
    '<vendor>_<module>',
    __DIR__
);

Isso reordena com êxito o formulário de endereço de cobrança (e, com sorte, salva algumas dores de cabeça para outras pessoas). Mas ainda há trabalho necessário no javascript (?) Que lida com o billing address is the same as shipping addressmecanismo. Como isso ainda funciona da maneira "padrão".

Informação adicional:

Vi que no back-end, se você criar um novo pedido, o layout será exatamente o desejado. O formulário de cobrança é "antes" do formulário de remessa e a lógica também é inversa. Se eu conseguir encontrar o tempo, acho que pode ser benéfico olhar para o código lá. Talvez seja possível usá-lo também no frontend.

O erro Undefined index: billing-address-formno LayoutProcessorPlugin.phpocorre quando você tem o check-out propriedade "Display Endereço de Cobrança On " definido como " Método de Pagamento " em vez de " Pagamento Página ".

Corrigir com:

UPDATE core_config_data SET VALUE = 1 WHERE path = 'checkout/options/display_billing_address_on';

Eu teria preferido adicionar isso como um comentário ao post do DarsVaedas (veja acima), mas não tenho permissão…