如果产品的所有变体都缺货 woocommerce，如何从商店和类别页面中隐藏产品？

Question

目前，我们的产品以变体形式出售。我想要的是，当产品的所有变体都缺货时，它们应该从商店/产品类别/产品标签页面中隐藏/删除。目前我已经使用以下代码从选择下拉列表中隐藏了缺货选项：

function if_variation_is_active( $active, $variation ) {
    if( ! $variation->is_in_stock() ) {
        return false;
    }

    return $active;
}

add_filter( 'woocommerce_variation_is_active', 'if_variation_is_active', 10, 2 );

然后使用 CSS 设置为 display:none。产品本身显示 in stock，因为它作为变体出售。

目前看起来像下图：

但我想从目录中完全隐藏该产品。我怎样才能做到这一点？

问候