Как назначить класс 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; }

Во-вторых, замените div на span

<div class="uniqstock"> 20</div> до <span class="uniqstock"> 20</span>