从 Woocommerce 中的单个产品中删除 27 中的侧边栏

Question

我一直试图弄清楚如何从我的单个产品页面中删除商店侧边栏。我为此尝试了各种选择。我正在使用二十七主题。 我首先在我的子函数文件中尝试了商业Bloommer的这个sn-p。

 add_action( 'wp', 'bbloomer_remove_sidebar_product_pages' );

function bbloomer_remove_sidebar_product_pages() {
if ( is_product() ) {
remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
}
}

但这不起作用。随后阅读另一个用户的帖子说 sn-p 不适用于二十七主题。

然后我尝试通过在我的子主题中创建 woocommerce/singleproduct.php 并删除以下内容来覆盖 woocommerce 模板 woocommerce/templates/singleproduct.php：

 <?php
    /**
     * woocommerce_sidebar hook.
     *
     * @hooked woocommerce_get_sidebar - 10
     */
    do_action( 'woocommerce_sidebar' );
?>

这也不起作用。我在这里遗漏了一些明显的东西吗？如果有人对我做错了什么有一些见解，非常感谢。非常感谢。

Answer 1

对于 27 岁主题，Woocommerce WC_Twenty_Seventeen 中有一个特殊的类来处理侧边栏。

所以使用以下方法从单个产品页面中删除侧边栏：

remove_action( 'woocommerce_after_main_content', array( 'WC_Twenty_Seventeen', 'output_content_wrapper_end' ), 10 );
add_action( 'woocommerce_after_main_content', 'remove_sidebar_from_output_content_wrapper_end', 10 );
function remove_sidebar_from_output_content_wrapper_end() {
    // Only for single product pages
    if( is_product() ) {
        echo '</main></div></div>';
    } else {
        echo '</main></div>';
        get_sidebar();
        echo '</div>';
    }

}

代码进入活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。

但是您必须在styles.css 文件中添加一些 CSS 规则，例如：

.has-sidebar.single-product.woocommerce-page:not(.error404) #primary {
    width: 100% !important;
    float: none !important;
}