Magento 2: как переместить информацию о доставке из сводки заказа в выставление счета - шаг при оформлении заказа?
Как мне переместить разделы "Отправить в:" и "Способ доставки:" с боковой панели сводки заказов на шаг "Проверка и платежи" при оформлении заказа в Magento 2?
Я знаю, что, поскольку они являются компонентами пользовательского интерфейса, я не могу использовать <move element="" />
, как с обычным блоком.
1 answers
Оба раздела содержатся в shipping-information
<item>
.
В файле моей темы checkout_index_index.xml
я смог отключить компонент на боковой панели "Сводка" и добавить его в пункт billing-step
, который представляет шаг "Просмотр и платежи" при оформлении заказа.
Я хотел, чтобы он появился в верхней части этого шага над вариантами способа оплаты, поэтому я также добавил строку <item name="sortOrder" xsi:type="string">0</item>
.
Мой окончательный код для достижения этой цели:
<referenceContainer name="content">
<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="steps" xsi:type="array">
<item name="children" xsi:type="array">
<item name="billing-step" xsi:type="array">
<item name="children" xsi:type="array">
<item name="shipping-information" xsi:type="array">
<item name="sortOrder" xsi:type="string">0</item>
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information</item>
<item name="config" xsi:type="array">
<item name="deps" xsi:type="string">checkout.steps.shipping-step.shippingAddress</item>
</item>
<item name="displayArea" xsi:type="string">shipping-information</item>
<item name="children" xsi:type="array">
<item name="ship-to" xsi:type="array">
<item name="component" xsi:type="string">Magento_Checkout/js/view/shipping-information/list</item>
<item name="displayArea" xsi:type="string">ship-to</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
<item name="sidebar" xsi:type="array">
<item name="children" xsi:type="array">
<item name="shipping-information" xsi:type="array">
<item name="config" xsi:type="array">
<item name="componentDisabled" xsi:type="boolean">true</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</referenceContainer>