Woocommerce：如何将类别 H1 标签移至描述上方？

Question

我有一家 woocommerce 商店，我正在修改主题，我唯一不知道该怎么做就是让类别标题显示为类别描述上方的 H1 标签。

我已设法显示 H1 标签，但它目前显示在描述下方。这是我当前使用的代码：

add_action('woocommerce_before_shop_loop', 'show_category_title', 10, 2);

function show_category_title() {
$cat_title = single_tag_title("", false);
echo '<h1>' . $cat_title . '</h1>';
}

这会显示 H1 标签，但位于内容下方。我已尝试以下操作，但这不会显示任何内容，我希望它显示在“woocommerce_archive_description”上方。

add_action('woocommerce_archive_description', 'show_category_title', 10, 2);

function show_category_title() {
    $cat_title = single_tag_title("", false);
    echo '<h1>' . $cat_title . '</h1>';
}

请有人告诉我如何获得上面描述的内容。我已经包含了当前输出的屏幕截图。理想情况下，我希望标题位于描述上方。

Answer 1

这里有2条路可供选择。

解决方案1（挂钩）： 显示在主要内容之前和面包屑之后

add_action('woocommerce_before_main_content', 'show_category_title', 40, 2);

function show_category_title() {
    $cat_title = single_tag_title("", false);
    echo '<h1>' . $cat_title . '</h1>';
}

解决方案2（PHP模板覆盖）：

1. 将 archive-product.php 从

   /wp-content/plugins/woocommerce/templates

   复制到

   /wp-content/YOUR_THEME/woocommerce

2. 使用自定义代码进行编辑。示例：

<header class="woocommerce-products-header col-span-12">
<h1 class="woocommerce-products-header__title page-title"><?php woocommerce_page_title(); ?></h1>
<?php do_action( 'woocommerce_archive_description' ); ?>
</header>