首页 > 解决方案 > 自定义 WooCommerce“产品”列表 HTML 布局

问题描述

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

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

本质上,我需要从这里更改默认结构:

在此处输入图像描述

对此:

在此处输入图像描述

我一定错过了一些明显的东西,当然?

标签: phpwordpresswoocommercestorefront

解决方案


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

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

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

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


推荐阅读