如何在列表视图中显示 woocommerce 产品？

Question

Exactly like this image

如何在列表视图中显示 woocommerce 产品，其尺寸如上图所示，以及如何编辑产品类别页面。请任何人帮忙。

Answer 1

您应该为此修改 WooCommerce 模板文件。我假设 D1、L 等字段是自定义字段。 Check this custom fields generator. 我更喜欢带有钩子和动作的修改。这是使用钩子进行修改的一个很好的起点：WooCommerce Visual Hook Guide 删除不需要的操作，并将自定义字段中的新输出添加到其中。当您拥有要显示的所有字段时，使用 css 格式化设计（请参阅 CSS flex 了解这一点）。该过程在类别页面中是相同的。如果你不熟悉编程和 WP，Woo 模板结构，你应该先学习这些主题。