class - 向 Woocommerce 缺货产品卡添加类 - 使用 Hestia 主题

Question

我正在使用 Hestia Wordpress 主题，并且我正在尝试向满足该条件的产品卡添加一个“缺货”类。我尝试了一些功能，但没有成功。

产品卡片如下所示：

<div class="card card-product pop-and-glow">                                                            
<div class="card-image">
    ... content of card-image ...
</div>
<div class="content">
    ... here comes content ...              
</div>
</div>

当产品缺货时，我想要这样的东西：

<div class="card card-product pop-and-glow out-of-stock">                                                           
<div class="card-image">
    ... content of card-image ...
</div>
<div class="content">
    ... here comes content ...              
</div>
</div>

任何提示将不胜感激。非常感谢 R-)