如何重写WooCommerce [product_category]短码的输出内容？

嘿，我来帮你搞定这个问题！你说的这个短码确实不会直接对应一个单独的模板文件，因为它复用了WooCommerce核心的产品循环模板。下面是你需要复制和修改的具体文件，以及操作步骤：

1. 核心模板文件清单 #

你需要覆盖的是WooCommerce产品循环相关的模板，具体有这几个：

• content-product.php：这是单个产品卡片的核心模板，[product_category]短码里每个产品的HTML结构都来自这里，包括产品图片、标题、价格、添加购物车按钮这些元素的布局。
• loop/loop-start.php：定义产品列表的起始容器，默认是输出带类名的<ul>标签，如果你想把产品列表从列表改成网格div结构，就得修改这个文件。
• loop/loop-end.php：对应关闭产品列表的容器标签，和loop-start.php配对修改。

2. 正确的模板覆盖方式（必看！） #

WooCommerce支持主题模板覆盖，强烈建议用子主题操作，避免主题更新丢失修改：

1. 在你的子主题根目录下创建一个woocommerce文件夹；
2. 把插件里的对应文件复制到子主题的对应路径：
   • 插件路径wp-content/plugins/woocommerce/templates/content-product.php → 复制到子主题路径your-child-theme/woocommerce/content-product.php
   • 插件路径wp-content/plugins/woocommerce/templates/loop/loop-start.php → 复制到子主题路径your-child-theme/woocommerce/loop/loop-start.php
   • 插件路径wp-content/plugins/woocommerce/templates/loop/loop-end.php → 复制到子主题路径your-child-theme/woocommerce/loop/loop-end.php

3. 自定义HTML结构 #

• 修改单个产品卡片：打开子主题里的content-product.php，你可以完全重写这里的HTML结构——比如把默认的<li>改成<div class="custom-product-card">，调整元素顺序、添加自定义类名、移除不需要的元素，完全按照你的需求来。
• 修改产品列表容器：如果默认的<ul class="products">不符合你的布局需求，打开loop-start.php，把它改成你想要的容器标签（比如<div class="product-grid-container">），同时调整对应的类名和属性；然后在loop-end.php里同步关闭这个标签。

额外小提示 #

• 如果你还需要修改短码里的分类标题、筛选栏等顶部元素，那可以再覆盖archive-product.php模板，但如果只是调整产品列表的HTML结构，前面三个文件就足够了。
• 修改完成后记得清空网站缓存（包括浏览器缓存和服务器缓存），确保WooCommerce加载的是你子主题里的自定义模板，而不是插件默认的文件。

内容的提问来源于stack exchange，提问作者Balázs Varga