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

Question

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

目前的标题来自：

do_action( 'woocommerce_single_product_summary_single_title' );

Answer 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

Answer 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。我在我的项目中使用了此代码段，效果很好。