我知道,当你想要在你的页面上显示额外信息时,这是非常重要的需求,默认情况下系统是没有的。
如果你也遇到这个问题,这里有一个合适的解决方案。今天的文章提供了两个步骤,我们将 学习在Magento 2的产品编辑页面中添加自定义字段的过程。
在Magento 2中的产品编辑页面中添加自定义字段的概述
- Step 1: 生成UI组件
- Step 2: 在产品表单(product_form.xml)中插入Manage Notes部分
Step 1: 生成UI组件
运行模块中的命令来生成UI组件
/app/code/Magentochina/HelloWorld/view/adminhtml/ui_component/product_form.xml
-
Step 2: 在产品表单(product_form.xml)中插入Manage Notes部分
Product_form.xml的代码片段:
<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<modal name="helloworld_modal">
<fieldset name="manage_note">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="label" xsi:type="string" translate="true">Manage Note</item>
<item name="dataScope" xsi:type="string"/>
<item name="sortOrder" xsi:type="number">0</item>
<item name="collapsible" xsi:type="boolean">true</item>
<item name="opened" xsi:type="boolean">true</item>
</item>
</argument>
<field name="note">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="label" xsi:type="string" translate="true">Notes</item>
<item name="formElement" xsi:type="string">textarea</item>
<item name="dataScope" xsi:type="string">quantity_and_stock_status.note</item>
<item name="sortOrder" xsi:type="number">1</item>
<item name="scopeLabel" xsi:type="string">[GLOBAL]</item>
</item>
</argument>
</field>
</fieldset>
<fieldset name="stock_data">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="label" xsi:type="string" translate="true">Stock Configuration</item>
<item name="dataScope" xsi:type="string"/>
<item name="sortOrder" xsi:type="number">100</item>
<item name="collapsible" xsi:type="boolean">true</item>
</item>
</argument>
</fieldset>
</modal>
</form>
将字段“note”插入到 manage_note fieldset中(< field name=“note”>),将manage_note插入到产品表单
fieldset中(< fieldset name=“manage_note”>)。
启用这个自定义模块,然后登录到后台来编辑一个产品。备注栏将在产品表格中显示。