从WooCommerce管理面板中删除标题

时间:2019-08-02 07:31:34

标签: css wordpress woocommerce hook-woocommerce woothemes

使用店面主题,我想在登录管理面板WooCommerce |Products Store Activity| Inbox| Orders| Stock| Reviews| Notices|面包屑时删除面包屑。 *请注意,如果您登录的是当前用户而不是管理员,那么我需要这样做。我使用CSS使用的代码

.woocommerce-layout__header-breadcrumbs {
   display: none !important;
}
.woocommerce-layout {
   display: none !important;
}

screen shot

6 个答案:

答案 0 :(得分:2)

自2020年3月28日起,对于所有用户,以下代码将删除添加到WP Admin中的新Woocommerce标头。将以下内容放入主题的functions.php文件中:

// Disable Woocommerce Header in WP Admin 
add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    .woocommerce-embed-page .woocommerce-layout__primary{
        display: none;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}
    </style>';
}

答案 1 :(得分:1)

该代码可以正常工作,但问题是您在哪里使用它? CSS只会影响前端,而管理端具有不同的样式表源。您可以尝试添加Add Admin CSS插件来发布该代码,或者在function.php中使用以下自定义操作:

add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header-breadcrumbs {
      display: none;
    }
  </style>';
}

输出:

enter image description here

答案 2 :(得分:1)

在woocommerce 5.2之后,我们不得不取消#wpbody的margin。此代码片段是 itzmekhokan 的修订版,并且仍然有效。

add_action( 'admin_head', function (){
  remove_action( 'in_admin_header', array( 'Automattic\WooCommerce\Admin\Loader', 'embed_page_header' ) ); 
  echo '<style>#wpadminbar + #wpbody { margin-top:0; }</style>';
});

答案 3 :(得分:0)

在活动主题的functions.php中添加以下代码段-

remove_action( 'in_admin_header', array( 'WC_Admin_Loader', 'embed_page_header' ) );

答案 4 :(得分:0)

更新2020年:

function Hide_WooCommerce_Breadcrumb() {
    echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}

答案 5 :(得分:0)

function wp_custom_css() {
    echo '<style>
    .woocommerce-embed-page #wpbody .woocommerce-layout, .woocommerce-embed-page .woocommerce-layout__notice-list-hide+.wrap {
        padding-top: 10px;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links {
        top: 0px;
    }
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}
add_action('admin_head', 'wp_custom_css');