如何在woocommerce主页中将h2更改为h3产品？

Question

我正在寻找将我网站主页中产品的 h2 更改为 h3，我找到了以下代码段：

remove_action( 'woocommerce_shop_loop_item_title','woocommerce_template_loop_product_title', 10 );
add_action('woocommerce_shop_loop_item_title', 'abChangeProductsTitle', 10 );
function abChangeProductsTitle() {
echo '<h3 class="woocommerce-loop-product_title">' . get_the_title() . '</h3>';
}

问题是它向我的产品添加了 h3，但不会删除 h2 的。我现在有两个标题，我正在寻找店面中我的产品的删除 h2。

你可能猜到我正在开始编码，但我认为这可能是由于第一行，我研究了如何修复它，但我什么也没找到。

你有什么解决办法吗？提前致谢

Answer 1

轻松实现这一目标的方法之一是使用子主题（我希望你是）。

1. 在您的子主题中，复制您想要将 H2 标签更改为 H3 的 WooCommerce 文件。确保在您的子主题中遵循 WooCommerce 目录中的确切目录结构。
2. 移动文件后，只需使用您喜欢的编辑器将 H2 标签更改为 H3。

上述解决方案完成了工作。 将来某个时候您可能会遇到的一个问题是 WooCommerce 对其插件进行重大更新时。然后你需要

1. 更新 WooCommerce
2. 将新模板迁移到子主题中

但是，每当有重大更新时，WordPress 都会提醒您子主题中需要更新的过时文件。

简而言之，只要您定期维护网站，此解决方案就可以完美运行，您无需弄清楚要使用哪些钩子。