自定义 WooCommerce“产品”列表 HTML 布局答案

【问题标题】：Customising WooCommerce "products" listing HTML layouts自定义 WooCommerce“产品”列表 HTML 布局
【发布时间】：2019-07-11 15:45:15
【问题描述】：

我目前正在为客户调整 WooCommerce Storefront 主题，并且正在努力更改显示给定产品列表的 woocommerce“产品”小部件的布局。我相信这个模板是“plugins/woocommerce/templates/content-widget-product.php”。

但是，将其添加到我的主题的“themes/mytheme/woocommerce/content-widget-product.php”目录并对其进行调整似乎不起作用。

基本上我需要更改默认结构：

到这里：

我肯定遗漏了一些明显的东西吧？

【问题讨论】：

【解决方案1】：

好的，所以在 WooCommerce 中有“content-widget-product.php”，它返回一种小部件的产品详细信息。

还有“content-product.php”，它为他们的主要 [Products] 短代码循环返回一个产品......在商店页面上使用的主循环等。

编辑 content-product.php 文件并覆盖其相关的 WooCommerce 函数实现了我所需要的。

希望这可能会在未来对其他人有所帮助，并节省几个小时的狩猎时间！

【讨论】：

嗨，我在这里遇到了同样的问题，我想补充一点，content-product.php 只影响商店页面中的主循环，但不影响shortcode 生成的任何循环，你有没有想法我如何编辑shortcode@Dezzamondo 生成的循环？