如何在WooCommerce中将CSS类分配给库存数量？

Question

我正在尝试以下列格式显示库存数量文本。

“库存有多少？” “20”

您可以通过以下链接查看：

https://spendr.dk/shop/

我正在使用以下代码。

add_action('woocommerce_after_shop_loop_item','bbloomer_show_stock_shop', 10);

function bbloomer_show_stock_shop() {
global $product;
if ( $product->stock ) { // if manage stock is enabled 
if ( number_format( $product->stock,0,'','' ) < 3 ) { // if stock is low
echo '<div class="remaining">Only ' . number_format($product->stock,0,'','') . ' left in stock!</div>';
} 

else {
echo '<div class="remaining">' . 'How many in stock?</div>' . 
number_format($product->stock,0,'','');
}
}
}

现在我想调整“库存量”（例如：20）。我正在尝试将CS​​S类添加到库存数量中。我想在“有多少股票？”旁边展示它。文本。

如何将CSS类添加到库存数量？用PHP。

谢谢。

Answer 1

首先，修改剩余课程的样式

并出口

其次，用span替换div

.remaining { display: inline-block; }到<div class="uniqstock"> 20</div>