我尝试在functions.php中添加以下代码

class iWC_Orderby_Stock_Status {
public function __construct() {
    if (in_array('woocommerce/woocommerce.php', apply_filters('active_plugins', get_option('active_plugins')))) {
        add_filter('posts_clauses', array($this, 'order_by_stock_status'), 2000);
    }
}
public function order_by_stock_status($posts_clauses) {
    global $wpdb;   
    if (is_woocommerce() && (is_shop() || is_product_category() || is_product_tag())) {
        $posts_clauses['join'] .= " INNER JOIN $wpdb->postmeta istockstatus ON ($wpdb->posts.ID = istockstatus.post_id) ";
        $posts_clauses['orderby'] = " istockstatus.meta_value ASC, " . $posts_clauses['orderby'];
        $posts_clauses['where'] = " AND istockstatus.meta_key = '_stock_status' AND istockstatus.meta_value <> '' " . $posts_clauses['where'];
    }
    return $posts_clauses;
    }
}
new iWC_Orderby_Stock_Status;

它确实有效，但只适用于产品类别页面（每个类别都有自己的商品页面），而且在这些页面上有一个过滤选项供用户使用。在主页上，所有类别都通过小部件“OS Filter products by category”显示，网站页面本身没有过滤，用户可以看到。
我想为主页工程的代码太。一个模板是兰花商店。有插件或代码吗？我不想添加一个视觉过滤器，根据用户可以选择自己的选项，但这样的产品可供购买首先是默认可见的，然后“不可用”。
以下是网站在主页上的外观：“类别名称”“不可用产品”，“可供购买”
“第二类名称”“无货产品”，“可供购买”。