WooCommerce商店页面分类添加View More按钮失败及加载异常问题

原代码问题 #

你的代码无法运行并导致页面加载异常的原因有两个：

• 未定义变量$product_cat_id，get_term_link()调用失败
• HTML输出使用了不必要的转义字符，导致标签无法正常解析

修正后的代码 #

直接利用钩子传递的分类对象参数，生成正确的分类链接：

add_action( 'woocommerce_after_subcategory_title', 'view_category_button', 10 );
function view_category_button( $category ) {
    // 获取当前分类的合法链接
    $link = get_term_link( $category->term_id, 'product_cat' );
    // 输出按钮，使用WooCommerce默认按钮样式，可自定义
    echo '<a href="' . esc_url( $link ) . '" class="button">查看更多</a>';
}

补充说明 #

1. 钩子函数会自动传入$category参数，包含当前分类的所有数据，直接调用$category->term_id即可获取分类ID
2. 使用esc_url()对链接进行安全转义，避免潜在的安全问题
3. 按钮添加button类会自动应用WooCommerce的默认按钮样式，和商品按钮风格保持一致
4. 若需要自定义按钮样式，可添加额外类名（比如view-more-btn），然后通过CSS调整：

.view-more-btn {
    margin-top: 8px;
    padding: 6px 12px;
}

内容的提问来源于stack exchange，提问作者Ćako