Затемнение фото при отсутствии товара

[Xlebosolniy]

Здравствуйте. Подскажите, пожалуйста, как правильно обернуть блок, который отвечает за вывод фото (info_left) в блок, который затемнит/высветлит фото.

 

Делаю вот так:

 

Задаю стили:

<style>
quantity1{
filter: grayscale(0%);
}
.quantity0{
filter: grayscale(100%);
}
</style>

 

В product.tpl:

Проверяю количество товаров:

<?php if ($quantity) { ?>
<div class="quantity1"><div class="info_left"></div></div>
<?php } else { ?>
<div class="quantity0"><div class="info_left"></div></div>
<?php } ?>

 

Но явно что-то делаю не так, может быть можно как задать стиль filter: grayscale(0%);/filter: grayscale(100%); внутри "info_left", например, так:

<div class="info_left">filter: grayscale(0%);</div> только вот как туда этот стиль подставить не могу разобраться.

[SergeTkach]

В мозилле вешаю filter: grayscale(100%); на любого родителя или предка фотки, и все работает (фото или вообще вся страница становится серым).

 

В html-коде страницы (views-source) класс quantity0 вообще есть ?

 

И пропущена точка для

quantity1

[Xlebosolniy]

31.08.2022 в 19:28, SergeTkach сказал:

В мозилле вешаю filter: grayscale(100%); на любого родителя или предка фотки, и все работает (фото или вообще вся страница становится серым).

 

В html-коде страницы (views-source) класс quantity0 вообще есть ?

 

И пропущена точка для

quantity1

Спасибо, подправил)

 

Да и даже div выводится тот, который должен при количестве 0 товаров работать, но вот применяться не хочется, а если больше 0 товаров, то выводится quantity1

 

[Xlebosolniy]

Пробую еще так сделать:

<?php if ($quantity) { ?>
<?php echo "<div style='filter: grayscale(0%);'><div class='info_left'></div></div>"; ?>
<?php } else { ?>
<?php echo "<div style='filter: grayscale(100%);'><div class='info_left'></div></div>"; ?>
<?php } ?>

Через просмотр кода тоже правильно все выводится:

 

 

И так:

<?php if ($quantity) { ?>
<?php echo "<div class='info_left' style='filter: grayscale(0%);'></div>"; ?>
<?php } else { ?>
<?php echo "<div class='info_left' style='filter: grayscale(100%);'></div>"; ?>
<?php } ?>

 

Через просмотр кода тоже правильно:

Но работать не хочет, хотя если просто через css в info_left добавить "filter: grayscale(100%);", то применяется фильтр

 

И вот так тоже применяется:

Змінено 31 серпня 2022 користувачем Xlebosolniy

[Xlebosolniy]

Неактуально