通常，在创建店铺时，您会选择第三种选择，即商品和类别/子类别。这意味着用户可以直接从主页中选择产品，也可以通过转到产品类别存档来优化搜索。

本教程将教您如何在显示项目之前在单独的列表中显示类别。

区分用于在存档页面上显示类别和子类别的WooCommerce代码。制作代码插件。创建一个函数，将类别或子类别放在产品列表的前面。自定义输出导航至WooCommerce>；设置，然后转到“产品”选项卡，最后转到“显示”选项。对于每个“Shop Page Display（商店页面显示）”和“Default Category Display（默认类别显示）”选项，选择“Show both（显示）”。

WooCommerce产品类别显示要保存更改，请单击保存更改按钮。