如何在 WooCommerce 产品页面中更改 <H1> 标签

Posted 2023-04-14

【中文标题】如何在 WooCommerce 产品页面中更改 <H1> 标签

【英文标题】：How to change <H1> tag in the WooCommerce product page

【发布时间】：2017-03-31 15:42:10

【问题描述】：

如何在 woocommerce 中更改产品标题 h1 标签？我的页面上已经有一个 h1 标签，并且希望产品名称为 h2。

当前标题来自：

do_action( 'woocommerce_single_product_summary_single_title' );

【问题讨论】：

不应该将文件复制到 woocommerce/templates/single-product/title.php 而不是 woocommerce/single-product/title.php 吗？注意：不...“模板”文件夹不需要位于子主题的路径中。我问上一个问题的原因是由于浏览器缓存导致我的更改没有出现在前端。如有疑问，请“隐身”！

【参考方案1】：

您可以覆盖默认的 WooCommerce title.php 模板 自己的主题。

复制 woocommerce/templates/single-product/title.php 并将其粘贴到 woocommerce/single-product/title.php 下的活动主题中

将此行 the_title( '<h1 itemprop="name" class="product_title entry-title">', '</h1>' ); 更改为 the_title( '<h2 itemprop="name" class="product_title entry-title">', '</h2>' );

代码已经过测试并且功能齐全。

---

参考

Overriding Templates via a Theme

【讨论】：

谢谢，我也遇到了同样的问题，这对我有用。

感谢您的出色回答。有没有办法最好使用过滤器来做到这一点，但可以接受的是动作钩子？

@StephenSabatini：到目前为止，我还没有找到任何动作挂钩或过滤器。

【参考方案2】：

我来这里是为了寻找答案，但我喜欢使用过滤器或动作挂钩来做事。经过一番搜索，我找到了一种使用 Action Hook 做同样事情的方法。

将以下代码复制到子主题'functions.php'

//* Change Woo Product H1 Tag to H3
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'sgl_template_single_title', 5 );
function sgl_template_single_title() 
    the_title( '<h3 class="product_title entry-title">', '</h3>' );

这会将单个产品页面中显示的产品标题中的 H1 标签更改为 H3。我在我的项目中使用这个代码 sn-p 并且效果很好。