如何删除woocommerce选项卡？

Z时代
2024-01-10
分类：IT

我们woocommerce商店中的产品不需要任何默认选项卡, 因此我设法禁用了它们, 因为我只需要在产品下方添加产品说明, 但是我想保留实际的说明, 但我相信该选项卡本身是多余的, 因为没有其他标签。

基本上, 我想完全删除选项卡的＆标题, 但将内容框保持在其下方, 而无需修改woocommerce核心php模板文件。有没有一种方法可以向我的WordPress主题的functions.php添加过滤器？

function woocommerce_default_product_tabs( $tabs = array() ) {
    global $product, $post;
    // Description tab - shows product content
    if ( $post->post_content ) {
        $tabs['description'] = array(
            'title'    => __( 'Description', 'woocommerce' ), 'priority' => 10, 'callback' => 'woocommerce_product_description_tab'
        );
    }

#1

虽然CSS很不错, 但是如果样式表无法正确加载, 则最终可能会显示无意义的选项卡。如前所述, 最好在加载之前(服务器端)删除内容。

请参见Woothemes提供的以下代码, 以取消设置数据标签。

编辑放置在主题内的functions.php文件中。

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
    unset( $tabs['description'] );          // Remove the description tab
    unset( $tabs['reviews'] );          // Remove the reviews tab
    unset( $tabs['additional_information'] );   // Remove the additional information tab
    return $tabs;
}

#2

如果要从woo-commerce产品详细信息页面中删除选项卡, 则将此代码添加到function.php中

选项1-

转到functions.php并添加以下代码。 (转到管理面板>外观>编辑器> functions.php)

add_filter( 'woocommerce_product_tabs', 'woo_remove_tabs', 98 );
function woo_remove_tabs( $tabs ){
    if(is_product()){
      unset( $tabs['description'] ); // Remove the description tab
      unset( $tabs['reviews'] ); // Remove the reviews tab
      unset( $tabs['additional_information'] ); // Remove the additional information tab
      }
  return $tabs;
 }

通过使用此过滤器, 我们可以从Woocommerce产品页面中删除选项卡。

选项2

或者作为一种替代方法, 只需将其添加到你的functions.php中

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10);

选项3-

通过将其添加到woocommerce.css的底部来隐藏选项卡

 .woocommerce_tabs .tabs {
    display: none;
}

了解更多-Woo-commerce：从产品页面删除标签

#3

请问, 问题不仅在于删除标签, 而且还要保留产品说明。如果你尝试过上面的代码, 你将意识到在删除选项卡时实际上是在删除产品说明。这不是理想的情况。

你应该在以下位置添加以下代码以将其重新添加。但是不幸的是, 这一次你可以并排添加描述并缩小图片范围。我找不到将其很好地添加到之前存在选项卡的图片下方的解决方案。编码：

function woocommerce_template_product_description() {
    woocommerce_get_template( 'single-product/tabs/description.php' );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_description', 40 );

#4

这是工作代码：

add_filter( 'woocommerce_product_tabs', 'wcs_woo_remove_reviews_tab', 98 );
function wcs_woo_remove_reviews_tab($tabs) {
unset($tabs['reviews']);
return $tabs;
}