如何移除WooCommerce单个商品页面的右侧侧边栏？

当然有办法搞定！下面给你几个实用方案，你可以根据自己的技术能力和主题情况来选择：

很多主流电商主题（比如Astra、Flatsome、Storefront）都自带页面布局控制功能：

• 要么进入单个商品详情页的编辑界面，找到「布局」或「侧边栏」选项，选择「无侧边栏」/「全宽布局」
• 要么在主题自定义器（外观 → 自定义）里找到「商品详情页」相关设置，直接关闭侧边栏
• 保存后，单个商品页的侧边栏就会消失，而Shop页面的侧边栏会保持原样

如果主题没有自带相关设置，可以通过代码精准控制。建议用代码片段插件（比如Code Snippets）来添加，避免主题更新丢失代码：

// 移除单个商品详情页的侧边栏
add_action('template_redirect', 'remove_single_product_sidebar');
function remove_single_product_sidebar() {
    // 判断当前是否为单个商品详情页
    if (is_product()) {
        // 移除WooCommerce侧边栏的钩子
        remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10);
        // 给页面添加全宽类，避免布局错乱
        add_filter('body_class', function($classes) {
            $classes[] = 'full-width-product';
            return $classes;
        });
    }
}

这段代码只会对单个商品页生效，Shop页面的侧边栏完全不受影响。

如果不想碰代码，也可以用CSS直接隐藏单个商品页的侧边栏：

1. 打开任意单个商品详情页，右键点击侧边栏，选择「检查」，找到侧边栏的CSS类（通常是sidebar、woocommerce-sidebar或主题自定义类，比如ast-sidebar）
2. 把下面的代码添加到主题自定义CSS里（外观 → 自定义 → 额外CSS）：

/* 隐藏单个商品页的侧边栏 */
.single-product .woocommerce-sidebar {
    display: none !important;
}
/* 让商品内容区域占满宽度 */
.single-product .content-area {
    width: 100% !important;
}

记得把.woocommerce-sidebar换成你实际找到的侧边栏类名，这样就只会隐藏单个商品页的侧边栏，Shop页面的筛选器和评分商品侧边栏会正常保留。

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