WooCommerce是迄今为止WordPress领先的电子商务插件。 在撰写本文时，它的活跃安装量已超过300万， 据报道落后于所有在线商店的40％ 。
WooCommerce受欢迎的原因之一是其可扩展性。 与WordPress本身一样，WooCommerce挤满了开发人员可以扩展WooCommerce的默认功能的动作和筛选器。
一个很好的例子是创建自定义数据面板的能力。
本教程涵盖了什么？
本教程分为两个部分。 在第一部分中，我们将研究：
- 向WooCommerce添加自定义面板
- 将自定义字段添加到面板
- 清理并保存自定义字段值
然后在第二部分中，我们将研究：
- 在产品页面上显示自定义字段
- 根据自定义字段的值更改产品价格
- 在购物车和订单中显示自定义字段值
什么是WooCommerce自定义数据面板？
在WooCommerce中创建新产品时，您需要在“ 产品数据”部分中输入大多数关键产品信息，例如价格和库存。
在上面的屏幕截图中，您可以看到“ 产品数据”部分分为多个面板：左侧的选项卡（例如General ， Inventory等），每个选项卡都在右侧的主视图中打开不同的面板。
在本教程中，我们将研究为产品数据创建自定义面板，并向其中添加一些自定义字段。 然后，我们将研究在前端使用这些自定义字段并将其值保存到客户订单中。
在示例场景中，我们将添加一个“ Giftwrap”面板，其中包含一些自定义字段：
- 一个复选框，在产品页面上包含该产品的礼品包装选项
- 一个复选框以启用一个输入字段，客户可以在其中输入产品页面上的消息
- 输入字段，用于为礼品包装选项添加价格； 价格将被添加到购物车中的产品价格中
在后端，它将如下所示：
在前端，它将看起来像这样：
创建一个新插件
我们的插件将包含两类：一类用于处理admin中的内容，一类用于处理前端中的所有内容。 我们的插件文件结构如下所示：
