如何自定义 WooCommerce 商店页面（结帐和产品）？

您能责怪 WooCommerce 没有自定义商店、产品或结帐页面的高级选项吗？当然，你不应该。事实上，最好使用插件添加更多自定义功能，以及 WooCommerce 的免费扩展。

目录

• WooCommerce 商店页面定制
• 自定义 WooCommerce 产品
• 使用自定义字段设计结账页面

WooCommerce 商店页面定制

简而言之，在 WooCommerce 中设置和调整商店页面将通过以下 4 个步骤完成：

如何自定义店铺页面？

1. 选择页面

   要显示商店页面，需要拥有它。它可以是现有页面或新页面。

   

2. 自定义产品目录选项

   产品页面可以在外观菜单→自定义→WooCommerce→产品目录中设计。

   

3. 将页面添加到菜单或小部件

   WooCommerce 允许在菜单或/和小部件中显示产品目录的链接（外观 → 菜单/小部件）。

   

4. 产品目录定制

   还有更多选项可以调整页面吗？

   是的。例如，CSS 样式、添加内容、短代码、重定向或自定义代码。

   因此，可以使用新的部分或元素来增强标准页面布局。

   

   

自定义 WooCommerce 产品

使用 WooCommerce 的一个明显部分是添加新产品。默认情况下，可以使用属性和变体。属性将在附加信息中可见（取决于主题）。

当然，变体可以提供帮助（它们也使用属性）：

但为了构建具有更多可定制选项和自定义字段的产品，仅靠 WooCommerce 是不够的。

正如我在简介中提到的，有一些构建块可以扩展 WooCommerce 功能，称为插件。还有一个免费插件可以添加自定义字段并自定义 WooCommerce 产品页面。

如何使用插件自定义 WooCommerce 产品页面？

下载、安装并激活扩展程序后，只需几个步骤即可调整产品页面。

1. 为特定产品添加字段组

   首先，可以为新字段选择一个或多个产品（如下面的屏幕截图所示）。

2. 选择字段位置

   此外，该插件允许在“添加到购物车”按钮之前或之后显示新产品选项。

   

3. 使用自定义字段调整 WooCommerce 产品页面

   该插件的核心功能是添加新字段。在灵活产品字段的免费版本中，有 18 种字段类型。

   

   每个字段都有其设置，例如标签、占位符、工具提示、CSS 类、最大字符数等。该字段可能是必需的或可选的。

   

4. WooCommerce 产品页面定制 - 示例

   一个或多个产品的最终效果（使用免费插件）。

   

如您所见，可以使用免费插件自定义 WooCommerce 产品页面。您可以下载它或在 WordPress 存储库中阅读更多内容。

总而言之，灵活的产品字段插件允许在 WooCommerce 中构建自定义产品。

使用自定义字段设计结账页面

此外，WP Desk 还有一个免费插件来自定义 WooCommerce 结帐页面。

灵活的结帐字段允许管理现有字段以及将新的自定义字段添加到结帐页面。

WooCommerce 结账页面自定义快速指南

（安装并激活插件后）

1. 默认结账表单

   标准（经典）结账页面包含预定义字段。

   

2. 调整表格

   通过删除或添加新字段，可以自定义 WooCommerce 结帐页面。

   

3. 重新排列和管理结账字段

   可视化结账页面编辑器允许快速定制表单。免费插件支持 10 多个自定义字段。

   

4. 结账时字段较少

   看看最终的效果——一个更简单的形式。

   

概括

自定义 WooCommerce 的方法有多种，包括调整商店页面、产品页面和结账表单。使用免费插件，无需编写自定义代码。