Цвет наличия

[krashman]

Всем привет!

Искал уже на форуме что-нибудь интересное по этому поводу, но ничего подходящего для себя не выделил..

 

На сайте преимущественно статусы: "Предзаказ" и "В наличии"

Поэтому хочется сделать следующее:

 

эта картинка для "В наличии"

 

эта картинка для "Предзаказ"

 

Поставить зелёную картинку для всех статусов проблем не составило, а вот чтобы они были для каждого статуса свои, у меня нет идей.

Подскажите как это можно реализовать?

[noVe]

Через if - если статус "В наличии", то один бэкграунд, если "Предзаказ" - другой. Можно править код в файле product.tpl

[krashman]

Через if - если статус "В наличии", то один бэкграунд, если "Предзаказ" - другой. Можно править код в файле product.tpl

 

Ну у меня сейчас ставится одна картинка через stylesheet.css:

.prod-stock {
    background: url("../image/stock-jpeg-2.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 38px;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    text-align: center;
    width: 125px;
}

а в product.tpl заместо этого:

<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock"><?php echo $stock; ?></div></div></div>

надо что-то писать..?

[noVe]

Примерно так:
 

<? if  ($stock == 'Предзаказ') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock"><?php echo $stock; ?></div></div></div>
<? } ?>


<? if  ($stock == 'В наличии') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock2"><?php echo $stock; ?></div></div></div>
<? } ?>

 
 
Создайте новый класс prod-stock2 с новым бэкграундом.
 
Не забудьте все сохранить в кодировке UT8 без BOM

[krashman]

Примерно так:

 

<? if  ($stock == 'Предзаказ') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock"><?php echo $stock; ?></div></div></div>
<? } ?>


<? if  ($stock == 'В наличии') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock2"><?php echo $stock; ?></div></div></div>
<? } ?>

 

 

Создайте новый класс prod-stock2 с новым бэкграундом.

 

Не забудьте все сохранить в кодировке UT8 без BOM

 

Тоже сейчас пробовал, мудрил что-то...У вас решение намного проще и правильней) Всё получилось, как хотел...

 

Но если поменять задачу, вдруг потом со временем что-то изменится...Для "В наличии" - зелёная картинка, для всего остального - красная. как тогда писать?

<? if  ($stock == 'В наличии') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock2"><?php echo $stock; ?></div></div></div>
<? } ?>


****ВСЁ ОСТАЛЬНОЕ****
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock"><?php echo $stock; ?></div></div></div>
<? } ?>

[noVe]

else вам в помощь :)

<? if () { ?>

<? } else { ?>

<? } ?>

[krashman]

else вам в помощь :)

<? if () { ?>

<? } else { ?>

<? } ?>

Спасибо! Теперь буду знать!

Вроде всё правильно сделает и всё работает:

<? if ($stock == 'В наличии') { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock2"><?php echo $stock; ?></div></div></div>
<? } else { ?>
<div class="padd-avalib"> <div class="extra-wrap"> <span class="prod-stock-2"><?php echo $text_stock; ?></span> <div class="prod-stock"><?php echo $stock; ?></div></div></div>
<? } ?>