php - 如何将 CSS 类分配给 WooCommerce 中的库存数量？

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)。我正在尝试将 CSS 类添加到库存数量。我想展示它，就在“有多少库存？”旁边文本。

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

谢谢。

Answer 1

首先，修改剩余类的样式

即.remaining { display: inline-block; }

其次，用span替换div

<div class="uniqstock"> 20</div>至 <span class="uniqstock"> 20</span>