如何修复WooCommerce代码，让分类描述在全设备显示于商品下方？

你的代码能在PC端将分类描述移至商品下方，但移动端出现顶部、底部重复显示的问题，核心原因是主题可能针对移动端使用了额外钩子输出分类描述，或是原代码的钩子触发时机滞后，导致移除操作未覆盖移动端的渲染流程。

试试以下代码，它会在页面渲染前触发（template_redirect钩子），并彻底移除所有可能的默认输出：

add_action('template_redirect', 'custom_move_product_category_description', 10);
function custom_move_product_category_description() {
    if (is_product_category()) {
        // 移除默认的分类描述钩子
        remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);
        // 额外移除主题可能在移动端用到的前置钩子（可根据实际元素位置调整）
        remove_action('woocommerce_before_main_content', 'woocommerce_taxonomy_archive_description', 10);
        // 统一将描述添加到商品列表下方
        add_action('woocommerce_after_main_content', 'woocommerce_taxonomy_archive_description', 5);
    }
}

若问题仍存在，可按以下步骤排查：

• 用浏览器开发者工具查看移动端重复描述的元素所在容器，找到对应的WooCommerce钩子，将其添加到remove_action中
• 清除网站及浏览器的所有缓存，确保新代码生效
• 检查主题的taxonomy-product_cat.php模板文件，确认是否存在硬编码的分类描述输出，若有则直接修改模板或用钩子覆盖

内容的提问来源于stack exchange，提问作者Mike Njiru