Astra主题中如何将WooCommerce产品循环标题从H2改为H3
如何在Astra主题归档页修改产品循环标题标签为H3
要覆写Astra主题默认的产品标题输出函数,你可以通过移除原钩子挂载的函数,再添加自定义函数的方式实现:
// 移除Astra主题默认的产品标题输出动作 remove_action( 'woocommerce_shop_loop_item_title', 'astra_woo_shop_products_title', 10 ); // 自定义产品标题输出函数,将H2标签替换为H3 function custom_astra_woo_shop_products_title() { echo '<a href="' . esc_url( get_the_permalink() ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">'; echo '<h3 class="woocommerce-loop-product__title">' . esc_html( get_the_title() ) . '</h3>'; echo '</a>'; } // 将自定义函数挂载到相同的钩子上 add_action( 'woocommerce_shop_loop_item_title', 'custom_astra_woo_shop_products_title', 10 );
注意事项
- 请将上述代码添加到子主题的
functions.php文件中,不要直接修改父主题文件,防止主题更新时丢失自定义修改。 - 这段代码会作用于所有WooCommerce产品循环页面,包括商店首页、产品分类页、产品标签页等归档页面。
内容的提问来源于stack exchange,提问作者Max Freeman
相关产品推荐
相关产品推荐

