Magento2 - Добавить блок настраиваемых полей после способа доставки

Хотите добавить настраиваемые поля после способа доставки на странице оформления заказа Magento 2. Я создал настраиваемый модуль с checkout_index_index.xml и могу добавить блок настраиваемых полей на адрес после доставки с помощью <item name="before-form" xsi:type="array">, но я хочу его после способа доставки.

Когда клиент выбирает способ доставки, этот блок отображается и скрывается, чтобы предоставить дополнительную информацию о выбранном способе доставки.

Найдите изображение ниже для получения дополнительной информации.

введите описание изображения здесь

Благодарность!


php magento shipping-method magento2
person Pravin    schedule 06.01.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мне нужно было сделать то же самое. Касса Magento отображает регион в соответствии с методами доставки, используя следующие методы:

<div id="onepage-checkout-shipping-method-additional-load">
    <each args="getRegion('shippingAdditional')" render="" />
</div>

Однако элемент shippingAdditional фактически не определен в базе кода magento. Итак, чтобы ваши поля отображались в способах доставки, вы можете использовать указанный выше регион. Для этого вам нужно изменить родительский элемент на <item name="shippingAddress" xsi:type="array"> вместо <item name="before-form" xsi:type="array"> и убедиться, что ваш элемент называется <item name="shippingAdditional" xsi:type="array">. Что-то вроде этого:

...
<item name="shippingAddress" xsi:type="array">
    <item name="children" xsi:type="array">
        <item name="shippingAdditional" xsi:type="array">
            <item name="displayArea" xsi:type="string">shippingAdditional</item>
            <!-- The rest of your items config here... -->
        </item>
    </item>
</item>
...

Обратите внимание, что вам нужно будет определить <item name="displayArea" xsi:type="string">shippingAdditional</item>, так как без этого он не будет отображаться.

Затем вы можете использовать некоторый javascript / knockout, чтобы отображать и скрывать эти поля в зависимости от выбранного метода доставки.

person Glen Robson    schedule 10.01.2019