php - woocommerce中的“缺货”变量变灰

Question

我有一个包含可变产品的商店，其中包含尺寸、颜色和面料等变量。我为此使用样本而不是下拉列表

我一直在寻找答案，但没有一个对我有用。唯一这样做的，仍然缺少一些东西。

我在我的子主题的 functions.php 文件中使用了这段代码：

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

function grey_out_variations_when_out_of_stock( $grey_out, $variation ) {

if ( ! $variation->is_in_stock() )
    return false;

return true;
}

它正在部分工作。样本不可点击，但文本的颜色保持不变。我试过像这样更改色板插件的“缺货产品”设置：

但它没有用。我还尝试查看源 HTML 代码，发现<option>设置为禁用但<ul>不是：

我知道 css，但我写的 css 不起作用。我猜是因为列表本身没有在它的标签中显示 disabled 属性。有没有更好的代码/方法来做到这一点？也许我错过了什么？

您可以在此处查看示例：https : //misfit.co.il/shop/t-shirts/badass-sleeveless-shirt/ 但请确保您在移动模式下看到它，因为它尚未为桌面视图设计。

谢谢。

标签： phphtmlcsswordpresswoocommerce