Làm cách nào để hiển thị một thuộc tính tùy chỉnh trong hộp Địa chỉ giao hàng của quản trị viên?

Tôi đã thêm trường tùy chỉnh thả xuống trên trang thanh toán với các giá trị tùy chỉnh. Nó hoạt động tốt cũng lưu các giá trị thuộc tính trong cơ sở dữ liệu nhưng không hiển thị trong địa chỉ giao hàng. Bất kỳ ý tưởng làm thế nào để hiển thị nó?

InstallSchema.php

$connection->addColumn(
                $installer->getTable('quote_address'),
                'mob_type',
                [
                    'type' => \Magento\Framework\DB\Ddl\Table ::TYPE_TEXT,
                    'nullable' => true,
                    'default' => NULL,
                    'length' => 255,
                    'comment' => 'Mob Type'
                ]
            );
        $connection->addColumn(
                $installer->getTable('sales_order_address'),
                'mob_type',
                [
                    'type' => \Magento\Framework\DB\Ddl\Table ::TYPE_TEXT,
                    'nullable' => true,
                    'default' => NULL,
                    'length' => 255,
                    'comment' => 'Mob Type'
                ]
            );
        $installer->endSetup();

Cắm vào

use Magento\Checkout\Block\Checkout\LayoutProcessor;

class MobPlugin
{
    public function afterProcess(LayoutProcessor $subject, $jsLayout) {
        $customAttributeCode = 'mob_type';
        $customField = [
            'component' => 'Magento_Ui/js/form/element/select',
            'config' => [
                'customScope' => 'shippingAddress.custom_attributes',
                'template' => 'ui/form/field',
                'elementTmpl' => 'ui/form/element/select',
                'id' => 'drop-down',
            ],
            'dataScope' => 'shippingAddress.custom_attributes.mob_type',
            'label' => 'Mob Type',
            'provider' => 'checkoutProvider',
            'visible' => true,
            'validation' => ['required-entry' => true],
            'sortOrder' => 150,
            'id' => 'drop-down',
            'options' => [
                [
                    'value' => 'local',
                    'label' => 'Local',
                ],
                [
                    'value' => 'vip',
                    'label' => 'VIP',
                ]
            ]
        ];

        $jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']['children']['shippingAddress']['children']['shipping-address-fieldset']['children'][$customAttributeCode] = $customField;

        return $jsLayout;
    }
}

vv / 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\Model\ShippingInformationManagement">
        <plugin name="save_custom_field" type="Namespace\CustomModule\Plugin\Checkout\SaveAddressInformation" />
    </type>

</config>

SaveAddressIn information.php

class SaveAddressInformation
{
    protected $quoteRepository;
    public function __construct(
        \Magento\Quote\Model\QuoteRepository $quoteRepository
    ) {
        $this->quoteRepository = $quoteRepository;
    }
    /**
     * @param \Magento\Checkout\Model\ShippingInformationManagement $subject
     * @param $cartId
     * @param \Magento\Checkout\Api\Data\ShippingInformationInterface $addressInformation
     */
    public function beforeSaveAddressInformation(
        \Magento\Checkout\Model\ShippingInformationManagement $subject,
        $cartId,
        \Magento\Checkout\Api\Data\ShippingInformationInterface $addressInformation
    ) {
        $shippingAddress = $addressInformation->getShippingAddress();
    $shippingAddressExtensionAttributes = $shippingAddress->getExtensionAttributes();
    if ($shippingAddressExtensionAttributes) {
        $customField = $shippingAddressExtensionAttributes->getMobType();
        $shippingAddress->setMobType($customField);
    }

    }
}

Gia hạn giới thiệu

Plugin trên đang hoạt động tốt và lưu các giá trị trong bảng quote_address. Tôi cũng muốn hiển thị thuộc tính tùy chỉnh trong trang xem thứ tự và mẫu email. Mọi người có ý tưởng gì về mã sai. Cảm ơn trước

Điều hướng đến cấu hình hệ thống

Stores -> Configuration -> Customers -> Customer Configuration -> Address Templates

Từ Mẫu Địa chỉ, Tìm phần HTML, bỏ chọn giá trị hệ thống hộp kiểm, thêm mã sau đây. bạn có thể thay đổi mã thuộc tính nếu cần.

Đối với mẫu email, cùng định dạng địa chỉ [Định dạng địa chỉ HTML] sẽ hoạt động.

{{depend mob_type}}Mob_Type: {{var mob_type}}{{/depend}}

Chạy php bin/magento cache:cleannếu không hiển thị.

Một thuộc tính sẽ hiển thị tại trang xem đơn hàng và email đặt hàng.

ở trên được hiển thị trong cả hai địa chỉ nhưng nếu bạn chỉ muốn hiển thị trong giao hàng thì bạn chỉ cần đặt giá trị SMS vào bảng địa chỉ giao hàng ( sales_order_address and quote_address) không thanh toán, nó hoạt động tốt. Thưởng thức

Bảng xem -

Kết quả -

Hãy thử với cách tiếp cận của tôi. Cân nhắc mô-đun như mô tả trong câu hỏi.

1. Được sử dụng cùng một mô-đun hiển thị trong câu hỏi. không thay đổi

2. Cài đặt tiện ích mở rộng tham chiếu mà bạn đang giới thiệu (tiện ích mở rộng SMS)

Điều hướng đến cấu hình hệ thống

Cửa hàng -> Cấu hình -> Khách hàng -> Cấu hình khách hàng -> Mẫu địa chỉ

Từ Mẫu Địa chỉ, Tìm phần HTML, bỏ chọn giá trị hệ thống hộp kiểm, thêm mã sau đây. bạn có thể thay đổi mã thuộc tính nếu cần.

Đối với mẫu email, cùng định dạng địa chỉ [Định dạng địa chỉ HTML] sẽ hoạt động.

{{depend mob_type}}Mob_Type: {{var mob_type}}{{/depend}}

có thể được yêu cầu để xóa bộ nhớ cache.

Chạy php bin/magento cache:cleannếu không hiển thị

Một thuộc tính sẽ hiển thị tại trang xem đơn hàng và email đặt hàng.

Nếu thuộc tính được lưu chính xác, bạn cần thêm thuộc tính vào mẫu địa chỉ. Đây có thể được tìm thấy trong

Cửa hàng -> Cấu hình -> Khách hàng -> Cấu hình khách hàng -> Mẫu địa chỉ

Bạn có thể thêm vào cuối một cái gì đó như:

{{depend mob_type}}, Mob. Type: {{var mob_type}}{{/depend}}

Tùy thuộc vào loại mẫu, bạn có thể sử dụng <br/>để tạo dòng mới.

Tôi sẽ làm như thế này: thêm nó vào quotevà sales_orderxử lý dữ liệu từ đó bằng cách sử dụng đoạn mã sau (cũng thử sử dụng các kịch bản nâng cấp nếu bạn cần cập nhật bảng DB hiện có, nên sử dụng InstallSchema cho các bảng DB mới)

namespace Vendor\Module\Setup;

use Magento\Framework\Setup\UpgradeSchemaInterface;
use Magento\Framework\Setup\SchemaSetupInterface;
use Magento\Framework\Setup\ModuleContextInterface;

class UpgradeSchema implements UpgradeSchemaInterface
{
    public function upgrade(SchemaSetupInterface $setup, ModuleContextInterface $context)
    {
        $setup->startSetup();

        $quoteAddressTable = 'quote';
        $orderTable = 'sales_order';

        //Quote address table
        $setup->getConnection()
            ->addColumn(
                $setup->getTable($quoteAddressTable),
                'mob_type',
                [
                    'type' => \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
                    'length' => 255,
                    'comment' =>'Mob type'
                ]
            );
        //Order address table
        $setup->getConnection()
            ->addColumn(
                $setup->getTable($orderTable),
                'mob_type',
                [
                    'type' => \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
                    'length' => 255,
                    'comment' =>'Mob type'

                ]
            );

        $setup->endSetup();
    }
}

CẬP NHẬT

Tạo một mixin js như sau:

trong requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Checkout/js/action/set-shipping-information': {
                '<YourNamespace_YourModule>/js/action/set-shipping-information-mixin': true
            }
        }
    }
};

các set-shipping-information-mixin.js

/*jshint browser:true jquery:true*/
/*global alert*/
define([
    'jquery',
    'mage/utils/wrapper',
    'Magento_Checkout/js/model/quote'
], function ($, wrapper, quote) {
    'use strict';

    return function (setShippingInformationAction) {

        return wrapper.wrap(setShippingInformationAction, function (originalAction) {
            var shippingAddress = quote.shippingAddress();
            if (shippingAddress['extension_attributes'] === undefined) {
                shippingAddress['extension_attributes'] = {};
            }

            shippingAddress['extension_attributes']['custom_field'] = shippingAddress.customAttributes['custom_field'];
            // pass execution to original action ('Magento_Checkout/js/action/set-shipping-information')
            return originalAction();
        });
    };
});

Ngoài ra, bạn nên có một extension_attributes.xmltrong Your_Module/etc/với mã sau đây

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Api/etc/extension_attributes.xsd">
    <extension_attributes for="Magento\Quote\Api\Data\AddressInterface">
        <attribute code="custom_field" type="string" />
    </extension_attributes>
</config>

thực hiện thay đổi khi cần thiết (mã thuộc tính, loại, v.v. điều này sẽ thêm thuộc tính tùy chỉnh của bạn vào thông tin giao hàng