Изменить цвет статуса товара

[gts]

 

Привет. Нужно изменить цвет статуса товара, когда его нет на складе. Для этого я в css добавил описание класса

}
.stock-status {
    color: #42b700;
}

И в файле catalog/view/theme/default/template/product/product.tpl 

для строки 

<li><?php echo $text_stock; ?> <?php echo $stock; ?></li>

присвоил соответствующий класс

<li class="stock_status"><?php echo $text_stock; ?> <?php echo $stock; ?></li>

Осталось несколько вопросов:

1. При таком решении у меня отображает зеленым цветом и слово "Доступность" и само название статуса. Как сделать, чтобы зеленым был только статус, а слова "Доступность" было обычным черным цветом?

2. Кроме статуса "В наличии" есть статус "На заказ" который нужно сделать синим цветом. Как это сделать?

 

Змінено 13 серпня 2018 користувачем gts

[anboza]

1. выделить в разные дивы с разными слассами, в рамках одного <li></li>

2. делаем проверку order_status_id=*

 

 

[SiteMix]

16 часов назад, gts сказал:

При таком решении у меня отображает зеленым цветом и слово "Доступность" и само название статуса. Как сделать, чтобы зеленым был только статус, а слова "Доступность" было обычным черным цветом?

<li><?php echo $text_stock; ?> <span class="stock_status"><?php echo $stock; ?></span></li>