如何在WooCommerce中為CSS數量分配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

首先，修改剩余課程的樣式

即.remaining { display: inline-block; } .remaining { display: inline-block; }

第二，用span代替div

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