如何删除woocommerce选项卡?

use*_*434 6 php wordpress wordpress-theming wordpress-plugin woocommerce

我们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'
        );
    }
Run Code Online (Sandbox Code Playgroud)

sco*_*ban 12

虽然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;
}
Run Code Online (Sandbox Code Playgroud)

  • 除了确保它最后运行之外,99 可能是一个拼写错误?试图引导比我小三岁的我。 (2认同)

Swa*_*ali 5

如果您想从 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;
 }
Run Code Online (Sandbox Code Playgroud)

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

选项 2-

或者对于另一种方法,只需将此添加到您的functions.php

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10);
Run Code Online (Sandbox Code Playgroud)

选项 3-

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

 .woocommerce_tabs .tabs {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

阅读更多 - Woo-commerce:从产品页面中删除标签